/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss (1) ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss (2) ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
/*!********************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
\********************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid rgba(0,0,0,0)}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:rgba(0,0,0,0)}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:rgba(0,0,0,0)}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:rgba(0,0,0,0)}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss (3) ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr /* rtl:ignore */;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: #6c757d;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table > :not(:first-child) {
border-top: 2px solid currentColor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
}
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6;
}
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce;
}
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7;
}
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3;
}
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9;
}
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4;
}
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1;
}
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: #6c757d;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
height: 1.5em;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
textarea.form-control {
min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
width: 3rem;
height: auto;
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
height: 1.5em;
border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
height: 1.5em;
border-radius: 0.25rem;
}
.form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: #e9ecef;
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529;
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
-webkit-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65;
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
appearance: none;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
height: calc(3.5rem + 2px);
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem 0.75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
z-index: 3;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 3;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #198754;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, 0.9);
border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
z-index: 3;
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
pointer-events: none;
opacity: 0.65;
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-primary:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-info:hover {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
color: #000;
background-color: #3dd5f3;
border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-dark:hover {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1a1e21;
border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #0d6efd;
background-color: transparent;
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-success {
color: #198754;
border-color: #198754;
}
.btn-outline-success:hover {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
color: #198754;
background-color: transparent;
}
.btn-outline-info {
color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-outline-info:hover {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
color: #0dcaf0;
background-color: transparent;
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-dark {
color: #212529;
border-color: #212529;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
color: #212529;
background-color: transparent;
}
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline;
}
.btn-link:hover {
color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 0.125rem;
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #1e2125;
background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1rem;
color: #212529;
}
.dropdown-menu-dark {
color: #dee2e6;
background-color: #343a40;
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
color: #fff;
background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #0d6efd;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: #0a58ca;
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: none;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #0d6efd;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
.card-title {
margin-bottom: 0.5rem;
}
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: 1rem;
}
.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-group > .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: #0c63e4;
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.accordion-body {
padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: #6c757d;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
color: #0d6efd;
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: #0a58ca;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.page-item:not(:first-child) .page-link {
margin-left: -1px;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6;
}
.page-link {
padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
color: #084298;
background-color: #cfe2ff;
border-color: #b6d4fe;
}
.alert-primary .alert-link {
color: #06357a;
}
.alert-secondary {
color: #41464b;
background-color: #e2e3e5;
border-color: #d3d6d8;
}
.alert-secondary .alert-link {
color: #34383c;
}
.alert-success {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
}
.alert-success .alert-link {
color: #0c4128;
}
.alert-info {
color: #055160;
background-color: #cff4fc;
border-color: #b6effb;
}
.alert-info .alert-link {
color: #04414d;
}
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5;
}
.alert-warning .alert-link {
color: #523e02;
}
.alert-danger {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
}
.alert-danger .alert-link {
color: #6a1a21;
}
.alert-light {
color: #636464;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light .alert-link {
color: #4f5050;
}
.alert-dark {
color: #141619;
background-color: #d3d3d4;
border-color: #bcbebf;
}
.alert-dark .alert-link {
color: #101214;
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0d6efd;
transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.25rem;
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > li::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef;
}
.list-group-item {
position: relative;
display: block;
padding: 0.5rem 1rem;
color: #212529;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
color: #084298;
background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #084298;
background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #084298;
border-color: #084298;
}
.list-group-item-secondary {
color: #41464b;
background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #41464b;
background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #41464b;
border-color: #41464b;
}
.list-group-item-success {
color: #0f5132;
background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #0f5132;
background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #0f5132;
border-color: #0f5132;
}
.list-group-item-info {
color: #055160;
background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #055160;
background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #055160;
border-color: #055160;
}
.list-group-item-warning {
color: #664d03;
background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #664d03;
background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #664d03;
border-color: #664d03;
}
.list-group-item-danger {
color: #842029;
background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #842029;
background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #842029;
border-color: #842029;
}
.list-group-item-light {
color: #636464;
background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #636464;
background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #636464;
border-color: #636464;
}
.list-group-item-dark {
color: #141619;
background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #141619;
background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #141619;
border-color: #141619;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
opacity: 0.25;
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: 0.75rem;
}
.toast-header {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
margin-right: -0.375rem;
margin-left: 0.75rem;
}
.toast-body {
padding: 0.75rem;
word-wrap: break-word;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1055;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
padding: 0.5rem 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
margin: 0.25rem;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
.modal-fullscreen .modal-footer {
border-radius: 0;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
}
.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
}
.popover {
position: absolute;
top: 0;
left: 0 /* rtl:ignore */;
z-index: 1070;
display: block;
max-width: 276px;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover .popover-arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f0f0f0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 1rem 1rem;
color: #212529;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
}
/* rtl:end:ignore */
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name" : "prev-next",
"search" : "prev",
"replace" : "next"
} ]
} */
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
animation-duration: 1.5s;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: 1045;
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
padding: 0.5rem 0.5rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem;
}
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5;
}
.offcanvas-body {
flex-grow: 1;
padding: 1rem 1rem;
overflow-y: auto;
}
.offcanvas-start {
top: 0;
left: 0;
width: 400px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(-100%);
}
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(100%);
}
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(-100%);
}
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(100%);
}
.offcanvas.show {
transform: none;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentColor;
opacity: 0.5;
}
.placeholder.btn::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.link-primary {
color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
color: #0a58ca;
}
.link-secondary {
color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
color: #565e64;
}
.link-success {
color: #198754;
}
.link-success:hover, .link-success:focus {
color: #146c43;
}
.link-info {
color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
color: #3dd5f3;
}
.link-warning {
color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
color: #ffcd39;
}
.link-danger {
color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
color: #b02a37;
}
.link-light {
color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
color: #f9fafb;
}
.link-dark {
color: #212529;
}
.link-dark:hover, .link-dark:focus {
color: #1a1e21;
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentColor;
opacity: 0.25;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0d6efd !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #198754 !important;
}
.border-info {
border-color: #0dcaf0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #212529 !important;
}
.border-white {
border-color: #fff !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: #6c757d !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}
.ng-select .ng-has-value .ng-placeholder{display:none}
.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}
.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
.ng-select.ng-select-single .ng-select-container{height:36px}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url('layers.png');
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url('layers-2x.png');
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url('marker-icon.png');
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-control-attribution svg {
display: inline !important;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.iti {
position: relative;
display: inline-block; }
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.iti__hide {
display: none; }
.iti__v-hide {
visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0; }
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px; }
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555; }
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555; }
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px; }
@media (max-width: 500px) {
.iti__country-list {
white-space: normal; } }
.iti__flag-box {
display: inline-block;
width: 20px; }
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.iti__country {
padding: 5px 10px;
outline: none; }
.iti__dial-code {
color: #999; }
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
vertical-align: middle; }
.iti__flag-box, .iti__country-name {
margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px; }
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px; }
.iti--container:hover {
cursor: pointer; }
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed; }
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%; }
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em; }
.iti__flag {
width: 20px; }
.iti__flag.iti__be {
width: 18px; }
.iti__flag.iti__ch {
width: 15px; }
.iti__flag.iti__mc {
width: 19px; }
.iti__flag.iti__ne {
width: 18px; }
.iti__flag.iti__np {
width: 13px; }
.iti__flag.iti__va {
width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px; } }
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px; }
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px; }
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px; }
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px; }
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px; }
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px; }
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px; }
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px; }
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px; }
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px; }
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px; }
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px; }
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px; }
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px; }
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px; }
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px; }
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px; }
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px; }
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px; }
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px; }
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px; }
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px; }
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px; }
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px; }
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px; }
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px; }
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px; }
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px; }
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px; }
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px; }
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px; }
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px; }
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px; }
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px; }
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px; }
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px; }
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px; }
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px; }
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px; }
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px; }
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px; }
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px; }
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px; }
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px; }
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px; }
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px; }
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px; }
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px; }
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px; }
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px; }
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px; }
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px; }
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px; }
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px; }
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px; }
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px; }
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px; }
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px; }
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px; }
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px; }
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px; }
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px; }
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px; }
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px; }
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px; }
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px; }
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px; }
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px; }
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px; }
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px; }
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px; }
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px; }
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px; }
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px; }
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px; }
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px; }
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px; }
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px; }
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px; }
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px; }
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px; }
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px; }
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px; }
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px; }
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px; }
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px; }
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px; }
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px; }
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px; }
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px; }
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px; }
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px; }
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px; }
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px; }
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px; }
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px; }
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px; }
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px; }
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px; }
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px; }
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px; }
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px; }
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px; }
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px; }
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px; }
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px; }
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px; }
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px; }
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px; }
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px; }
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px; }
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px; }
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px; }
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px; }
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px; }
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px; }
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px; }
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px; }
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px; }
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px; }
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px; }
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px; }
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px; }
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px; }
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px; }
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px; }
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px; }
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px; }
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px; }
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px; }
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px; }
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px; }
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px; }
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px; }
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px; }
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px; }
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px; }
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px; }
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px; }
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px; }
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px; }
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px; }
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px; }
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px; }
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px; }
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px; }
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px; }
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px; }
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px; }
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px; }
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px; }
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px; }
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px; }
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px; }
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px; }
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px; }
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px; }
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px; }
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px; }
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px; }
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px; }
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px; }
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px; }
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px; }
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px; }
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px; }
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px; }
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px; }
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px; }
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px; }
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px; }
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px; }
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px; }
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px; }
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px; }
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px; }
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px; }
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px; }
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px; }
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px; }
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px; }
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px; }
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px; }
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px; }
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px; }
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px; }
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px; }
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px; }
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px; }
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px; }
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px; }
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px; }
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px; }
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px; }
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px; }
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px; }
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px; }
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px; }
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px; }
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px; }
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px; }
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px; }
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px; }
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px; }
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px; }
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px; }
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px; }
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px; }
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px; }
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px; }
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px; }
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px; }
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px; }
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px; }
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px; }
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px; }
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px; }
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px; }
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px; }
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px; }
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px; }
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px; }
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px; }
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px; }
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px; }
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px; }
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px; }
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px; }
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px; }
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px; }
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px; }
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px; }
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px; }
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px; }
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px; }
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px; }
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px; }
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px; }
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px; }
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px; }
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px; }
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px; }
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px; }
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px; }
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px; }
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px; }
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px; }
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px; }
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px; }
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px; }
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px; }
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px; }
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px; }
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px; }
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px; }
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px; }
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px; }
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px; }
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url('flags.png');
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url('flags@2x.png'); } }
.iti__flag.iti__np {
background-color: transparent; }
.dataTable-wrapper.no-header .dataTable-container {
border-top: 1px solid #d9d9d9;
}
.dataTable-wrapper.no-footer .dataTable-container {
border-bottom: 1px solid #d9d9d9;
}
.dataTable-top,
.dataTable-bottom {
padding: 8px 10px;
}
.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
float: left;
}
.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
float: right;
}
.dataTable-selector {
padding: 6px;
}
.dataTable-input {
padding: 6px 12px;
}
.dataTable-info {
margin: 7px 0;
}
/* PAGER */
.dataTable-pagination ul {
margin: 0;
padding-left: 0;
}
.dataTable-pagination li {
list-style: none;
float: left;
}
.dataTable-pagination a {
border: 1px solid transparent;
float: left;
margin-left: 2px;
padding: 6px 12px;
position: relative;
text-decoration: none;
color: #333;
}
.dataTable-pagination a:hover {
background-color: #d9d9d9;
}
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
background-color: #d9d9d9;
cursor: default;
}
.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
cursor: not-allowed;
}
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
cursor: not-allowed;
opacity: 0.4;
}
.dataTable-pagination .pager a {
font-weight: bold;
}
/* TABLE */
.dataTable-table {
max-width: 100%;
width: 100%;
border-spacing: 0;
border-collapse: separate;
}
.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
vertical-align: top;
padding: 8px 10px;
}
.dataTable-table > thead > tr > th {
vertical-align: bottom;
text-align: left;
border-bottom: 1px solid #d9d9d9;
}
.dataTable-table > tfoot > tr > th {
vertical-align: bottom;
text-align: left;
border-top: 1px solid #d9d9d9;
}
.dataTable-table th {
vertical-align: bottom;
text-align: left;
}
.dataTable-table th a {
text-decoration: none;
color: inherit;
}
.dataTable-sorter {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
content: "";
height: 0;
width: 0;
position: absolute;
right: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
opacity: 0.2;
}
.dataTable-sorter::before {
border-top: 4px solid #000;
bottom: 0px;
}
.dataTable-sorter::after {
border-bottom: 4px solid #000;
border-top: 4px solid transparent;
top: 0px;
}
.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
opacity: 0.6;
}
.dataTables-empty {
text-align: center;
}
.dataTable-top::after, .dataTable-bottom::after {
clear: both;
content: " ";
display: table;
}
.ngx-datatable {
display: block;
overflow: hidden;
justify-content: center;
position: relative;
transform: translate3d(0, 0, 0);
/**
* Vertical Scrolling Adjustments
*/
/**
* Horizontal Scrolling Adjustments
*/
/**
* Fixed Header Height Adjustments
*/
/**
* Fixed row height adjustments
*/
/**
* Shared Styles
*/
/**
* Header Styles
*/
/**
* Body Styles
*/
/**
* Footer Styles
*/ }
.ngx-datatable [hidden] {
display: none !important; }
.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
box-sizing: border-box; }
.ngx-datatable.scroll-vertical .datatable-body {
overflow-y: auto; }
.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
position: absolute; }
.ngx-datatable.scroll-horz .datatable-body {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
white-space: nowrap; }
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.ngx-datatable.fixed-row .datatable-scroll {
white-space: nowrap; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
white-space: nowrap; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
display: flex;
flex-direction: row;
-o-flex-flow: row;
flex-flow: row; }
.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
overflow-x: hidden;
vertical-align: top;
display: inline-block;
line-height: 1.625; }
.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
outline: none; }
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
z-index: 9; }
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
position: relative; }
.ngx-datatable .datatable-header {
display: block;
overflow: hidden; }
.ngx-datatable .datatable-header .datatable-header-inner {
align-items: stretch;
-webkit-align-items: stretch; }
.ngx-datatable .datatable-header .datatable-header-cell {
position: relative;
display: inline-block; }
.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
cursor: pointer; }
.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
cursor: move; }
.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
line-height: 100%;
vertical-align: middle;
display: inline-block;
cursor: pointer; }
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
display: inline-block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 5px;
padding: 0 4px;
visibility: hidden; }
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
cursor: ew-resize; }
.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
visibility: visible; }
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
visibility: visible; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
position: absolute;
top: 0;
bottom: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
right: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
left: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
height: inherit; }
.ngx-datatable .datatable-body {
position: relative;
z-index: 10;
display: block; }
.ngx-datatable .datatable-body .datatable-scroll {
display: inline-block; }
.ngx-datatable .datatable-body .datatable-row-detail {
overflow-y: hidden; }
.ngx-datatable .datatable-body .datatable-row-wrapper {
display: flex;
flex-direction: column; }
.ngx-datatable .datatable-body .datatable-body-row {
outline: none; }
.ngx-datatable .datatable-body .datatable-body-row > div {
display: flex; }
.ngx-datatable .datatable-footer {
display: block;
width: 100%;
overflow: auto; }
.ngx-datatable .datatable-footer .datatable-footer-inner {
display: flex;
align-items: center;
width: 100%; }
.ngx-datatable .datatable-footer .selected-count .page-count {
flex: 1 1 40%; }
.ngx-datatable .datatable-footer .selected-count .datatable-pager {
flex: 1 1 60%; }
.ngx-datatable .datatable-footer .page-count {
flex: 1 1 20%; }
.ngx-datatable .datatable-footer .datatable-pager {
flex: 1 1 80%;
text-align: right; }
.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
padding: 0;
margin: 0;
display: inline-block;
list-style: none; }
.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
outline: none; }
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
cursor: pointer;
display: inline-block; }
.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
cursor: not-allowed; }
@font-face {
font-family: 'data-table';
src: url('data-table.eot');
src: url('data-table.eot?#iefix') format('embedded-opentype'), url('data-table.woff') format('woff'),
url('data-table.ttf') format('truetype'), url('data-table.svg#data-table') format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]::before {
font-family: 'data-table' !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
font-family: 'data-table' !important;
font-style: normal !important;
font-weight: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.datatable-icon-filter::before {
content: '\62';
}
.datatable-icon-collapse::before {
content: '\61';
}
.datatable-icon-expand::before {
content: '\63';
}
.datatable-icon-close::before {
content: '\64';
}
.datatable-icon-up::before {
content: '\65';
}
.datatable-icon-down::before {
content: '\66';
}
.datatable-icon-sort-unset::before {
content: '\63';
opacity: 0.5;
}
.datatable-icon-sort::before {
content: '\67';
}
.datatable-icon-done::before {
content: '\68';
}
.datatable-icon-done-all::before {
content: '\69';
}
.datatable-icon-search::before {
content: '\6a';
}
.datatable-icon-pin::before {
content: '\6b';
}
.datatable-icon-add::before {
content: '\6d';
}
.datatable-icon-left::before {
content: '\6f';
}
.datatable-icon-right::before {
content: '\70';
}
.datatable-icon-skip::before {
content: '\71';
}
.datatable-icon-prev::before {
content: '\72';
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
box-sizing: border-box;
touch-action: manipulation;
background: #fff;
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
user-select: none;
overflow: hidden;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
-webkit-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
/*
*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
/*
*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57,57,57,0.15);
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57,57,57,0.6);
top: 26%;
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57,57,57,0.6);
top: 40%;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0,0,0,0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: flex;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0,0,0,0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-around;
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.dayContainer + .dayContainer {
box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
box-shadow: none;
color: #fff;
border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57,57,57,0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57,57,57,0.3);
background: transparent;
cursor: default;
border: none;
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
box-sizing: border-box;
overflow: hidden;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
box-sizing: border-box;
-webkit-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
user-select: none;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@keyframes fpFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}
@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}
@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}
.dropzone,.dropzone *{box-sizing:border-box}
.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}
.dropzone.dz-clickable{cursor:pointer}
.dropzone.dz-clickable *{cursor:default}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}
.dropzone.dz-started .dz-message{display:none}
.dropzone.dz-drag-hover{border-style:solid}
.dropzone.dz-drag-hover .dz-message{opacity:.5}
.dropzone .dz-message{text-align:center;margin:3em 0}
.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}
.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}
.dropzone .dz-preview:hover{z-index:1000}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}
.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}
.dropzone .dz-preview.dz-image-preview{background:#fff}
.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}
.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}
.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}
.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}
.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}
.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}
.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}
.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}
.dropzone .dz-preview .dz-image img{display:block}
.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}
.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}
.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}
.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}
.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}
.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}
.dropzone .dz-preview.dz-error .dz-error-message{display:block}
.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}
.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}
.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}
.animate__animated.animate__infinite{animation-iteration-count:infinite}
.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}
.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}
@media (prefers-reduced-motion:reduce), print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}
@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}
.animate__bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
.animate__flash{animation-name:flash}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}
.animate__rubberBand{animation-name:rubberBand}
@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}
.animate__shakeX{animation-name:shakeX}
@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}
.animate__shakeY{animation-name:shakeY}
@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}
.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.animate__swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}
.animate__tada{animation-name:tada}
@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}
.animate__wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
.animate__jello{animation-name:jello;transform-origin:center}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}
.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}
@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInDown{animation-name:backInDown}
@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInLeft{animation-name:backInLeft}
@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInRight{animation-name:backInRight}
@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInUp{animation-name:backInUp}
@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}
.animate__backOutDown{animation-name:backOutDown}
@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}
.animate__backOutLeft{animation-name:backOutLeft}
@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}
.animate__backOutRight{animation-name:backOutRight}
@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}
.animate__backOutUp{animation-name:backOutUp}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}
.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}
.animate__bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}
.animate__bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}
.animate__bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}
.animate__bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}
.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}
.animate__bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}
.animate__bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}
.animate__bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}
.animate__bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.animate__fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInTopLeft{animation-name:fadeInTopLeft}
@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInTopRight{animation-name:fadeInTopRight}
@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}
@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInBottomRight{animation-name:fadeInBottomRight}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.animate__fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}
.animate__fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}
.animate__fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}
.animate__fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}
.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}
.animate__fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}
.animate__fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}
.animate__fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}
.animate__fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}
.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}
@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}
.animate__fadeOutTopRight{animation-name:fadeOutTopRight}
@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}
.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}
@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}
.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}
@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}
.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}
.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}
.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}
.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}
@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}
.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}
@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}
@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}
.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateIn{animation-name:rotateIn;transform-origin:center}
@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}
@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}
@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}
@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}
@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}
.animate__rotateOut{animation-name:rotateOut;transform-origin:center}
@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}
.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}
@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}
.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}
@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}
.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}
@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}
.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}
@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}
.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}
@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}
.animate__jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}
.animate__rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}
.animate__rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.animate__zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.animate__zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}
.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}
.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}
.animate__slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}
.animate__slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}
.animate__slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}
.animate__slideOutUp{animation-name:slideOutUp}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #fff;
}
@media (pointer: coarse) {
.ql-bubble.ql-toolbar button:hover:not(.ql-active),
.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
color: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #ccc;
}
}
.ql-bubble {
box-sizing: border-box;
}
.ql-bubble * {
box-sizing: border-box;
}
.ql-bubble .ql-hidden {
display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
visibility: hidden;
}
.ql-bubble .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-bubble .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-bubble .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-bubble .ql-stroke {
fill: none;
stroke: #ccc;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
fill: none;
stroke: #ccc;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble .ql-empty {
fill: none;
}
.ql-bubble .ql-even {
fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-bubble .ql-transparent {
opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-bubble .ql-editor h1 {
font-size: 2em;
}
.ql-bubble .ql-editor h2 {
font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
font-size: 1em;
}
.ql-bubble .ql-editor h5 {
font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
font-size: 0.67em;
}
.ql-bubble .ql-editor a {
text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-bubble .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-bubble .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-bubble .ql-editor img {
max-width: 100%;
}
.ql-bubble .ql-picker {
color: #ccc;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-bubble .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-bubble .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-bubble .ql-picker-options {
background-color: #444;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
color: #777;
z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
border-color: #fff;
}
.ql-bubble .ql-tooltip {
background-color: #444;
border-radius: 25px;
color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: " ";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
border-bottom: 6px solid #444;
top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
border-top: 6px solid #444;
bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
background: transparent;
border: none;
color: #fff;
font-size: 13px;
height: 100%;
outline: none;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
top: 10px;
position: absolute;
right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
color: #ccc;
content: "\D7";
font-size: 16px;
font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
position: relative;
white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
background-color: #444;
border-radius: 15px;
top: -5px;
font-size: 12px;
color: #fff;
content: attr(href);
font-weight: normal;
overflow: hidden;
padding: 5px 15px;
text-decoration: none;
z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
border-top: 6px solid #444;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: 0;
content: " ";
height: 0;
width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
left: 0;
margin-left: 50%;
position: absolute;
transform: translate(-50%, -100%);
transition: visibility 0s ease 200ms;
visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
visibility: visible;
}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:";
}
.ql-snow a {
color: #06c;
}
.ql-container.ql-snow {
border: 1px solid #ccc;
}
aw-wizard {
display: flex;
justify-content: flex-start;
}
aw-wizard .wizard-steps {
top: 0;
display: flex;
}
aw-wizard.horizontal {
flex-direction: column;
}
aw-wizard.horizontal .wizard-steps {
width: 100%;
flex-direction: row;
}
aw-wizard.vertical {
flex-direction: row;
}
aw-wizard.vertical .wizard-steps {
min-width: calc(100% - 280px);
width: 80%;
height: 100%;
flex-direction: column;
}
aw-wizard-step,
aw-wizard-completion-step {
height: auto;
width: 100%;
}
aw-wizard-navigation-bar ul.steps-indicator * {
box-sizing: border-box;
}
aw-wizard-navigation-bar ul.steps-indicator li {
position: relative;
pointer-events: none;
}
aw-wizard-navigation-bar ul.steps-indicator li a .label {
color: #808080;
line-height: 14px;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
transition: 0.25s;
}
aw-wizard-navigation-bar ul.steps-indicator li.navigable {
pointer-events: auto;
}
aw-wizard-navigation-bar ul.steps-indicator li.navigable a {
cursor: pointer;
}
aw-wizard-navigation-bar ul.steps-indicator li.navigable a:hover .label {
color: #4d4d4d;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
width: 100%;
list-style: none;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2:after {
left: 25%;
right: 25%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2 li {
width: 50%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3:after {
left: 16.6666666667%;
right: 16.6666666667%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3 li {
width: 33.3333333333%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4:after {
left: 12.5%;
right: 12.5%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4 li {
width: 25%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5:after {
left: 10%;
right: 10%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5 li {
width: 20%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6:after {
left: 8.3333333333%;
right: 8.3333333333%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6 li {
width: 16.6666666667%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7:after {
left: 7.1428571429%;
right: 7.1428571429%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7 li {
width: 14.2857142857%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8:after {
left: 6.25%;
right: 6.25%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8 li {
width: 12.5%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9:after {
left: 5.5555555556%;
right: 5.5555555556%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9 li {
width: 11.1111111111%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10:after {
left: 5%;
right: 5%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10 li {
width: 10%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator li {
margin: 0;
padding: 0;
text-align: center;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator li a .label {
display: inline-block;
padding-top: 10px;
text-align: center;
}
aw-wizard-navigation-bar.vertical {
max-width: 280px;
width: 20%;
height: 100%;
position: sticky;
top: 0;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator {
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
margin: auto;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator li:not(:last-child) {
margin-bottom: 0;
padding-bottom: 10px;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator li a {
display: flex;
flex-direction: row;
align-items: center;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label {
margin-left: 15px;
text-align: left;
}
[dir=rtl] aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label {
margin-left: 0;
margin-right: 15px;
text-align: right;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator {
padding: 24px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 14px);
top: -7px;
left: calc(50% + 7px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 7px);
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator {
top: -14px;
left: calc(50% - 7px);
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 7px);
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
color: black;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.done .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.current .step-indicator {
background-color: #808080;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
color: #38ef38;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
color: #808080;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
color: #FF0000;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
color: #cdcdcd;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
color: #12e212;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
color: #676767;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
color: #cc0000;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator {
padding: 5px 5px 5px 19px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator {
padding: 5px 19px 5px 5px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -7px;
top: 14px;
height: calc(100% - 14px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -7px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li a {
min-height: 14px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator {
top: 0;
left: -14px;
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator {
left: auto;
right: -14px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
color: black;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.done .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.current .step-indicator {
background-color: #808080;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
color: #38ef38;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
color: #808080;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
color: #FF0000;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
color: #cdcdcd;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
color: #12e212;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
color: #676767;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
color: #cc0000;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.toast-top-center {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-full-width {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-left {
top: 12px;
left: 12px;
}
.toast-top-right {
top: 12px;
right: 12px;
}
.toast-bottom-right {
right: 12px;
bottom: 12px;
}
.toast-bottom-left {
bottom: 12px;
left: 12px;
}
/* toast styles */
.toast-title {
font-weight: bold;
}
.toast-message {
word-wrap: break-word;
}
.toast-message a,
.toast-message label {
color: #FFFFFF;
}
.toast-message a:hover {
color: #CCCCCC;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0 1px 0 #ffffff;
/* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.toast-container {
pointer-events: none;
position: fixed;
z-index: 999999;
}
.toast-container * {
box-sizing: border-box;
}
.toast-container .ngx-toastr {
position: relative;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
background-size: 24px;
box-shadow: 0 0 12px #999999;
color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
box-shadow: 0 0 12px #000000;
opacity: 1;
cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.ngx-toastr {
background-color: #030303;
pointer-events: auto;
}
.toast-success {
background-color: #51A351;
}
.toast-error {
background-color: #BD362F;
}
.toast-info {
background-color: #2F96B4;
}
.toast-warning {
background-color: #F89406;
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
.toast-container .ngx-toastr.div {
padding: 8px 8px 8px 50px;
width: 11em;
}
.toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
.toast-container .ngx-toastr.div {
padding: 8px 8px 8px 50px;
width: 18em;
}
.toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
.toast-container .ngx-toastr.div {
padding: 15px 15px 15px 50px;
width: 25em;
}
}
/* ###### fonts ####### */
/* ###### bootstrap ####### */
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/* dark variales */
/**
* Dashtic v9.0 (https://themeforest.net/user/sprukotechnologies)
* Copyright 2021 Spruko Technologies Private Limited
* Licensed under ThemeForest License
*
//---------- TABLE OF CONTENTS ----------//
* Bootstrap Framework
* Tables
* Formsg
* Buttons
* Drop Downs
* Loader
* Custom control
* Navigation
* Card
* Scroll
* Email services
* Range slider
* Pricing tables
* Pricing Styles
* Tooptip &popover
* Typography
* Charts styles
* Media object
* Breadcrumb
* Accordion
* List Of Dropdwons
* Badges
* Jumbotron
* Alerts
* Progress
* Lists
* Modal
* Carousel
* Alignments
* Widths, Margins & Paddings
* Alignments & values
* Headers
* Background colors
* Btn styles
* Panel
* Thumbnails
* Default Card Values
* Avatars
* progress sizes
* Email
* Loaders
* Profile
* Icon input
* Tags
* Time line
* Icons List
* selectize
* Gallery
* Feather icons
* Date Picker
* Back to Top
*/
:root {
--primary-bg-color: #4454c3;
--primary-bg-hover: #3d4bb7;
--primary-bg-border: #3d4bb7;
--dark-theme: #10163a;
--dark-theme2: rgba(0, 0, 0, 0.2);
--dark-body: #262b48;
--dark-color: #edf0f5;
--dark-color2: #ffffff66;
--dark-border: rgba(255, 255, 255, 0.1);
--dark-shadow: #262b481c;
--blue: var(--primary-bg-color);
--indigo: var(--primary-bg-color);
--purple: #aa4cf2;
--pink: #ec82ef;
--red: #ff5b51;
--orange: #fc7303;
--yellow: #ecb403;
--green: #2dce89;
--teal: #2bcbba;
--cyan: #45aaf2;
--white: #fff;
--gray: #8587a7;
--gray-dark: #343a40;
--primary: var(--primary-bg-color);
--secondary: #f72d66;
--success: #2dce89;
--info: #45aaf2;
--warning: #ecb403;
--danger: #ff5b51;
--light: #f4f5f8;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
#area-chart,
#line-chart,
#bar-chart,
#stacked,
#pie-chart {
min-height: 250px;
}
* {
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
.nav-sidebar li ul {
background: #eeeeee;
}
.nav-sidebar li ul li:last-child {
border-bottom: 0px;
}
body {
margin: 0;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #424e79;
text-align: left;
background: #f2f6f9;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.66em;
}
.overflow-auto {
overflow: auto;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-weight: 400;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #424e79;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: var(--primary-bg-color);
text-decoration: none;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
color: inherit !important;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #505662;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 1px solid transparent;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input {
outline: none;
box-shadow: none;
overflow: visible;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
outline: 0;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
.bcolor {
background-color: #cf4c3a !important;
}
.bcolor1 {
background-color: #d6124a !important;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0.66em;
font-family: "Roboto", sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1,
.h1 {
font-size: 2rem;
}
h2,
.h2 {
font-size: 1.75rem;
}
h3,
.h3 {
font-size: 1.5rem;
}
h4,
.h4 {
font-size: 1.125rem;
}
h5,
.h5 {
font-size: 1rem;
}
h6,
.h6 {
font-size: 0.875rem;
}
.lead {
font-size: 1.171875rem;
font-weight: 300;
}
.display-1 {
font-size: 10.5rem;
font-weight: 500;
line-height: 1.1;
}
.display-2 {
font-size: 4rem;
font-weight: 300;
line-height: 1.1;
}
.display-3 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-4 {
font-size: 3rem;
font-weight: 300;
line-height: 1.1;
}
.display-5 {
font-size: 2.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-6 {
font-size: 2.3rem;
font-weight: 300;
line-height: 1.1;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #eff0f6;
}
small,
.small {
font-size: 87.5%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-unstyled li {
border-bottom: 1px solid #eff0f6;
}
#lightgallery.list-unstyled li {
margin: 10px 0;
border: 0;
}
#sidebar .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.nav-sidebar .list-unstyled li:last-child {
border-bottom: 0px;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.171875rem;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #868e96;
margin-top: 0;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 3px;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #868e96;
}
.fs-5 {
font-size: 5px;
}
.fs-6 {
font-size: 6px;
}
.fs-7 {
font-size: 7px;
}
.fs-8 {
font-size: 8px;
}
.fs-9 {
font-size: 9px;
}
.fs-10 {
font-size: 10px;
}
.fs-11 {
font-size: 11px;
}
.fs-12 {
font-size: 12px;
}
.fs-13 {
font-size: 13px;
}
.fs-14 {
font-size: 14px;
}
.fs-15 {
font-size: 15px;
}
.fs-16 {
font-size: 16px;
}
.fs-17 {
font-size: 17px;
}
.fs-18 {
font-size: 18px !important;
}
.fs-19 {
font-size: 19px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-25 {
font-size: 25px !important;
}
.fs-30 {
font-size: 30px !important;
}
.fs-35 {
font-size: 35px !important;
}
.fs-40 {
font-size: 40px !important;
}
.fs-45 {
font-size: 45px !important;
}
.fs-50 {
font-size: 50px !important;
}
.fs-55 {
font-size: 55px !important;
}
.fs-60 {
font-size: 60px !important;
}
.fs-65 {
font-size: 65px !important;
}
.fs-70 {
font-size: 70px;
}
.fs-75 {
font-size: 75px;
}
.fs-80 {
font-size: 80px;
}
.fs-85 {
font-size: 85px;
}
.fs-90 {
font-size: 90px;
}
.fs-95 {
font-size: 95px;
}
.fs-100 {
font-size: 100px;
}
code,
kbd,
pre,
samp {
font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
font-size: 85%;
color: inherit;
word-break: break-word;
}
a>code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 85%;
color: #fff;
background-color: #343a40;
border-radius: 3px;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
display: block;
font-size: 85%;
color: #495057;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container,
.container-fluid {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
#sticky {
text-align: center;
padding: 1px;
font-size: 1.75em;
color: #FFF;
z-index: 0;
height: 130px !important;
}
#sticky.stick {
z-index: 1;
height: 130px !important;
}
.app-content.page-body {
margin-top: 10rem;
}
.comb-page .app-content.page-body {
margin-top: 0;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1200px;
}
}
/*----- Global Loader -----*/
#global-loader {
position: fixed;
z-index: 50000;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
margin: 0 auto;
text-align: center;
}
#global-loader img {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 37%;
margin: 0 auto;
}
/*------ Custom Default -------*/
.loader {
border: 2px solid #ffffff;
border-top: 2px solid #000000;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
display: inline-block;
margin: 1rem 0;
opacity: 0;
transition: opacity 0.3s ease;
}
.loader.animate {
opacity: 1;
}
h2.animate {
opacity: 1;
transform: translateY(0);
}
.custom-card.blue {
color: #1687ed;
background: #ebf5fd;
border: 1px solid #5dacf2;
border-radius: 8px;
}
.custom-card.blue .loader {
border-color: #99d0ff;
border-top-color: #1687ed;
}
.custom-card.red {
color: #ff0000;
background: #ffe6e6;
border: 1px solid #ff8080;
border-radius: 8px;
}
.custom-card.red .loader {
border-color: #ff9696;
border-top-color: #ff0000;
}
.custom-card.green {
color: #007e08;
background: #cbffce;
border: 1px solid #00cb0d;
border-radius: 8px;
}
.custom-card.green .loader {
border-color: #75cc7d;
border-top-color: #007e08;
}
.default-card.default .loader {
border-color: #e0e3f5;
border-top-color: var(--primary-bg-color);
}
.parent {
transform-origin: 66px 56px;
}
.child1 {
animation: child1 10s 2s alternate infinite;
}
.child2 {
animation: child2 5s alternate infinite;
}
.child3 {
animation: child3 10s alternate infinite;
transform-origin: center center;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes child1 {
0% {
transform: translate(0, 0);
}
to {
transform: translate(35px, -20px);
}
}
@keyframes child2 {
0% {
transform: translateY(0);
}
to {
transform: translateY(-5px);
}
}
@keyframes child3 {
0% {
transform: translateY(-10px) rotate(50deg);
}
to {
transform: translateY(20px) rotate(0deg);
}
}
/*------ Scroll -------*/
.index1 {
height: 270px;
}
.topsales {
height: 330px;
}
.salesscroll {
height: 280px;
}
.countryscroll {
height: 290px;
}
.countrytable td {
padding-bottom: 10px;
padding-top: 10px;
}
.countrytable tr {
border-bottom: 1px solid #eff0f6;
}
.countrytable tr:last-child {
border-bottom: 0px;
}
* html .fileinput-button {
line-height: 24px;
margin: 1px -3px 0 0;
}
*+html .fileinput-button {
margin: 1px 0 0;
padding: 2px 15px;
}
@media (max-width: 767px) {
.files .btn span {
display: none;
}
.files .preview * {
width: 40px;
}
.files .name * {
display: inline-block;
width: 80px;
word-wrap: break-word;
}
.files .progress {
width: 20px;
}
.files .delete {
width: 60px;
}
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
.list-icons .svg-icon2,
.list-icons .svg-icon {
width: 60px;
height: 60px;
}
.file-manger.list-group-transparent .list-group-item {
padding: 0.5rem;
}
.file-manger.list-group-transparent .list-group-item.active {
background: transparent;
color: var(--primary-bg-color);
}
.file-manger.list-group-transparent .list-group-item .svg-icon {
width: 24px;
height: 24px;
}
.file-manger-absolute-icon {
position: absolute;
top: 30px;
color: #fff;
margin: 0 auto;
left: 0;
right: 0;
}
.file-manger-icon {
position: relative;
}
.file-manger-icon i {
font-size: 70px;
margin: 0 auto;
text-align: center;
}
.file-manger-icon img {
width: 70px;
height: 70px;
}
.profile-footer {
margin: 25px -25px -25px -25px;
padding: 15px;
background: #f3f4f7;
}
.w-200 {
width: 200px;
}
.option-dots {
width: 40px;
height: 40px;
border-radius: 50%;
background: transparent;
margin: 0 auto;
text-align: center;
line-height: 40px;
display: block;
cursor: pointer;
color: #728096;
}
.option-dots:hover,
.option-dots:focus,
.option-dots[aria-expanded=true] {
background: #f3f4f7;
}
.option-dots i.fa {
line-height: 45px;
}
.new.option-dots {
line-height: 40px;
}
.new-list.option-dots {
line-height: 40px;
position: absolute;
right: 10px;
top: 10px;
}
.ms-body .action-header {
background: #fff;
}
.user-contact-list {
overflow: hidden;
}
.user-contact-list:before {
position: absolute;
content: "";
width: 100%;
height: 70px;
border-radius: 0 0 50% 50%;
background: linear-gradient(var(--primary08), var(--primary05)), url('1.png');
background-size: cover;
background-position: top;
}
hr.divider:after {
content: "OR";
display: block;
position: relative;
top: -1.5em;
font-size: 11px;
padding: 0 0.25em;
background: #f3f4f7;
width: 30px;
height: 30px;
border-radius: 50%;
z-index: 9;
left: 0;
right: 0;
line-height: 30px;
margin: 0 auto;
font-weight: 500;
border: 1px solid #f2f6f9;
text-align: center;
}
.page-style1:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(var(--primary03), var(--primary02)), url('4.png');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
opacity: 0.8;
}
.page-style1 .form-control {
padding-top: 4px;
height: 45px;
padding-bottom: 6px;
border: 1px solid #eff0f6;
}
.page-style1 .btn {
height: 45px;
padding-top: 0;
padding-bottom: 0;
line-height: 45px;
}
.page-style1 .input-group-addon {
border: 1px solid #eff0f6;
background: #f3f4f7;
border-right: 0;
line-height: 0px;
}
.page-style1 .input-group-text {
border: 1px solid #eff0f6;
background: #f3f4f7;
border-left: 0;
line-height: 16px;
border-radius: 0 5px 5px 0;
}
.page-style1 hr {
border-top: 1px solid #eff0f6;
}
.page-style1 .custom-control-label {
line-height: 26px;
}
.page-style1 .btn-svgs .svg-icon {
position: absolute;
left: 37%;
top: auto;
}
.page-style1 .custom-control-label:before {
border: 1px solid #eff0f6;
}
.bg-style {
position: relative;
}
.bg-style:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(var(--primary09), var(--primary08)), url('1.png');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
opacity: 0.8;
}
.bg-style .svg-icon {
fill: #fff;
}
.bg-style .header-brand-img {
position: absolute;
top: 30px;
left: 55px;
}
.page-style2 .h-100vh {
max-height: 100vh;
}
.page-style1 .page-content,
.page-style2 .page-content {
margin: 0;
}
@media (max-width: 767px) {
.d-md-flex .bg-style {
display: none;
}
.d-md-flex .w-80 {
width: 100% !important;
}
}
.title-style h1 {
position: absolute;
width: 100%;
background: #fff;
display: block;
left: 0;
right: 0;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
display: block;
top: 34px;
padding: 0 20px;
}
.page-style2.page-style1:before {
background: linear-gradient(rgba(255, 255, 255, 0.79), rgba(255, 255, 255, 0.75)), url('4.png');
background-repeat: no-repeat;
background-size: cover;
}
.relative {
position: relative;
}
/* CROSS BROWSER SELECTOR*/
.custom-progress {
/* RESETS */
-webkit-appearance: none;
appearance: none;
border: none;
height: 10px;
border-radius: 0px;
background-color: #e8ebf2;
width: 80%;
}
.custom-progress::-webkit-progress-bar {
background-color: #e8ebf2;
border-radius: 0px;
}
.custom-progress::-webkit-progress-value {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-color: var(--primary-bg-color);
border-radius: 0px;
}
.custom-progress::-moz-progress-bar {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-color: var(--primary-bg-color);
}
.custom-progress::-ms-fill {
border-radius: 0px;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-color: var(--primary-bg-color);
}
/* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
/* MOZILLA FIREFOX */
/* MICROSOFT EDGE & IE */
.map svg {
height: 400px;
}
@media (max-width: 992px) {
.map svg {
height: 100%;
}
}
.coming-footer {
max-width: 400px;
left: 0;
right: 0;
margin: 0 auto;
padding-top: 30px;
margin-top: 10px;
}
.coming-footer .form-control:focus {
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none !important;
}
.construction .form-control:focus {
border-color: #D3DFEA;
box-shadow: none !important;
}
.card-pay .tabs-menu {
margin-bottom: 25px;
border-radius: 5px;
overflow: hidden;
}
.card-pay .tabs-menu li {
width: 33.3%;
display: block;
}
.card-pay .tabs-menu li a {
padding: 0.5rem 1rem;
background: #f3f4f7;
display: block;
text-align: center;
}
.card-pay .tabs-menu li a.active {
background: var(--primary-bg-color) !important;
color: #fff;
text-align: center;
}
.card-pay .tabs-menu li:last-child a {
border-right: 0;
}
.morris-donut-wrapper-demo {
height: 270px;
}
.shop-title {
font-size: 16px;
}
.apexcharts-toolbar {
display: none !important;
}
#SvgjsText1920 {
font-weight: 500;
font-size: 20px;
}
.html-code {
padding: 9px 22px;
background: #f3f4f7;
width: -moz-fit-content;
width: fit-content;
margin-left: 20px;
border-radius: 5px 5px 0 0;
border: 1px solid #eff0f6;
border-bottom: 0;
margin-bottom: -1px;
z-index: 1;
font-size: 15px;
position: relative;
padding-left: 45px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 500;
}
.html-code .svg-icon {
position: absolute;
left: 14px;
}
.list-style {
list-style: inherit;
padding-left: inherit;
}
.list-style ul {
list-style: inherit;
padding-left: 30px;
}
.list-style li {
line-height: 30px;
}
.list-style2 {
list-style: decimal;
padding-left: inherit;
}
.list-style2 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style2 li {
line-height: 30px;
}
.list-style3 {
list-style: circle;
padding-left: inherit;
}
.list-style3 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style3 li {
line-height: 30px;
}
.list-style4 {
list-style: lower-alpha;
padding-left: inherit;
}
.list-style4 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style4 li {
line-height: 30px;
}
.order-list li {
line-height: 30px;
}
.list-style5 {
list-style: square;
padding-left: inherit;
}
.list-style5 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style5 li {
line-height: 30px;
}
.list-style6 {
list-style: lower-roman;
padding-left: inherit;
}
.list-style6 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style6 li {
line-height: 30px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.expenses-card .fs-50 {
font-size: 25px !important;
}
.expenses-card .fs-18 {
font-size: 14px !important;
}
}
@media (max-width: 576px) {
.card-pay .tabs-menu li {
width: 100%;
}
}
.browse-file.form-control {
background-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 41px;
}
.input-group-btn .btn-primary {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
padding: 0.51rem 15px;
border-radius: 0;
}
.apexcharts-pie-label,
.apexcharts-datalabels,
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
cursor: default;
pointer-events: none;
font-weight: 500;
text-shadow: none;
filter: initial;
}
.select2 {
outline-width: 0px !important;
}
.select2>*:focus,
.select2:focus .select2>* {
outline-width: 0px !important;
}
@media (min-width: 1440px) {
.crypto-header-section h3 {
font-size: 32px;
}
.crypto-header-section .w-5 {
width: 2rem !important;
}
.crypto-header-section .h-5 {
height: 2rem !important;
}
}
@media (min-width: 1600px) {
.crypto-header-section h3 {
font-size: 32px;
}
.crypto-header-section .w-5 {
width: 2.5rem !important;
}
.crypto-header-section .h-5 {
height: 2.5rem !important;
}
}
@media (max-width: 768px) {
.page-single .card-group {
display: block;
}
.d-md-down-none {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.item-card .btn-svgs {
width: 100%;
}
}
.header.bg-primary .form-control.header-search.bg-transparent.border-transparent {
color: #fff;
}
@media (max-width: 1200px) {
.sales-img {
width: 50% !important;
margin: 0 auto;
text-align: center !important;
display: block;
}
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:focus .iti__selected-flag {
outline: none;
box-shadow: none;
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
outline: none;
box-shadow: none;
}
input:focus,
input:hover {
outline: none;
box-shadow: none;
}
.error-page .page {
position: relative;
}
.dropdown-menu {
border: 1px solid #eff0f6 !important;
}
.main-contact-info-header .main-img-user a {
border: 1px solid #eff0f6;
}
/*------ Accordion -------*/
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
.example .pagination {
margin-bottom: 0;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 3px;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
background-color: #fff;
border: 1px solid #eff0f6;
color: #424e79;
box-shadow: none;
}
.page-link:hover {
z-index: 2;
color: var(--primary-bg-color);
text-decoration: none;
background-color: rgba(70, 127, 207, 0.06);
box-shadow: none;
outline: 0;
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: none;
color: var(--primary-bg-color);
}
.page-link:not(:disabled):not(.disabled) {
cursor: pointer;
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.page-item.active .page-link:hover {
color: #fff !important;
}
.page-item.disabled .page-link {
color: #ced4da;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #eff0f6;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.125rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/*-------Accordion-----------*/
.panel-group .panel {
border-radius: 4px;
box-shadow: none;
border: 1px solid #eff0f6;
}
.panel-default>.panel-heading {
padding: 0;
border-radius: 0;
color: var(--primary-bg-color);
background-color: #f4f5fb;
}
.panel-title {
font-size: 14px;
margin-bottom: 0;
}
.panel-title>a {
display: block;
padding: 15px;
text-decoration: none;
}
.more-less {
float: right;
color: #212121;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border: 1px solid #eff0f6;
line-height: 25px;
font-size: 14px;
}
.panel>.list-group {
margin-bottom: 0;
}
.panel>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel-default .list-group-item.active {
color: #000;
background-color: #f4f5fb;
border-color: #f4f5fb;
}
.panel-default .list-group-item.active:hover,
.panel-default .list-group-item.active:focus {
color: #000;
background-color: #f4f5fb;
border-color: #f4f5fb;
}
.panel-primary .list-group-item.active {
color: #FFF;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.panel-primary .list-group-item.active:hover {
color: #FFF !important;
background-color: var(--primary-bg-hover);
border-color: var(--primary-bg-hover);
}
.panel-success .list-group-item.active {
color: #fff;
background-color: #2dce89 !important;
border-color: #2dce89 !important;
}
.panel-success .list-group-item.active:hover {
color: #fff !important;
background-color: #15ca7c;
border-color: #15ca7c;
}
.panel-info .list-group-item.active {
color: #fff;
background-color: #45aaf2 !important;
border-color: #45aaf2;
}
.panel-info .list-group-item.active:hover {
color: #fff !important;
background-color: #2d9eef;
border-color: #2d9eef;
}
.panel-warning .list-group-item.active {
color: #fff;
background-color: #ecb403 !important;
border-color: #ecb403;
}
.panel-warning .list-group-item.active:hover {
color: #fff !important;
background-color: #cea70c;
border-color: #cea70c;
}
.panel-danger .list-group-item.active {
color: #fff;
background-color: #dc0441 !important;
border-color: #dc0441;
}
.panel-danger .list-group-item.active:hover {
color: #fff !important;
background-color: #a15226;
border-color: #a15226;
}
.wrap {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
a:focus,
a:hover,
a:active {
outline: 0;
text-decoration: none;
}
.panel1 {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #fff;
background: none;
box-shadow: none;
}
.panel1:last-child {
border-bottom: none;
}
.panel-group1>.panel1:first-child .panel-heading1 {
border-radius: 4px 4px 0 0;
}
.panel-group1 .panel1 {
border-radius: 0;
}
.panel-title1 {
font-size: 14px;
margin-bottom: 0;
}
.panel-group1 .panel1+.panel1 {
margin-top: 0;
}
.panel-group1 .panel-body {
border: 1px solid #eff0f6;
}
.panel-title1 a {
display: block;
color: #fff;
padding: 15px 20px;
position: relative;
font-size: 16px;
background: var(--primary-bg-color);
font-weight: 400;
}
#accordion1 .panel-title1 a:hover {
color: #fff !important;
}
.panel-body1 {
background: #fff;
padding: 10px;
}
.panel1:last-child .panel-body1 {
border-radius: 0 0 4px 4px;
}
.panel1:last-child .panel-heading1 {
border-radius: 0 0 4px 4px;
transition: border-radius 0.3s linear 0.2s;
}
.panel1:last-child .panel-heading1.active {
border-radius: 0;
transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */
.panel-title a.accordion-toggle:before {
content: "\f068";
padding: 0 10px 0 0;
color: #fff;
font-family: FontAwesome;
float: right;
}
.panel-title a.accordion-toggle.collapsed:before {
content: "\f067";
padding: 0 10px 0 0;
color: #fff;
font-family: FontAwesome;
float: right;
}
.panel-heading1 {
color: #fff;
padding: 0;
}
.panel-heading1 a.collapsed:before {
content: "\e9af";
position: absolute;
font-family: "feather" !important;
right: 10px;
top: 13px;
font-size: 20px;
transition: all 0.5s;
transform: scale(1);
}
.panel-heading1 a:before {
content: "\e994";
position: absolute;
font-family: "feather" !important;
right: 10px;
top: 13px;
font-size: 20px;
transition: all 0.5s;
transform: scale(1);
}
.panel-heading1.active a:before {
content: " ";
transition: all 0.5s;
transform: scale(0);
}
.demo-accordion p:last-child,
.panel-group1 p:last-child {
margin-bottom: 0;
}
#bs-collapse .panel-heading1 a:after {
content: "\f01a";
font-size: 24px;
position: absolute;
font-family: "FontAwesome";
right: 5px;
top: 10px;
transform: scale(0);
transition: all 0.5s;
}
#bs-collapse .panel-heading1.active a:after {
content: "\f01a";
transform: scale(1);
transition: all 0.5s;
}
/* #accordion rotate icon option */
#accordion .panel-heading1 a:before {
content: "\f01a";
font-size: 24px;
position: absolute;
font-family: "FontAwesome";
right: 5px;
top: 10px;
transform: rotate(180deg);
transition: all 0.5s;
}
#accordion .panel-heading1.active a:before {
transform: rotate(0deg);
transition: all 0.5s;
}
/*-----Alerts-----*/
.alert {
font-size: 0.9375rem;
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 3px;
}
.alert:last-child {
margin-bottom: 0;
}
.alert:first-child {
margin-bottom: 1rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 500;
}
.alert-link:hover,
.alert-link a:hover {
text-decoration: underline;
}
.alert-dismissible {
padding-right: 3.90625rem;
}
hr.message-inner-separator {
clear: both;
margin-top: 10px;
margin-bottom: 13px;
border: 0;
height: 1px;
background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-primary {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.alert-primary hr {
border-top-color: #b7cded;
}
.alert-primary .alert-link {
color: #172b46;
}
.alert-secondary {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.alert-secondary hr {
border-top-color: #f72d66;
}
.alert-secondary .alert-link {
color: #f72d66;
}
.alert-success {
color: #fff;
background-color: #2dce89;
border-color: #2dce89;
}
.alert-success hr {
border-top-color: #c5e7a4;
}
.alert-success .alert-link {
color: #172e00;
}
.alert-info {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.alert-info hr {
border-top-color: #b3dcf9;
}
.alert-info .alert-link {
color: #193c56;
}
.alert-warning {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.alert-warning hr {
border-top-color: #fae8a4;
}
.alert-warning .alert-link {
color: #4d3f05;
}
.alert-danger {
color: #fff;
background-color: #ff5b51;
border-color: #ff5b51;
}
.alert-danger hr {
border-top-color: #ecacab;
}
.alert-danger .alert-link {
color: #3f0a09;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.alert-icon {
padding-left: 3rem;
}
.alert-icon>i {
color: inherit !important;
font-size: 1rem;
position: absolute;
top: 1rem;
left: 1rem;
}
.alert-avatar {
padding-left: 3.75rem;
}
.alert-avatar .avatar {
position: absolute;
top: 0.5rem;
left: 0.75rem;
}
.btn-close {
font-size: 1rem;
line-height: 1.5;
transition: 0.3s color;
}
/*
.btn-close:before {
content: '\ea00';
font-family: "feather";
}
*/
/*----- Avatars -----*/
.country-selector .avatar {
width: 1.4rem;
height: 1.2rem;
}
.avatar {
width: 2rem;
height: 2rem;
line-height: 2rem;
position: relative;
text-align: center;
display: inline-block;
background: var(--primary-bg-color) no-repeat center/cover;
color: #fff;
font-weight: 600;
vertical-align: bottom;
font-size: 0.875rem;
-webkit-user-select: none;
user-select: none;
}
.noborder {
border-radius: 0;
}
.brround {
border-radius: 50%;
}
.bradius {
border-radius: 25%;
}
.avatar i {
font-size: 125%;
vertical-align: sub;
}
.avatar-status {
position: absolute;
right: -2px;
bottom: -2px;
width: 0.75rem;
height: 0.75rem;
border: 2px solid #fff;
background: #868e96;
border-radius: 50%;
}
.avatar-sm {
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
font-size: 0.75rem;
}
.avatar-md {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 1rem;
}
.avatar-lg {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1.25rem;
}
.avatar-xl {
width: 4rem !important;
height: 4rem !important;
line-height: 4rem;
font-size: 1.75rem;
}
.avatar-xxl {
width: 5rem;
height: 5rem;
line-height: 5rem;
font-size: 2rem;
}
.avatar-placeholder {
background: #ced4da url('data:image/svg+xml;charset=utf8,') no-repeat center/80%;
}
.avatar-list {
margin: 0 0 -0.5rem;
padding: 0;
font-size: 0;
}
.avatar-list .avatar {
margin-bottom: 0.5rem;
}
.avatar-list .avatar:not(:last-child) {
margin-right: 0.5rem;
}
.avatar-list-stacked .avatar {
margin-right: -0.8em !important;
box-shadow: 0 0 0 2px #fff;
}
.avatar-blue {
background-color: #083dc1;
color: #467fcf;
}
.avatar-indigo {
background-color: #d1d5f0;
color: #6574cd;
}
.avatar-purple {
background-color: #e4cff9;
color: #aa4cf2;
}
.avatar-pink {
background-color: #fcd3e1;
color: #ec82ef;
}
.avatar-red {
background-color: #f0bcbc;
color: #dc0441;
}
.avatar-orange {
background-color: #fee0c7;
color: #fc7303;
}
.avatar-yellow {
background-color: #fbedb7;
color: #ecb403;
}
.avatar-green {
background-color: #cfeab3;
color: #2dce89;
}
.avatar-teal {
background-color: #bfefea;
color: #2bcbba;
}
.avatar-cyan {
background-color: #b9e3ea;
color: #17a2b8;
}
.avatar-white {
background-color: white;
color: #fff;
}
.avatar-gray {
background-color: #dbdde0;
color: #868e96;
}
.avatar-gray-dark {
background-color: #c2c4c6;
color: #343a40;
}
.avatar-azure {
background-color: #c7e6fb;
color: #45aaf2;
}
.avatar-lime {
background-color: #d7f2c2;
color: #7bd235;
}
.product-price {
font-size: 1rem;
}
.product-price strong {
font-size: 1.5rem;
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
100%,
60% {
left: 100%;
right: -90%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
100%,
60% {
left: 107%;
right: -8%;
}
}
/*-----Badges-----*/
.btn .badge {
position: relative;
top: -1px;
}
.badge .bg-primary {
color: #fff;
background-color: var(--primary-bg-color);
}
.badge .bg-primary[href]:hover,
.badge .bg-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #24987E;
}
.badge .bg-secondary {
color: #fff;
background-color: #f72d66;
}
.badge .bg-secondary[href]:hover,
.badge .bg-secondary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #f72d66;
}
.badge .bg-success {
color: #fff;
background-color: #2dce89;
}
.badge .bg-success[href]:hover,
.badge .bg-success[href]:focus {
color: #fff;
text-decoration: none;
background-color: #15ca7c;
}
.badge .bg-info {
color: #fff;
background-color: #45aaf2;
}
.badge .bg-info[href]:hover,
.badge .bg-info[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1594ef;
}
.badge .bg-warning {
color: #fff;
background-color: #ecb403;
}
.badge .bg-warning[href]:hover,
.badge .bg-warning[href]:focus {
color: #fff;
text-decoration: none;
background-color: #c29d0b;
}
.badge .bg-danger {
color: #fff;
background-color: #ff5b51;
}
.badge .bg-danger[href]:hover,
.badge .bg-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #a11918;
}
.badge.bg-light {
color: #5b6084;
background-color: #e8ebf2 !important;
}
.badge.bg-light[href]:hover,
.badge.bg-light[href]:focus {
color: #5b6084;
background-color: #e8ebf2;
text-decoration: none;
}
.badge .bg-dark {
color: #fff;
background-color: #343a40;
}
.badge .bg-dark[href]:hover,
.badge .bg-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124;
}
.badge {
display: inline-block;
padding: 5px 10px;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 7px;
}
.rounded-pill {
border-radius: 50rem;
}
.badgetext {
float: right;
}
.badge-default {
background: rgb(84, 87, 95);
color: #fff;
}
.shape {
border-style: solid;
border-width: 0 45px 45px 0;
float: right;
height: 0px;
width: 0px;
/* IE 9 */
/* Opera 10.5 */
/* Safari and Chrome */
transform: rotate(360deg);
border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}
.offer {
background: #fff;
border: 1px solid #eff0f6;
margin: 15px 0;
overflow: hidden;
border-radius: 4px;
}
.offer-danger {
border-color: #ff5b51 !important;
}
.offer-danger .shape {
border-color: transparent #ff5b51 transparent transparent;
}
.offer-success {
border-color: #2dce89 !important;
}
.offer-success .shape {
border-color: transparent #2dce89 transparent transparent;
}
.offer-default {
border-color: #6b6f80 !important;
}
.offer-default .shape {
border-color: transparent #6b6f80 transparent transparent;
}
.offer-primary {
border-color: var(--primary-bg-color) !important;
}
.offer-primary .shape {
border-color: transparent var(--primary-bg-color) transparent transparent;
}
.offer-info {
border-color: #45aaf2 !important;
}
.offer-info .shape {
border-color: transparent #45aaf2 transparent transparent;
}
.offer-warning {
border-color: #ecb403 !important;
}
.offer-warning .shape {
border-color: transparent #ecb403 transparent transparent;
}
.shape-text {
color: #fff;
font-size: 12px;
font-weight: bold;
position: relative;
right: -27px;
top: 0px;
white-space: nowrap;
transform: rotate(45deg);
}
.offer-content {
padding: 20px;
}
/*------ Breadcrumb ------*/
.breadcrumb {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
list-style: none;
border-radius: 3px;
font-weight: 400;
background: transparent;
}
.breadcrumb-item a {
color: var(--primary-bg-color);
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #bcccda;
content: "/";
opacity: 0.5;
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline;
text-decoration: none;
}
.breadcrumb-item.active {
color: #424e79;
}
.breadcrumb1 {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #f4f5fb;
border-radius: 0.25rem;
}
.breadcrumb-item1 a {
color: var(--primary-bg-color);
}
.breadcrumb-item1 a:hover {
color: #123787;
text-decoration: underline;
}
.breadcrumb-item1+.breadcrumb-item1::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
content: "/";
opacity: 0.2;
}
.breadcrumb-item1+.breadcrumb-item1:hover::before {
text-decoration: underline;
text-decoration: none;
}
.breadcrumb-item1.active {
color: #424e79;
}
.breadcrumb-arrow {
height: 36px;
padding: 0;
line-height: 36px;
list-style: none;
background-color: #f3f4f7;
}
.breadcrumb-arrow li {
display: inline-block;
vertical-align: top;
}
.breadcrumb-arrow li:first-child a {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
padding-left: 10px;
padding: 0 10px;
}
.breadcrumb-arrow li a,
.breadcrumb-arrow li span {
display: inline-block;
vertical-align: top;
}
.breadcrumb-arrow li:not(:first-child) {
margin-left: -5px;
}
.breadcrumb-arrow li+li:before {
padding: 0;
content: "";
}
.breadcrumb-arrow li span {
padding: 0 10px;
color: #424e79;
}
.breadcrumb-arrow li a,
.breadcrumb-arrow li:not(:first-child) span {
height: 36px;
padding: 0 10px 0 25px;
line-height: 36px;
}
.breadcrumb-arrow li a {
position: relative;
color: #fff;
text-decoration: none;
background-color: var(--primary-bg-color);
border: 1px solid var(--primary-bg-color);
}
.breadcrumb-arrow li a:after {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: "";
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
right: -12px;
z-index: 2;
border-left: 11px solid var(--primary01);
}
.breadcrumb-arrow li a:before {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: "";
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
right: -11px;
z-index: 3;
border-left-color: var(--primary-bg-color);
border-left-style: solid;
border-left-width: 11px;
}
@media (max-width: 375px) {
.breadcrumb {
font-size: 12px;
}
.page-title {
font-size: 20px !important;
}
}
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
width: 25px;
text-align: center;
font-family: "feather";
line-height: 20px;
}
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
content: "\e92f";
}
.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
content: "\e9d3";
}
.breadcrumb-style4 .breadcrumb-icon {
margin-top: 3px;
margin-left: 4px;
}
.breadcrumb-style4 .breadcrumb-item {
margin-top: 3px;
}
.breadcrumb-style4 .breadcrumb-item .svg-icon {
width: 20px;
}
.breadcrumb-style4 .breadcrumb-item:first-child {
margin-top: 0;
}
/*-------- Buttons ------*/
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 1em;
font-size: 0.9375rem;
border-radius: 4px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
text-decoration: none;
}
.btn:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
}
.btn.focus {
outline: 0;
box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
}
.btn.disabled,
.btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff !important;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
box-shadow: 0 0px 10px -5px var(--primary05);
}
.btn-primary:hover {
color: #fff !important;
background-color: var(--primary-bg-hover);
border-color: var(--primary-bg-border);
}
.btn-primary:focus,
.btn-primary.focus {
box-shadow: 0 0 0 2px var(--primary05);
color: #fff !important;
background-color: var(--primary-bg-hover);
border-color: var(--primary-bg-border);
}
.btn-primary.disabled,
.btn-primary:disabled {
opacity: 0.65;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-border);
}
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px var(--primary01);
}
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px var(--primary01);
}
.btn-secondary {
color: #fff !important;
background-color: #f72d66;
border-color: #f72d66;
box-shadow: 0 0px 10px -5px rgba(246, 45, 103, 0.5);
}
.btn-secondary:hover {
color: #fff !important;
background-color: #f54274;
border-color: #f54274;
}
.btn-secondary:focus,
.btn-secondary.focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
background-color: #f54274;
border-color: #f54274;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
opacity: 0.65;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-success {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
box-shadow: 0 0px 10px -5px rgba(45, 206, 137, 0.5);
}
.btn-success:hover {
color: #fff !important;
background-color: #15ca7c !important;
border-color: #15ca7c !important;
}
.btn-success:focus,
.btn-success.focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-success.disabled,
.btn-success:disabled {
opacity: 0.65;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #15ca7c;
border-color: #3e7a00;
}
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #15ca7c;
border-color: #15ca7c;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.btn-info {
color: #fff !important;
background-color: #45aaf2;
border-color: #45aaf2;
box-shadow: 0 0px 10px -5px rgba(69, 170, 242, 0.5);
}
.btn-info:hover {
color: #fff !important;
background-color: #2d9eef;
border-color: #2d9eef;
}
.btn-info:focus,
.btn-info.focus {
box-shadow: 0 0 0 2px rgba(40, 175, 208, 0.1);
color: #fff !important;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-info.disabled,
.btn-info:disabled {
opacity: 0.65;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #2d9eef;
border-color: #2d9eef;
}
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #2d9eef;
border-color: #2d9eef;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(40, 175, 208, 0.1);
}
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(40, 175, 208, 0.1);
}
.btn-warning {
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
box-shadow: 0 0px 10px -5px rgba(236, 180, 3, 0.5);
}
.btn-warning:hover {
color: #fff !important;
background-color: #d8a70e;
border-color: #d8a70e;
}
.btn-warning:focus,
.btn-warning.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-warning.disabled,
.btn-warning:disabled {
opacity: 0.65;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.show>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.btn-danger {
color: #fff !important;
background-color: #ff5b51;
border-color: #ff5b51;
box-shadow: 0 0px 10px -5px rgba(255, 91, 81, 0.44);
}
.btn-danger:hover {
color: #fff !important;
background-color: #f95045;
border-color: #ef5349;
}
.btn-danger:focus,
.btn-danger.focus {
box-shadow: 0 0 0 2px rgba(250, 98, 107, 0.1);
color: #fff !important;
background-color: #ff5b51;
border-color: #ff5b51;
}
.btn-danger.disabled,
.btn-danger:disabled {
opacity: 0.65;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #d6124a;
border-color: #d6124a;
}
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #d6124a;
border-color: #d6124a;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(250, 98, 107, 0.1);
}
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(250, 98, 107, 0.1);
}
.btn-light {
color: #495057;
background-color: #e8ebf2;
border-color: #dae0e5;
box-shadow: 0 0 10px -5px rgba(68, 84, 195, 0.2);
}
.btn-light:hover {
color: #495057;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
color: #495057;
background-color: #e8ebf2;
border-color: #dae0e5;
}
.btn-light.disabled,
.btn-light:disabled {
opacity: 0.65;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.show>.btn-light.dropdown-toggle {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-default {
color: #495057;
background-color: #e8ebf2;
border-color: #dae0e5;
box-shadow: 0 0 10px -5px rgba(68, 84, 195, 0.2);
}
.btn-default:hover {
color: #495057;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-default:focus,
.btn-default.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
color: #495057;
background-color: #e8ebf2;
border-color: #dae0e5;
}
.btn-default.disabled,
.btn-default:disabled {
opacity: 0.65;
}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.show>.btn-default.dropdown-toggle {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.show>.btn-default.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark.disabled,
.btn-dark:disabled {
opacity: 0.65;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(217, 221, 231, 0.1);
}
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(217, 221, 231, 0.1);
}
.btn-outline-primary {
color: var(--primary-bg-color);
background-color: transparent;
background-image: none;
border-color: var(--primary-bg-color);
box-shadow: 0 0px 10px -5px rgba(68, 84, 195, 0.5);
}
.btn-outline-primary:hover {
color: #fff !important;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
opacity: 0.65;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.show>.btn-outline-primary.dropdown-toggle {
color: #fff !important;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-outline-secondary {
color: #f72d66 !important;
background-color: transparent;
background-image: none;
border-color: #f72d66;
box-shadow: 0 0px 10px -5px rgba(242, 46, 105, 0.5);
}
.btn-outline-secondary:hover {
color: #fff !important;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
opacity: 0.65;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff !important;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-outline-success {
color: #2dce89 !important;
background-color: transparent;
background-image: none;
border-color: #2dce89;
box-shadow: 0 0px 10px -5px rgba(45, 206, 137, 0.5);
}
.btn-outline-success:hover {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
opacity: 0.65;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.show>.btn-outline-success.dropdown-toggle {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.btn-outline-info {
color: #45aaf2 !important;
background-color: transparent;
background-image: none;
border-color: #45aaf2;
box-shadow: 0 0px 10px -5px rgba(69, 170, 242, 0.5);
}
.btn-outline-info:hover {
color: #fff !important;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
opacity: 0.65;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.show>.btn-outline-info.dropdown-toggle {
color: #fff !important;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}
.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}
.btn-outline-warning {
color: #ecb403 !important;
background-color: transparent;
background-image: none;
border-color: #ecb403;
box-shadow: 0 0px 10px -5px rgba(236, 180, 3, 0.5);
}
.btn-outline-warning:hover {
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
opacity: 0.65;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.show>.btn-outline-warning.dropdown-toggle {
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.btn-outline-danger {
color: #dc0441 !important;
background-color: transparent;
background-image: none;
border-color: #dc0441;
box-shadow: 0 0px 10px -5px rgba(220, 4, 65, 0.5);
}
.btn-outline-danger:hover {
color: #fff !important;
background-color: #dc0441;
border-color: #dc0441;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
opacity: 0.65;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #dc0441;
border-color: #dc0441;
}
.show>.btn-outline-danger.dropdown-toggle {
color: #fff !important;
background-color: #dc0441;
border-color: #dc0441;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}
.btn-outline-light {
color: #424e79;
background-color: transparent;
background-image: none;
border-color: #e8ebf2;
box-shadow: 0 0px 10px -5px rgb(232, 235, 242);
}
.btn-outline-light:hover {
color: #495057;
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
opacity: 0.65;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.show>.btn-outline-light.dropdown-toggle {
color: #495057;
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
box-shadow: 0 0px 10px -5px rgba(68, 84, 195, 0.5);
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
opacity: 0.65;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.btn-link {
font-weight: 400;
color: var(--primary-bg-color);
background-color: transparent;
text-decoration: none;
}
.btn-link:hover {
color: #295a9f;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
color: #868e96;
pointer-events: none;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 0.7rem 2rem;
font-size: 1.125rem;
line-height: 1.625;
border-radius: 3px;
}
.btn-sm,
.btn-group-sm>.btn {
font-size: 0.875rem;
line-height: 1.33333333;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
.fade:not(.show) {
opacity: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
.collapsing {
transition: none;
}
.btn {
transition: none;
}
}
.collapse:not(.show) {
display: none !important;
background: #fff;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
/*----- Btn styles------*/
.btn {
cursor: pointer;
letter-spacing: 0.03em;
}
.btn-icon {
padding-left: 0.5rem;
padding-right: 0.5rem;
text-align: center;
}
.btn-icon2 {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 0 auto;
padding: 0;
}
.btn-pill {
border-radius: 10rem !important;
}
.btn-group>.btn.btn-pill:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-group>.btn.btn-pill:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn.btn-pill {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.btn-square {
border-radius: 0;
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.btn-facebook:hover {
color: #fff;
background-color: #30497c;
border-color: #2d4373;
}
.btn-facebook:focus,
.btn-facebook.focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.btn-facebook.disabled,
.btn-facebook:disabled {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #2d4373;
border-color: #293e6a;
}
.show>.btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: #293e6a;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.show>.btn-facebook.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.btn-twitter {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.btn-twitter:hover {
color: #fff;
background-color: #0d8ddc;
border-color: #0c85d0;
}
.btn-twitter:focus,
.btn-twitter.focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.btn-twitter.disabled,
.btn-twitter:disabled {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #0c85d0;
border-color: #0b7ec4;
}
.show>.btn-twitter.dropdown-toggle {
color: #fff;
background-color: #0c85d0;
border-color: #0b7ec4;
}
.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.show>.btn-twitter.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.btn-google {
color: #fff;
background-color: #dc4e41;
border-color: #dc4e41;
}
.btn-google:hover {
color: #fff;
background-color: #d03526;
border-color: #c63224;
}
.btn-google:focus,
.btn-google.focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.btn-google.disabled,
.btn-google:disabled {
color: #fff;
background-color: #dc4e41;
border-color: #dc4e41;
}
.btn-google:not(:disabled):not(.disabled):active,
.btn-google:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #c63224;
border-color: #bb2f22;
}
.show>.btn-google.dropdown-toggle {
color: #fff;
background-color: #c63224;
border-color: #bb2f22;
}
.btn-google:not(:disabled):not(.disabled):active:focus,
.btn-google:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.show>.btn-google.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.btn-youtube {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.btn-youtube:hover {
color: #fff;
background-color: #d90000;
border-color: #cc0000;
}
.btn-youtube:focus,
.btn-youtube.focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.btn-youtube.disabled,
.btn-youtube:disabled {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #cc0000;
border-color: #bf0000;
}
.show>.btn-youtube.dropdown-toggle {
color: #fff;
background-color: #cc0000;
border-color: #bf0000;
}
.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.show>.btn-youtube.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.btn-vimeo {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea;
}
.btn-vimeo:hover {
color: #fff;
background-color: #139ecb;
border-color: #1295bf;
}
.btn-vimeo:focus,
.btn-vimeo.focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.btn-vimeo.disabled,
.btn-vimeo:disabled {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea;
}
.btn-vimeo:not(:disabled):not(.disabled):active,
.btn-vimeo:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1295bf;
border-color: #108cb4;
}
.show>.btn-vimeo.dropdown-toggle {
color: #fff;
background-color: #1295bf;
border-color: #108cb4;
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus,
.btn-vimeo:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.show>.btn-vimeo.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.btn-dribbble {
color: #fff;
background-color: #ea4c89;
border-color: #ea4c89;
}
.btn-dribbble:hover {
color: #fff;
background-color: #e62a72;
border-color: #e51e6b;
}
.btn-dribbble:focus,
.btn-dribbble.focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.btn-dribbble.disabled,
.btn-dribbble:disabled {
color: #fff;
background-color: #ea4c89;
border-color: #ea4c89;
}
.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #e51e6b;
border-color: #dc1a65;
}
.show>.btn-dribbble.dropdown-toggle {
color: #fff;
background-color: #e51e6b;
border-color: #dc1a65;
}
.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.show>.btn-dribbble.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.btn-github {
color: #fff;
background-color: #181717;
border-color: #181717;
}
.btn-github:hover {
color: #fff;
background-color: #040404;
border-color: black;
}
.btn-github:focus,
.btn-github.focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.btn-github.disabled,
.btn-github:disabled {
color: #fff;
background-color: #181717;
border-color: #181717;
}
.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active {
color: #fff;
background-color: black;
border-color: black;
}
.show>.btn-github.dropdown-toggle {
color: #fff;
background-color: black;
border-color: black;
}
.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.show>.btn-github.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.btn-instagram {
color: #fff;
background-color: #e4405f;
border-color: #e4405f;
}
.btn-instagram:hover {
color: #fff;
background-color: #de1f44;
border-color: #d31e40;
}
.btn-instagram:focus,
.btn-instagram.focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.btn-instagram.disabled,
.btn-instagram:disabled {
color: #fff;
background-color: #e4405f;
border-color: #e4405f;
}
.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #d31e40;
border-color: #c81c3d;
}
.show>.btn-instagram.dropdown-toggle {
color: #fff;
background-color: #d31e40;
border-color: #c81c3d;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.show>.btn-instagram.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.btn-pinterest {
color: #fff;
background-color: #bd081c;
border-color: #bd081c;
}
.btn-pinterest:hover {
color: #fff;
background-color: #980617;
border-color: #8c0615;
}
.btn-pinterest:focus,
.btn-pinterest.focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.btn-pinterest.disabled,
.btn-pinterest:disabled {
color: #fff;
background-color: #bd081c;
border-color: #bd081c;
}
.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #8c0615;
border-color: #800513;
}
.show>.btn-pinterest.dropdown-toggle {
color: #fff;
background-color: #8c0615;
border-color: #800513;
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.show>.btn-pinterest.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.btn-vk {
color: #fff;
background-color: #6383a8;
border-color: #6383a8;
}
.btn-vk:hover {
color: #fff;
background-color: #527093;
border-color: #4d6a8b;
}
.btn-vk:focus,
.btn-vk.focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.btn-vk.disabled,
.btn-vk:disabled {
color: #fff;
background-color: #6383a8;
border-color: #6383a8;
}
.btn-vk:not(:disabled):not(.disabled):active,
.btn-vk:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #4d6a8b;
border-color: #496482;
}
.show>.btn-vk.dropdown-toggle {
color: #fff;
background-color: #4d6a8b;
border-color: #496482;
}
.btn-vk:not(:disabled):not(.disabled):active:focus,
.btn-vk:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.show>.btn-vk.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.btn-rss {
color: #fff;
background-color: #ffa500;
border-color: #ffa500;
}
.btn-rss:hover {
color: #fff;
background-color: #d98c00;
border-color: #cc8400;
}
.btn-rss:focus,
.btn-rss.focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.btn-rss.disabled,
.btn-rss:disabled {
color: #fff;
background-color: #ffa500;
border-color: #ffa500;
}
.btn-rss:not(:disabled):not(.disabled):active,
.btn-rss:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #cc8400;
border-color: #bf7c00;
}
.show>.btn-rss.dropdown-toggle {
color: #fff;
background-color: #cc8400;
border-color: #bf7c00;
}
.btn-rss:not(:disabled):not(.disabled):active:focus,
.btn-rss:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.show>.btn-rss.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.btn-flickr {
color: #fff;
background-color: #0063dc;
border-color: #0063dc;
}
.btn-flickr:hover {
color: #fff;
background-color: #0052b6;
border-color: #004ca9;
}
.btn-flickr:focus,
.btn-flickr.focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.btn-flickr.disabled,
.btn-flickr:disabled {
color: #fff;
background-color: #0063dc;
border-color: #0063dc;
}
.btn-flickr:not(:disabled):not(.disabled):active,
.btn-flickr:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #004ca9;
border-color: #00469c;
}
.show>.btn-flickr.dropdown-toggle {
color: #fff;
background-color: #004ca9;
border-color: #00469c;
}
.btn-flickr:not(:disabled):not(.disabled):active:focus,
.btn-flickr:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.show>.btn-flickr.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.btn-bitbucket {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.btn-bitbucket:hover {
color: #fff;
background-color: #0043a6;
border-color: #003e99;
}
.btn-bitbucket:focus,
.btn-bitbucket.focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.btn-bitbucket.disabled,
.btn-bitbucket:disabled {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.btn-bitbucket:not(:disabled):not(.disabled):active,
.btn-bitbucket:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #003e99;
border-color: #00388c;
}
.show>.btn-bitbucket.dropdown-toggle {
color: #fff;
background-color: #003e99;
border-color: #00388c;
}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus,
.btn-bitbucket:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.show>.btn-bitbucket.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.btn-blue {
color: #fff;
background-color: #083dc1;
border-color: #083dc1;
}
.btn-blue:hover {
color: #fff !important;
background-color: #1747bd;
border-color: #1747bd;
}
.btn-blue:focus,
.btn-blue.focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.btn-blue.disabled,
.btn-blue:disabled {
color: #fff;
background-color: #1747bd;
border-color: #1747bd;
}
.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1747bd;
border-color: #1747bd;
}
.show>.btn-blue.dropdown-toggle {
color: #fff;
background-color: #1747bd;
border-color: #1747bd;
}
.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.show>.btn-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.btn-indigo {
color: #fff;
background-color: #6574cd;
border-color: #6574cd;
}
.btn-indigo:hover {
color: #fff !important;
background-color: #485ac4;
border-color: #3f51c1;
}
.btn-indigo:focus,
.btn-indigo.focus {
box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}
.btn-indigo.disabled,
.btn-indigo:disabled {
color: #fff;
background-color: #6574cd;
border-color: #6574cd;
}
.btn-indigo:not(:disabled):not(.disabled):active,
.btn-indigo:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #3f51c1;
border-color: #3b4db7;
}
.show>.btn-indigo.dropdown-toggle {
color: #fff;
background-color: #3f51c1;
border-color: #3b4db7;
}
.btn-indigo:not(:disabled):not(.disabled):active:focus,
.btn-indigo:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}
.show>.btn-indigo.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}
.btn-purple {
color: #fff;
background-color: #aa4cf2;
border-color: #aa4cf2;
}
.btn-purple:hover {
color: #fff !important;
background-color: #923ce6;
border-color: #8c31e4;
}
.btn-purple:focus,
.btn-purple.focus {
box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}
.btn-purple.disabled,
.btn-purple:disabled {
color: #fff;
background-color: #aa4cf2;
border-color: #aa4cf2;
}
.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #8c31e4;
border-color: #8526e3;
}
.show>.btn-purple.dropdown-toggle {
color: #fff;
background-color: #8c31e4;
border-color: #8526e3;
}
.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}
.show>.btn-purple.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}
.btn-pink {
color: #fff;
background-color: #ec82ef;
border-color: #ec82ef;
}
.btn-pink:hover {
color: #fff !important;
background-color: #f44982;
border-color: #f33d7a;
}
.btn-pink:focus,
.btn-pink.focus {
box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}
.btn-pink.disabled,
.btn-pink:disabled {
color: #fff;
background-color: #ec82ef;
border-color: #ec82ef;
}
.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f33d7a;
border-color: #f23172;
}
.show>.btn-pink.dropdown-toggle {
color: #fff;
background-color: #f33d7a;
border-color: #f23172;
}
.btn-pink:not(:disabled):not(.disabled):active:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}
.show>.btn-pink.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}
.btn-red {
color: #fff;
background-color: #dc0441;
border-color: #dc0441;
}
.btn-red:hover {
color: #fff;
background-color: #ac1b1a;
border-color: #a11918;
}
.btn-red:focus,
.btn-red.focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.btn-red.disabled,
.btn-red:disabled {
color: #fff;
background-color: #dc0441;
border-color: #dc0441;
}
.btn-red:not(:disabled):not(.disabled):active,
.btn-red:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #a11918;
border-color: #961717;
}
.show>.btn-red.dropdown-toggle {
color: #fff;
background-color: #a11918;
border-color: #961717;
}
.btn-red:not(:disabled):not(.disabled):active:focus,
.btn-red:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.show>.btn-red.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.btn-orange {
color: #fff;
background-color: #fc7303;
border-color: #fc7303;
}
.btn-orange:hover {
color: #fff;
background-color: #fd811e;
border-color: #fc7a12;
}
.btn-orange:focus,
.btn-orange.focus {
box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}
.btn-orange.disabled,
.btn-orange:disabled {
color: #fff;
background-color: #fc7303;
border-color: #fc7303;
}
.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #fc7a12;
border-color: #fc7305;
}
.show>.btn-orange.dropdown-toggle {
color: #fff;
background-color: #fc7a12;
border-color: #fc7305;
}
.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}
.show>.btn-orange.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}
.btn-yellow {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-yellow:hover {
color: #fff;
background-color: #cea70c;
border-color: #c29d0b;
}
.btn-yellow:focus,
.btn-yellow.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.btn-yellow.disabled,
.btn-yellow:disabled {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.show>.btn-yellow.dropdown-toggle {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.show>.btn-yellow.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.btn-green {
color: #fff;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-green:hover {
color: #fff;
background-color: #15ca7c;
border-color: #15ca7c;
}
.btn-green:focus,
.btn-green.focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.btn-green.disabled,
.btn-green:disabled {
color: #fff;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #15ca7c;
border-color: #3e7a00;
}
.show>.btn-green.dropdown-toggle {
color: #fff;
background-color: #15ca7c;
border-color: #3e7a00;
}
.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.show>.btn-green.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.btn-teal {
color: #fff;
background-color: #2bcbba;
border-color: #2bcbba;
}
.btn-teal:hover {
color: #fff;
background-color: #24ab9d;
border-color: #22a193;
}
.btn-teal:focus,
.btn-teal.focus {
box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}
.btn-teal.disabled,
.btn-teal:disabled {
color: #fff;
background-color: #2bcbba;
border-color: #2bcbba;
}
.btn-teal:not(:disabled):not(.disabled):active,
.btn-teal:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #22a193;
border-color: #20968a;
}
.show>.btn-teal.dropdown-toggle {
color: #fff;
background-color: #22a193;
border-color: #20968a;
}
.btn-teal:not(:disabled):not(.disabled):active:focus,
.btn-teal:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}
.show>.btn-teal.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}
.btn-cyan {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-cyan:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-cyan:focus,
.btn-cyan.focus {
box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}
.btn-cyan.disabled,
.btn-cyan:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-cyan:not(:disabled):not(.disabled):active,
.btn-cyan:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.show>.btn-cyan.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-cyan:not(:disabled):not(.disabled):active:focus,
.btn-cyan:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}
.show>.btn-cyan.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}
.btn-white {
background-color: #fff;
background-image: none;
border-color: #e7e9f1;
color: #424e79;
}
.btn-white:hover {
background-color: #fff;
background-image: none;
border-color: #e7e9f1;
}
.btn-white:focus,
.btn-white.focus {
box-shadow: none;
}
.btn-white.disabled,
.btn-white:disabled {
color: #495057;
background-color: #fff;
border-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #eff0f6;
border-color: #e7e9f1;
}
.show>.btn-white.dropdown-toggle {
color: #495057;
background-color: #eff0f6;
border-color: #e7e9f1;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.show>.btn-white.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.btn-gray {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.btn-gray:hover {
color: #fff;
background-color: #727b84;
border-color: #6c757d;
}
.btn-gray:focus,
.btn-gray.focus {
box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.btn-gray.disabled,
.btn-gray:disabled {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #6c757d;
border-color: #666e76;
}
.show>.btn-gray.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #666e76;
}
.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.show>.btn-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.btn-gray-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-gray-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-gray-dark:focus,
.btn-gray-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.btn-gray-dark.disabled,
.btn-gray-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-gray-dark:not(:disabled):not(.disabled):active,
.btn-gray-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.show>.btn-gray-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-gray-dark:not(:disabled):not(.disabled):active:focus,
.btn-gray-dark:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.show>.btn-gray-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.btn-azure {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-azure:hover {
color: #fff !important;
background-color: #219af0;
border-color: #1594ef;
}
.btn-azure:focus,
.btn-azure.focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.btn-azure.disabled,
.btn-azure:disabled {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-azure:not(:disabled):not(.disabled):active,
.btn-azure:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1594ef;
border-color: #108ee7;
}
.show>.btn-azure.dropdown-toggle {
color: #fff;
background-color: #1594ef;
border-color: #108ee7;
}
.btn-azure:not(:disabled):not(.disabled):active:focus,
.btn-azure:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.show>.btn-azure.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.btn-lime {
color: #fff;
background-color: #7bd235;
border-color: #7bd235;
}
.btn-lime:hover {
color: #fff;
background-color: #69b829;
border-color: #63ad27;
}
.btn-lime:focus,
.btn-lime.focus {
box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}
.btn-lime.disabled,
.btn-lime:disabled {
color: #fff;
background-color: #7bd235;
border-color: #7bd235;
}
.btn-lime:not(:disabled):not(.disabled):active,
.btn-lime:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #63ad27;
border-color: #5da324;
}
.show>.btn-lime.dropdown-toggle {
color: #fff;
background-color: #63ad27;
border-color: #5da324;
}
.btn-lime:not(:disabled):not(.disabled):active:focus,
.btn-lime:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}
.show>.btn-lime.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}
.btn-option {
background: transparent;
color: #9aa0ac;
}
.btn-option:hover {
color: #6e7687;
}
.btn-option:focus {
box-shadow: none;
color: #6e7687;
}
.btn-sm,
.btn-group-sm>.btn {
font-size: 0.75rem;
min-width: 1.625rem;
}
.btn-lg,
.btn-group-lg>.btn {
font-size: 16px;
min-width: 2.75rem;
}
.btn-list {
margin-bottom: -0.5rem;
font-size: 0;
}
.btn-list>.btn,
.btn-list>.dropdown {
margin-bottom: 0.5rem;
}
.btn-list>.btn:not(:last-child),
.btn-list>.dropdown:not(:last-child) {
margin-right: 0.5rem;
}
.btn-loading {
color: transparent !important;
pointer-events: none;
position: relative;
}
.btn-loading:after {
content: "";
animation: loader 500ms infinite linear;
border: 2px solid #fff;
border-radius: 50%;
border-right-color: transparent !important;
border-top-color: transparent !important;
display: block;
height: 1.4em;
width: 1.4em;
position: absolute;
left: calc(50% - 0.7em);
top: calc(50% - 0.7em);
transform-origin: center;
position: absolute !important;
}
.btn-loading.btn-sm:after {
height: 1em;
width: 1em;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
}
.btn-group-sm>.btn-loading.btn:after {
height: 1em;
width: 1em;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
}
.btn-loading.btn-secondary:after {
border-color: #495057;
}
.btn-icon.btn-svg {
line-height: 15px;
}
.btn-icon.btn-svg .svg-icon {
width: 16px;
margin-top: 2px;
}
.btn-svgs {
display: inline-flex;
}
.btn-svgs .svg-icon {
margin-right: 6px;
}
.btn-svg-text {
margin-top: 2px;
}
.btn-primary .svg-icon,
.btn-secondary .svg-icon,
.btn-success .svg-icon,
.btn-info .svg-icon,
.btn-warning .svg-icon,
.btn-danger .svg-icon,
.btn-dark .svg-icon {
fill: rgba(255, 255, 255, 0.6);
}
.data-table-btn {
position: absolute;
left: 80px;
z-index: 1;
}
.btn-w-xs {
min-width: 90px;
}
.btn-w-sm {
min-width: 110px;
}
.btn-w-md {
min-width: 150px;
}
.btn-w-lg {
min-width: 200px;
}
.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
/*------ Default -------*/
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
position: relative;
margin-bottom: 1.5rem;
width: 100%;
border: 0;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgb(176, 184, 214);
border-radius: 8px;
}
.card>hr {
margin-right: 0;
margin-left: 0;
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-header {
background: transparent;
display: flex;
min-height: 3.5rem;
align-items: center;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
border-bottom: 1px solid #eff0f6;
}
.card-header .card-title {
margin-bottom: 0;
}
.card-header.border-0+.card-body {
padding-top: 0;
}
.card-header:first-child {
border-radius: 2px 2px 0 0;
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 1.5rem 1.5rem;
color: #6e7687;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid #eff0f6;
}
.card-footer:last-child {
border-radius: 0 0 2px 2px;
}
.card-header-tabs {
margin-right: -0.75rem;
margin-bottom: -1.5rem;
margin-left: -0.75rem;
border-bottom: 0;
margin: -1.25rem 0;
line-height: 2rem;
}
.card-header-tabs .nav-item {
margin-bottom: 1px;
}
.card-header-pills {
margin-right: -0.75rem;
margin-left: -0.75rem;
margin: -0.75rem 0;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
flex-direction: column;
}
.card-img {
width: 100%;
border-radius: 2px;
}
.card-img-top {
width: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.card-deck {
display: flex;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 0.75rem;
}
.card-group {
display: flex;
flex-direction: column;
}
.card-group>.card {
margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
.card-group {
flex-flow: row wrap;
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0;
}
.card-group>.card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group>.card:first-child .card-img-top,
.card-group>.card:first-child .card-header {
border-top-right-radius: 0;
}
.card-group>.card:first-child .card-img-bottom,
.card-group>.card:first-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group>.card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group>.card:last-child .card-img-top,
.card-group>.card:last-child .card-header {
border-top-left-radius: 0;
}
.card-group>.card:last-child .card-img-bottom,
.card-group>.card:last-child .card-footer {
border-bottom-left-radius: 0;
}
.card-group>.card:only-child {
border-radius: 3px;
}
.card-group>.card:only-child .card-img-top,
.card-group>.card:only-child .card-header {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.card-group>.card:only-child .card-img-bottom,
.card-group>.card:only-child .card-footer {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
.card-deck {
flex-flow: row wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 0.75rem;
margin-bottom: 0;
margin-left: 0.75rem;
}
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.card-columns .card {
margin-bottom: 1.5rem;
}
/*------ Default Card Values -------*/
.rhombus {
width: 350px;
height: 80px;
transform: rotate(67.5deg);
background-color: yellow;
}
.card-body {
flex: 1 1 auto;
margin: 0;
padding: 1.5rem 1.5rem;
position: relative;
}
.card-body+.card-body {
border-top: 1px solid #eff0f6;
}
.tilebox-one i {
font-size: 62px;
}
.card-body> :last-child {
margin-bottom: 0;
}
@media print {
.card-body {
padding: 0;
}
.card-header {
display: none;
}
.card {
box-shadow: none;
border: none;
}
}
.card-body-scrollable {
overflow: auto;
}
.card-footer,
.card-bottom {
padding: 1rem 1.5rem;
background: none;
}
.log {
margin-top: -26px;
}
.reg {
text-align: center;
font-size: 50px;
color: #2e1170;
float: right;
}
.card-title {
line-height: 1.2;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 0.05rem;
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
.card-title a {
color: inherit;
}
.card-title:only-child {
margin-bottom: 0;
}
.card-title small {
color: #9aa0ac;
font-size: 0.875rem;
display: block;
margin: -0.75rem 0 1rem;
line-height: 1.1;
font-weight: 400;
}
.card-subtitle {
color: #9aa0ac;
font-size: 0.875rem;
display: block;
margin: -0.75rem 0 1rem;
line-height: 1.1;
font-weight: 400;
margin-top: -0.75rem;
margin-bottom: 0;
}
.card-table {
margin-bottom: 0;
}
.card-table tr:first-child td,
.card-table tr:first-child th {
border-top: 0;
}
.card-table tr td:first-child,
.card-table tr th:first-child {
padding-left: 1.5rem;
}
.card-table tr td:last-child,
.card-table tr th:last-child {
padding-right: 1.5rem;
}
.card-body+.card-table {
border-top: 1px solid #eff0f6;
}
.card-profile .card-header {
height: 5rem;
background-size: cover;
border: 0;
}
.profie-img .flex-md-row img {
width: 60px;
}
.card-profile-img {
max-width: 6rem;
margin-bottom: 1rem;
border: 3px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.card-link+.card-link {
margin-left: 1rem;
}
.card-body+.card-list-group {
border-top: 1px solid #eff0f6;
}
.card-list-group .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.card-list-group .list-group-item:last-child {
border-bottom: 0;
}
.card-list-group .list-group-item:first-child {
border-top: 0;
}
.card-aside {
flex-direction: row;
}
.card-aside-column {
min-width: 5rem;
width: 30%;
flex: 0 0 auto;
background: no-repeat center/cover;
}
.card-value {
font-size: 1rem;
line-height: 3.4rem;
height: 3.4rem;
display: flex;
align-items: center;
font-weight: 400;
}
.card-value i {
vertical-align: middle;
}
.card-chart-bg {
height: 4rem;
margin-top: -1rem;
position: relative;
z-index: 1;
overflow: hidden;
}
.list-media .media-img {
position: relative;
float: left;
width: 48px;
margin-right: 20px;
}
.list-media .info {
padding-left: 55px;
min-height: 40px;
height: auto;
position: relative;
}
.list-media .info h4 a {
font-size: 16px;
margin-top: 10px;
}
.list-media .info p {
font-size: 13px;
}
.list-media .info .text-right {
right: 0;
color: #8a8a8a;
top: 50%;
font-size: 12px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin-top: -28px;
}
.card-options {
margin-left: auto;
display: flex;
order: 100;
margin-right: -0.5rem;
color: #9aa0ac;
align-self: center;
}
.card-options a:not(.btn) {
color: #424e79;
display: inline-block;
min-width: 1rem;
}
.card-options a:not(.btn):hover {
text-decoration: none;
color: #6e7687;
}
.card-options a:not(.btn) i {
font-size: 1rem;
vertical-align: middle;
}
.card-options .dropdown-toggle:after {
display: none;
}
.widgets-cards .wrp.icon-circle {
width: 73px;
height: 73px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-right: 15px;
}
.widgets-cards .wrp.icon-circle i {
font-size: 1.6rem;
color: #fff;
}
.widgets-cards .wrp p {
margin-bottom: 0;
line-height: 1;
margin-bottom: 10px;
}
.widgets-cards .wrp p:first-child {
font-weight: 400;
font-size: 36px;
}
ul li .legend-dots {
width: 1rem;
height: 1rem;
border-radius: 100%;
display: inline-block;
vertical-align: text-bottom;
margin-right: 0.5rem;
}
.legend li {
padding: 5px;
float: left;
}
.stretch-card {
display: flex;
align-items: stretch;
justify-content: stretch;
}
.stretch-card>.card {
width: 100%;
min-width: 100%;
}
.icon-size {
font-size: 2.5rem !important;
}
.card-img-absolute {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.statistics-box {
position: relative;
padding-left: 80px;
text-align: right;
padding-top: 14px;
min-height: 80px;
text-align: center;
}
.statistics-box .ico {
position: absolute;
top: 0px;
left: 0px;
width: 80px;
height: 80px;
font-size: 70px;
line-height: 80px;
text-align: center;
}
.statistics-box .ico.small {
font-weight: 900;
font-size: 42px;
}
.statistics-box h2 {
font-weight: 600 !important;
}
/*Card options*/
.card-collapsed> :not(.card-header):not(.card-status) {
display: none;
}
.card-collapsed .card-options-collapse i:before {
content: "\e92d";
}
.card-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
margin: 0;
}
.card-fullscreen .card-options-fullscreen i:before {
content: "\e992";
}
.card-fullscreen .card-options-remove {
display: none;
}
/*Card maps*/
.card-map {
height: 15rem;
background: #e9ecef;
}
.card-map-placeholder {
background: no-repeat center;
}
/**Card tabs*/
.card-tabs {
display: flex;
}
.card-tabs-bottom .card-tabs-item {
border: 0;
}
.card-tabs-bottom .card-tabs-item.active {
border-top-color: #fff;
}
.card-tabs-item {
flex: 1 1 auto;
display: block;
padding: 1.4rem 1.5rem;
color: inherit;
overflow: hidden;
}
a.card-tabs-item {
background: #fafbfc;
}
a.card-tabs-item:hover {
text-decoration: none;
color: inherit;
}
a.card-tabs-item:focus {
z-index: 1;
}
a.card-tabs-item.active {
background: #fff;
border-bottom-color: #fff;
}
/**Card status*/
.card-status {
position: absolute;
top: -1px;
left: 0px;
right: 0px;
height: 3px;
border-radius: 7px 7px 0 0;
background: rgba(0, 40, 100, 0.12);
}
.card-status-left {
right: auto;
bottom: 0;
height: auto;
width: 3px;
border-radius: 3px 0 0 3px;
}
/**Card icon*/
.card-icon {
width: 3rem;
font-size: 2.5rem;
line-height: 3rem;
text-align: center;
}
/**Card alert*/
.card-alert {
border-radius: 0;
margin: -1px -1px 0;
}
.card-category {
font-size: 18px;
text-transform: uppercase;
text-align: center;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 0.5rem;
background: #f3f3f3;
}
/*------ Carousel -------*/
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 5px;
}
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
transition: transform 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px;
margin: 0 auto;
}
.carousel-item.active {
display: block;
}
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item-next,
.carousel-item-prev {
display: block;
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-start,
.carousel-item-prev.carousel-item-end {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
transform: translate3d(0, 0, 0);
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-prev {
transform: translate3d(0, 0, 0);
}
.carousel-item-next.carousel-item-start,
.carousel-item-prev.carousel-item-end {
transform: translate3d(0, 0, 0);
}
.carousel-item-next,
.active.carousel-item-end {
transform: translate3d(100%, 0, 0);
}
.carousel-item-prev,
.active.carousel-item-start {
transform: translate3d(-100%, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev,
.active.carousel-item-start {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 0.6s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active {
opacity: 1;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
transform: translateX(0);
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-prev:hover,
.carousel-control-prev:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-next {
right: 0;
}
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators .active {
background-color: var(--primary-bg-color);
}
.carousel-indicators1 {
position: absolute;
right: 0;
top: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators1 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators1 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators1 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators1 .active {
background-color: #fff;
}
.carousel-indicators2 {
position: absolute;
right: 10px;
top: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 10px;
list-style: none;
}
.carousel-indicators2 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators2 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators2 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators2 .active {
background-color: #fff;
}
.carousel-indicators3 {
position: absolute;
left: 10px;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 10px;
list-style: none;
}
.carousel-indicators3 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators3 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators3 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators3 .active {
background-color: #fff;
}
.carousel-indicators4 {
position: absolute;
right: 10px;
bottom: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 10%;
list-style: none;
}
.carousel-indicators4 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators4 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators4 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators4 .active {
background-color: #fff;
}
.carousel-indicators5 {
position: absolute;
bottom: 0;
left: 10px;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
list-style: none;
}
.carousel-indicators5 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators5 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators5 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators5 .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
top: 30%;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.carousel-item-background {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.carousel-top-indicators {
top: 15px;
}
.carousel-top-right-indicators {
top: 15px;
right: 15px !important;
left: auto;
margin: 0 !important;
}
.carousel-top-left-indicators {
top: 15px;
left: 15px !important;
right: auto;
margin: 0 !important;
}
.carousel-bottom-right-indicators {
bottom: 15px;
right: 15px !important;
left: auto;
margin: 0 !important;
}
.carousel-bottom-left-indicators {
bottom: 15px;
left: 15px !important;
right: auto;
margin: 0 !important;
}
/*------Drop Downs-------*/
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle.no-caret::after {
display: none;
}
.dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
vertical-align: 0.155em;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.top-header .dropdown-menu[data-popper-placement^=top],
.top-header .dropdown-menu[data-popper-placement^=right],
.top-header .dropdown-menu[data-popper-placement^=bottom],
.top-header .dropdown-menu[data-popper-placement^=left] {
top: 60px !important;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
border-radius: 6px;
animation-name: fadeInUp;
border: 1px solid #eff0f6;
}
.header-notify .show.dropdown-menu[data-popper-placement^=bottom] {
left: -180px !important;
}
.profile-dropdown .show.dropdown-menu[data-popper-placement^=bottom] {
left: -140px !important;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.notifyimg {
color: #fff;
float: left;
height: 40px;
line-height: 43px;
margin-right: 10px;
text-align: center;
vertical-align: middle;
width: 40px;
border-radius: 50%;
background: var(--primary-bg-color);
}
.drop-icon-wrap {
text-align: center;
}
.drop-icon-wrap li {
display: block;
}
.drop-icon-wrap .drop-icon-item {
display: inline-block;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
color: #878787;
text-transform: capitalize;
width: 50%;
}
.block {
display: block !important;
}
.drop-icon-item i {
font-size: 20px;
padding-bottom: 5px;
}
.drop-icon-wrap .drop-icon-item:hover,
.drop-icon-wrap .drop-icon-item:focus {
text-decoration: none;
background-color: #eef0ff;
}
.dropdown-item.user {
font-size: 16px;
padding: 5px;
}
.user-semi-title {
font-size: 12px;
}
.floating {
animation: floating 3s ease infinite;
will-change: transform;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.5rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--primary-bg-color);
text-decoration: none;
background-color: #f0f1f7;
}
.dropdown-item.active,
.dropdown-item:active {
text-decoration: none;
background-color: #f0f1f7;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #fff;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
margin: 0;
}
.dropdown-menu-arrow.dropdown-menu-end:before,
.dropdown-menu-arrow.dropdown-menu-start:before {
content: "";
position: absolute;
top: -10px;
left: 15px;
border-bottom: 10px solid #eff0f6;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.dropdown-menu-arrow.dropdown-menu-end:after,
.dropdown-menu-arrow.dropdown-menu-start:after {
content: "";
position: absolute;
top: -8.5px;
left: 16px;
border-bottom: 9px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
top: -1px !important;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #868e96;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
flex: 0 1 auto;
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
z-index: 1;
}
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
z-index: 1;
}
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
z-index: 1;
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group {
margin-left: -1px;
}
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px;
}
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group {
margin-left: -1px;
}
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
margin-left: -1px;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
margin-left: 0;
}
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
margin-bottom: 0;
}
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
/*-----List Of Dropdwons-----*/
btn.dropdown-toggle~.dropdown-menu {
background-color: rgb(244, 244, 244) !important;
background-color: rgb(255, 255, 255) !important;
border: 0 solid rgb(66, 133, 244) !important;
box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
top: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
ul.dropdown-menu li.dropdown ul.dropdown-menu {
background-color: rgb(244, 244, 244) !important;
background-color: rgb(255, 255, 255) !important;
border: 0 solid rgb(66, 133, 244) !important;
box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
top: 0px !important;
margin: 0px !important;
padding: 0px !important;
position: absolute !important;
width: 100% !important;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 0.9375rem;
color: #495057;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
box-shadow: none;
min-width: 12rem;
border-radius: 4px !important;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(176, 184, 214, 0.49);
border: 0;
background-clip: padding-box;
}
.dropdown-menu>li>a {
display: block;
padding: 0.5rem 1.5rem;
clear: both;
font-weight: 400;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
text-decoration: none;
color: #6b6f80;
background-color: #f0f1f7;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background: #eff0f6;
}
.dropdown-menu .dropdown-plus-title {
width: 100% !important;
color: #6b6f80 !important;
padding: 6px 12px !important;
font-weight: 500 !important;
border: 0 solid #eff0f6 !important;
border-bottom-width: 1px !important;
cursor: pointer !important;
}
.dropdown-menu[data-popper-placement^=top],
.dropdown-menu[data-popper-placement^=right],
.dropdown-menu[data-popper-placement^=bottom],
.dropdown-menu[data-popper-placement^=left] {
right: auto;
bottom: auto;
}
ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
padding-top: 10px !important;
padding-bottom: 10px !important;
line-height: 20px !important;
}
.btn.dropdown-toggle.btn-primary~.dropdown-menu .dropdown-plus-title {
border-color: var(--primary-bg-color) !important;
}
.btn.dropdown-toggle.btn-success~.dropdown-menu .dropdown-plus-title {
border-color: rgb(76, 174, 76) !important;
}
.btn.dropdown-toggle.btn-info~.dropdown-menu .dropdown-plus-title {
border-color: rgb(70, 184, 218) !important;
}
.btn.dropdown-toggle.btn-warning~.dropdown-menu .dropdown-plus-title {
border-color: rgb(238, 162, 54) !important;
}
.btn.dropdown-toggle.btn-danger~.dropdown-menu .dropdown-plus-title {
border-color: rgb(212, 63, 58) !important;
}
.dropdown-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
border-bottom: 1px solid #eff0f6;
}
.dropdown-demo .dropdown-menu {
position: static;
float: none;
}
.dropdown-menu-header label {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #6b6f80;
}
.dropdown-media-list .media {
padding: 12px 15px;
}
.dropdown-media-list .media:hover,
.dropdown-media-list .media:focus {
background-color: #f8f9fa;
}
.media {
display: flex;
align-items: flex-start;
}
.dropdown-media-list {
padding: 0;
}
.dropdown-media-list img {
border-radius: 100%;
}
.dropdown-media-list .media-body {
margin-left: 15px;
}
.media-body {
flex: 1;
}
.dropdown-media-list .media-body>div {
display: flex;
align-items: center;
justify-content: space-between;
}
.dropdown-media-list .media-body>div p {
margin-bottom: 0;
font-weight: 500;
color: #6b6f80;
font-size: 14px;
}
.dropdown-media-list .media-body>div span {
font-size: 12px;
}
.dropdown-media-list .media-body>p {
font-size: 14px;
margin-bottom: 0;
}
.dropdown-list-footer {
padding: 10px 15px;
text-align: center;
font-size: 12px;
border-top: 1px solid #eff0f6;
}
.label {
display: inline-block;
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
ul.dropdown-menu li.dropdown ul.dropdown-menu {
width: auto !important;
}
}
.dropdown {
display: block;
}
#sidebar .dropdown-menu {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 12rem;
}
.dropdown-menu-arrow.dropdown-menu-end:before,
.dropdown-menu-arrow.dropdown-menu-end:after {
left: auto;
right: 12px;
}
.dropdown-icon {
color: #3e4358;
margin-right: 0.5rem;
margin-left: -0.5rem;
width: 1em;
display: inline-block;
text-align: center;
vertical-align: -1px;
}
.btn-white.dropdown-toggle::after {
color: #c4c9d6;
}
/*-----Lists-----*/
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group-item-action {
width: 100%;
color: #6b6f80;
text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
color: #6b6f80;
text-decoration: none;
background-color: #f4f5fb;
z-index: 0;
}
.list-group-item-action:active {
color: #6b6f80;
background-color: #f4f5fb;
z-index: 0;
}
.list-group-item+.list-group-item {
border-top-width: 1px;
}
.listorder {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: decimal;
list-style-position: inside;
}
.listorder1 {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: upper-alpha;
list-style-position: inside;
}
.listunorder {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: circle;
list-style-position: inside;
}
.listunorder1 {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: square;
list-style-position: inside;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
}
.list-group-item.active .icon {
color: inherit !important;
}
.list-group-item .icon {
color: #6b6f80 !important;
}
.list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.list-group-item:hover,
.list-group-item:focus {
z-index: 1;
text-decoration: none;
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #7c90b1;
background-color: #fff;
}
.list-group-item.active {
z-index: 0;
color: inherit;
border-color: transparent;
background-color: #f4f5fb;
border-color: 3px solid rgba(238, 238, 238, 0.5);
}
.list-group-flush .list-group-item {
border-right: 0 !important;
border-left: 0 !important;
border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0;
}
.list-group-item-primary {
color: var(--primary-bg-color) !important;
background-color: var(--primary03) !important;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: var(--primary-bg-color);
background-color: #b7cded;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.list-group-item-secondary {
color: #fff !important;
background-color: #f72d66 !important;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: #fff;
background-color: #f72d66;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.list-group-item-success {
color: #316100 !important;
background-color: #d2ecb8 !important;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: #316100;
background-color: #c5e7a4;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #316100;
border-color: #316100;
}
.list-group-item-info {
color: #24587e !important;
background-color: #cbe7fb !important;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: #24587e;
background-color: #b3dcf9 !important;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #24587e;
border-color: #24587e;
}
.list-group-item-warning {
color: #7d6608 !important;
background-color: #fbeebc !important;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: #7d6608;
background-color: #fae8a4;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #7d6608;
border-color: #7d6608;
}
.list-group-item-danger {
color: #6b1110 !important;
background-color: #f1c1c0 !important;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: #6b1110;
background-color: #ecacab !important;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #6b1110;
border-color: #6b1110;
}
.list-group-item-light {
color: #818182 !important;
background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
}
.list-group-item-dark {
color: #1b1e21 !important;
background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
}
.btn-close {
float: right;
font-size: 1.40625rem;
font-weight: 700;
line-height: 1;
color: #495057;
opacity: 0.5;
}
.btn-close:hover,
.btn-close:focus {
color: #fff;
text-decoration: none;
opacity: 0.75;
box-shadow: none;
}
.btn-close:not(:disabled):not(.disabled) {
cursor: pointer;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
text-shadow: none;
-webkit-appearance: none;
}
.list-inline-dots .list-inline-item+.list-inline-item:before {
content: "· ";
margin-left: -2px;
margin-right: 3px;
}
.list-separated-item {
padding: 1rem 0;
}
.list-separated-item:first-child {
padding-top: 0;
}
.list-group-transparent .list-group-item {
background: none;
border: 0;
padding: 0.75rem 1rem;
border-radius: 0px;
}
.list-group-transparent .list-group-item.active {
background: #f4f5fb;
color: var(--primary-bg-color);
font-weight: 600;
}
.visitor-list p {
font-size: 12px;
}
.visitor-list i {
font-size: 20px;
}
.sales-relative {
position: relative;
}
.icon-absolute {
position: absolute;
display: block;
bottom: 10px;
right: 10px;
padding: 20px 0;
text-align: center;
border-radius: 50%;
width: 70px;
height: 70px;
}
@media (min-width: 991px) and (max-width: 1024px) {
.icon-absolute {
display: none;
}
}
/*------ Modal -------*/
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
display: none;
overflow: hidden;
outline: 0;
padding-right: 0 !important;
margin: 0 !important;
}
.modal-open,
.modal-backdrop.fade.show {
padding-right: 0 !important;
}
.modal-open {
overflow: hidden;
padding: 0 !important;
display: block;
overflow: inherit;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
transform: translate(0, 0);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eff0f6;
border-radius: 3px;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #eff0f6;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.modal-header .btn-close {
padding: 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
font-size: 16px;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-body p:last-child {
margin-bottom: 0;
}
.modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
.modal-footer> :not(:first-child) {
margin-left: 0.25rem;
}
.modal-footer> :not(:last-child) {
margin-right: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 800px;
}
}
.modal.animated .modal-dialog {
transform: translate(0, 0);
}
.modal.effect-scale .modal-dialog {
transform: scale(0.7);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-scale.show .modal-dialog {
transform: scale(1);
opacity: 1;
}
.modal.effect-slide-in-right .modal-dialog {
transform: translateX(20%);
opacity: 0;
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.modal.effect-slide-in-right.show .modal-dialog {
transform: translateX(0);
opacity: 1;
}
.modal.effect-slide-in-bottom .modal-dialog {
transform: translateY(20%);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-slide-in-bottom.show .modal-dialog {
transform: translateY(0);
opacity: 1;
}
.modal.effect-newspaper .modal-dialog {
transform: scale(0) rotate(720deg);
opacity: 0;
}
.modal.effect-newspaper.show~.modal-backdrop,
.modal.effect-newspaper .modal-dialog {
transition: all 0.5s;
}
.modal.effect-newspaper.show .modal-dialog {
transform: scale(1) rotate(0deg);
opacity: 1;
}
.modal.effect-fall {
perspective: 1300px;
}
.modal.effect-fall .modal-dialog {
transform-style: preserve-3d;
transform: translateZ(600px) rotateX(20deg);
opacity: 0;
}
.modal.effect-fall.show .modal-dialog {
transition: all 0.3s ease-in;
transform: translateZ(0px) rotateX(0deg);
opacity: 1;
}
.modal.effect-flip-horizontal {
perspective: 1300px;
}
.modal.effect-flip-horizontal .modal-dialog {
transform-style: preserve-3d;
transform: rotateY(-70deg);
transition: all 0.3s;
opacity: 0;
}
.modal.effect-flip-horizontal.show .modal-dialog {
transform: rotateY(0deg);
opacity: 1;
}
.modal.effect-flip-vertical {
perspective: 1300px;
}
.modal.effect-flip-vertical .modal-dialog {
transform-style: preserve-3d;
transform: rotateX(-70deg);
transition: all 0.3s;
opacity: 0;
}
.modal.effect-flip-vertical.show .modal-dialog {
transform: rotateX(0deg);
opacity: 1;
}
.modal.effect-super-scaled .modal-dialog {
transform: scale(2);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-super-scaled.show .modal-dialog {
transform: scale(1);
opacity: 1;
}
.modal.effect-sign {
perspective: 1300px;
}
.modal.effect-sign .modal-dialog {
transform-style: preserve-3d;
transform: rotateX(-60deg);
transform-origin: 50% 0;
opacity: 0;
transition: all 0.3s;
}
.modal.effect-sign.show .modal-dialog {
transform: rotateX(0deg);
opacity: 1;
}
.modal.effect-rotate-bottom {
perspective: 1300px;
}
.modal.effect-rotate-bottom .modal-dialog {
transform-style: preserve-3d;
transform: translateY(100%) rotateX(90deg);
transform-origin: 0 100%;
opacity: 0;
transition: all 0.3s ease-out;
}
.modal.effect-rotate-bottom.show .modal-dialog {
transform: translateY(0%) rotateX(0deg);
opacity: 1;
}
.modal.effect-rotate-left {
perspective: 1300px;
}
.modal.effect-rotate-left .modal-dialog {
transform-style: preserve-3d;
transform: translateZ(100px) translateX(-30%) rotateY(90deg);
transform-origin: 0 100%;
opacity: 0;
transition: all 0.3s;
}
.modal.effect-rotate-left.show .modal-dialog {
transform: translateZ(0px) translateX(0%) rotateY(0deg);
opacity: 1;
}
.modal.effect-just-me .modal-dialog {
transform: scale(0.8);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-just-me .modal-content {
background-color: var(--dark-theme);
border: 1px solid #4d4e50;
padding: 0 9px;
}
.modal.effect-just-me .btn-close {
text-shadow: none;
color: #fff;
}
.modal.effect-just-me .modal-header {
background-color: transparent;
border-bottom-color: rgba(255, 255, 255, 0.1);
padding-left: 0;
padding-right: 0;
}
.modal.effect-just-me .modal-header h6 {
color: #fff;
font-weight: 500;
}
.modal.effect-just-me .modal-body {
color: rgba(255, 255, 255, 0.8);
padding-left: 0;
padding-right: 0;
}
.modal.effect-just-me .modal-body h6 {
color: #fff;
}
.modal.effect-just-me .modal-footer {
background-color: transparent;
padding-left: 0;
padding-right: 0;
border-top-color: rgba(255, 255, 255, 0.1);
}
.modal.effect-just-me.show~.modal-backdrop {
opacity: 0.96;
}
.modal.effect-just-me.show .modal-dialog {
transform: scale(1);
opacity: 1;
}
.modal .btn-close {
color: #424e79;
}
.modal .btn-close:hover,
.modal .btn-close:focus {
color: #424e79;
}
/*------ Navigation -------*/
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.2rem 0.9rem;
}
.nav-link:hover,
.nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #a8b4c1;
}
.nav-tabs {
border-bottom: 1px solid #eff0f6;
-webkit-user-select: none;
user-select: none;
color: #000;
margin: 0 -0.75rem;
}
.nav-tabs .nav-link {
border: 0;
color: inherit;
color: #6b6f80;
transition: 0.3s border-color;
font-weight: 500;
padding: 1rem 1.6rem;
font-size: 13px;
text-align: center;
border: 1px solid transparent;
}
.nav-tabs .nav-link:hover:not(.disabled) {
color: #fff;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border: 0;
}
.nav-tabs .nav-link.disabled {
color: #868e96;
background-color: transparent;
border-color: transparent;
opacity: 0.4;
cursor: default;
pointer-events: none;
}
.nav-tabs .nav-link.active {
color: #fff;
background: var(--primary-bg-color);
border: 0;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-item.show .nav-link {
border: 0;
}
.nav-tabs .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-tabs .nav-item1 {
margin-bottom: -1px;
margin-bottom: 0;
position: relative;
}
.nav-tabs .nav-item1.nav-link {
border: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.nav-tabs .nav-item1 .nav-link {
border: 0;
color: inherit;
margin-bottom: -1px;
color: #6b6f80;
transition: 0.3s border-color;
font-weight: 400;
padding: 1rem 10px;
}
.nav-tabs .nav-item1 .nav-link:hover:not(.disabled),
.nav-tabs .nav-item1 .nav-link.active {
color: #fff;
background: var(--primary-bg-color);
}
.nav-tabs .nav-item1 .nav-link.disabled {
opacity: 0.6;
cursor: default;
pointer-events: none;
}
.nav-tabs .nav-item1 i {
margin-right: 0.25rem;
line-height: 1;
font-size: 0 rem;
width: 0.875rem;
vertical-align: baseline;
display: inline-block;
margin-right: 10px;
}
.nav-tabs .nav-item1:hover .nav-submenu {
display: block;
}
.nav-tabs .nav-submenu {
display: none;
position: absolute;
background: #000;
border: 1px solid #eff0f6;
border-top: none;
z-index: 10;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 10rem;
border-radius: 0 0 3px 3px;
}
.nav-tabs .nav-submenu .nav-item1 {
display: block;
padding: 0.5rem 1rem;
color: #9aa0ac;
margin: 0 !important;
cursor: pointer;
transition: 0.3s background;
}
.nav-tabs .nav-submenu .nav-item1.active {
color: #467fcf;
}
.nav-tabs .nav-submenu .nav-item1:hover {
color: #6e7687;
text-decoration: none;
background: rgba(0, 0, 0, 0.024);
}
.nav-tabs .nav-item {
margin-bottom: 0;
position: relative;
}
.nav-tabs .nav-item:hover .nav-submenu {
display: block;
}
.nav-tabs .nav-item i {
margin-right: 0.25rem;
line-height: 1;
font-size: 0 rem;
width: 0.875rem;
vertical-align: baseline;
display: inline-block;
margin-right: 10px;
}
.nav-tabs .nav-submenu {
display: none;
position: absolute;
background: #fff;
border: 1px solid #eff0f6;
border-top: none;
z-index: 10;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 10rem;
border-radius: 0 0 3px 3px;
}
.nav-tabs .nav-submenu .nav-item {
display: block;
padding: 0.5rem 1rem;
color: #9aa0ac;
margin: 0 !important;
cursor: pointer;
transition: 0.3s background;
}
.nav-tabs .nav-submenu .nav-item.active {
color: #467fcf;
}
.nav-tabs .nav-submenu .nav-item:hover {
color: #6e7687;
text-decoration: none;
background: rgba(0, 0, 0, 0.024);
}
.nav-pills .nav-link {
border-radius: 4px;
background: #f3f4f7;
}
.card-header-pills.nav-pills .nav-link {
border-radius: 4px;
background: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: var(--primary-bg-color) !important;
}
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar>.container,
.navbar>.container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: 0.359375rem;
padding-bottom: 0.359375rem;
margin-right: 1rem;
font-size: 1.125rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.5rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 3px;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.navbar-toggler-icon {
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
color: var(--primary05);
font-size: 20px;
}
@media (max-width: 575.98px) {
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1279.98px) {
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1280px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand>.container,
.navbar-expand>.container-fluid {
padding-right: 0;
padding-left: 0;
flex-wrap: nowrap;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$black-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff;
}
/*--navtabs--*/
.nav-item1 {
padding: 10px;
min-width: 2rem;
transition: 0.3s color;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
}
.nav-item1:hover:not(.disabled),
.nav-item1.active {
color: #fff;
}
.nav-item1 .nav-link.disabled {
color: #8e9cad;
cursor: default;
pointer-events: none;
}
.nav1 {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
background: #f4f5fb;
}
.user-button {
padding: 3px 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 3px;
color: #fff !important;
background: var(--primary-bg-color);
}
.user-button:hover {
border: 1px solid var(--primary-bg-color);
background: #fff;
color: var(--primary-bg-color) !important;
}
.nav-link,
.nav-item {
min-width: 2rem;
transition: 0.3s color;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
}
.header .nav-link .badge,
.header .nav-item .badge {
position: absolute;
top: 0;
right: -6px;
padding: 0.2rem 0.25rem;
min-width: 1rem;
font-size: 13px;
}
#headerMenuCollapse .nav-link .badge,
#headerMenuCollapse .nav-item .badge {
position: relative;
min-width: 1rem;
font-size: 10px;
font-weight: 500;
}
.header .nav-tabs .nav-link:hover:not(.disabled),
.header .nav-tabs .nav-link.active {
color: #fff !important;
background: var(--primary-bg-color);
}
.nav-link:hover .dropdown-menu,
.nav-item:hover .dropdown-menu,
.nav-link:hover .dropdown-menu.show {
display: block;
}
/*---Mega Menu---*/
@media (max-width: 1279px) and (min-width: 992px) {
.nav-tabs .nav-link {
padding: 1rem 0.95rem;
font-size: 13px;
}
}
@media (max-width: 480px) {
.list-media .info {
padding-bottom: 15px;
}
.list-media .info .text-right {
display: none;
}
.m-portlet {
display: none;
}
.searching.mt-3 {
margin-top: 0.6rem !important;
}
.tabs-menu ul li {
width: 100%;
margin: 5px;
}
.tabs-menu ul li a {
width: 100%;
}
.invoicelist .tabs-menu ul li {
width: 100%;
margin: 0px;
}
.invoicelist .tabs-menu ul li a {
width: 100%;
}
.cal1 .clndr .clndr-table tr {
height: 50px !important;
}
.tabs-menu1 ul li {
width: 100%;
margin: 15px;
}
.tabs-menu1 ul li a {
width: 100%;
}
.wizard-card .nav-pills>li {
text-align: center;
padding: 9px !important;
}
.form-control.form-select.w-auto {
display: none;
}
.badge {
margin: 10px 0;
}
.mail-inbox .badge {
margin: 0;
}
.construction .display-5 {
font-size: 1.5rem;
}
.jumbotron .display-3 {
font-size: 2.5rem;
}
.mail-option .hidden-phone {
display: none;
}
.app-header1 .header-brand {
min-width: auto;
}
.widget-text span {
font-size: 10px;
}
}
@media (max-width: 767px) {
.card-tabs {
display: block !important;
}
.header .input-icon.mt-2 {
margin-top: 5px !important;
}
.footer .privacy {
text-align: center !important;
}
.shop-dec .col-md-6.pr-0 {
padding-right: 0.75rem !important;
}
.shop-dec .col-md-6.pl-0 {
padding-left: 0.75rem !important;
}
}
@media (max-width: 768px) and (min-width: 481px) {
.searching i {
margin-top: 5px !important;
}
.nav-link.leading-none span {
margin-top: -1px !important;
padding: 0 !important;
}
}
@media (max-width: 768px) {
.nav-tabs .nav-link {
width: 100%;
}
.page-subtitle {
display: none;
}
.ticket-card .col-md-1 {
width: 100%;
display: block;
}
.ticket-card img {
display: block;
text-align: Center;
margin: 0 auto;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
margin-top: 10px !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center !important;
}
.page-title {
line-height: 1.5rem;
font-size: 20px;
}
.carousel-caption {
display: none;
}
.demo-gallery>ul>li {
width: 100% !important;
}
ul.inbox-pagination li span {
display: none;
}
.dash1,
.dash2 {
margin-bottom: 1.2rem;
}
}
@media (max-width: 990px) and (min-width: 767px) {
.carousel-caption {
top: 10%;
}
}
@media (max-width: 568px) and (min-width: 480px) {
.container-messages {
position: absolute;
top: 50px !important;
}
.messages-list {
top: 24px !important;
bottom: 73px !important;
}
.messages-right {
top: 10px !important;
bottom: 71px !important;
}
.messages-left-footer {
bottom: 40px !important;
display: none;
}
.messages-left .card-header {
display: none;
}
.message-footer,
.message-header {
height: 50px !important;
}
.message-body {
top: 50px !important;
bottom: 50px !important;
}
}
@media (max-width: 990px) and (min-width: 569px) {
.message-header,
.message-footer {
height: 50px !important;
}
.messages-right {
top: 10px !important;
bottom: 80px !important;
}
.message-body {
top: 50px !important;
bottom: 50px !important;
}
.messages-left .card-header {
display: none;
}
.messages-list {
top: 24px !important;
}
}
@media (max-width: 990px) {
.header-toggler {
margin: 6px;
}
.nav-tabs .nav-link {
width: 100%;
}
form.convFormDynamic button.submit {
margin: 4px !important;
}
.messages-list .media {
padding: 9px !important;
}
}
.nav-link-icon {
line-height: 0;
}
/*--------panel----------*/
.expanel-default {
border: #ddd !important;
}
.expanel-primary {
border: var(--primary-bg-color) !important;
}
.expanel-secondary {
border: #f72d66 !important;
}
.expanel-success {
border: #2dce89 !important;
}
.expanel-danger {
border: #dc0441 !important;
}
.expanel-primary>.expanel-heading {
color: #fff !important;
background-color: var(--primary-bg-color) !important;
border-color: var(--primary-bg-color) !important;
}
.expanel-secondary>.expanel-heading {
color: #fff !important;
background-color: #f72d66 !important;
border-color: #f72d66 !important;
}
.expanel-success>.expanel-heading {
color: #fff !important;
background-color: #2dce89 !important;
border-color: #2dce89 !important;
}
.expanel-danger>.expanel-heading {
color: #fff !important;
background-color: #dc0441 !important;
border-color: #dc0441 !important;
}
.expanel-warning>.expanel-heading {
color: #fff !important;
background-color: #ecb403 !important;
border-color: #ecb403 !important;
}
.expanel-title {
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 16px !important;
color: inherit !important;
}
.expanel {
margin-bottom: 20px !important;
background-color: #fff !important;
border: 1px solid #eff0f6 !important;
border-radius: 4px !important;
box-shadow: none !important;
}
.expanel-default>.expanel-heading {
background-color: #f4f5fb !important;
border-color: #eff0f6 !important;
}
.expanel-heading {
padding: 10px 15px !important;
border-bottom: 1px solid #eff0f6;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.expanel-footer {
padding: 10px 15px !important;
background-color: #f4f5fb !important;
border-top: 1px solid #eff0f6 !important;
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.expanel-body {
padding: 15px !important;
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.703125rem;
background-color: #e5e9f2;
border-radius: 3px;
position: relative;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #e5e9f2;
transition: width 0.6s ease;
}
.current-progressbar {
margin-top: 14.5px;
}
.progress-content {
margin-bottom: 16.5px;
}
.progress-content:last-child {
margin-bottom: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite;
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
/*------ progress sizes ------*/
.progress-xs {
height: 0.25rem;
}
.progress-xs .progress-bar {
height: 0.25rem;
}
.progress-sm {
height: 0.5rem;
}
.progress-sm .progress-bar {
height: 0.5rem;
}
.progress-lg {
height: 1.25rem;
}
.progress-lg .progress-bar {
height: 1.25rem;
}
.progress-bar-indeterminate:after {
content: "";
position: absolute;
background-color: inherit;
left: 0;
will-change: left, right;
top: 0;
bottom: 0;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
}
.progress-bar-indeterminate:before {
content: "";
position: absolute;
background-color: inherit;
left: 0;
will-change: left, right;
top: 0;
bottom: 0;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
@keyframes loader {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*---- Tags-----*/
.tag {
font-size: 0.75rem;
color: #6b6f80;
background-color: #f4f5fb;
border-radius: 3px;
padding: 0 0.5rem;
line-height: 2em;
display: inline-flex;
cursor: default;
font-weight: 400;
-webkit-user-select: none;
user-select: none;
}
a.tag {
text-decoration: none;
cursor: pointer;
transition: 0.3s color, 0.3s background;
}
a.tag:hover {
background-color: rgba(110, 118, 135, 0.2);
color: inherit;
}
.tag-addon {
display: inline-block;
padding: 0 0.5rem;
color: inherit;
text-decoration: none;
background: rgba(0, 0, 0, 0.06);
margin: 0 -0.5rem 0 0.5rem;
text-align: center;
min-width: 1.5rem;
}
.tag-addon:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.tag-addon i {
vertical-align: middle;
margin: 0 -0.25rem;
}
a.tag-addon {
text-decoration: none;
cursor: pointer;
transition: 0.3s color, 0.3s background;
}
a.tag-addon:hover {
background: rgba(0, 0, 0, 0.16);
color: inherit;
}
.tag-avatar {
width: 1.5rem;
height: 1.5rem;
border-radius: 3px 0 0 3px;
margin: 0 0.5rem 0 -0.5rem;
}
.tag-blue {
background-color: #083dc1 !important;
color: #fff;
}
.tag-indigo {
background-color: #6574cd !important;
color: #fff;
}
.tag-purple {
background-color: #aa4cf2 !important;
color: #fff;
}
.tag-pink {
background-color: #ec82ef !important;
color: #fff;
}
.tag-red {
background-color: #dc0441 !important;
color: #fff;
}
.tag-orange {
background-color: #fc7303 !important;
color: #fff;
}
.tag-yellow {
background-color: #ecb403 !important;
color: #fff;
}
.tag-green {
background-color: #2dce89 !important;
color: #fff;
}
.tag-teal {
background-color: #2bcbba !important;
color: #fff;
}
.tag-cyan {
background-color: #17a2b8 !important;
color: #fff;
}
.tag-white {
background-color: #fff !important;
color: #fff;
}
.tag-gray {
background-color: #868e96 !important;
color: #fff;
}
.tag-gray-dark {
background-color: #343a40 !important;
color: #fff;
}
.tag-azure {
background-color: #45aaf2 !important;
color: #fff;
}
.tag-lime {
background-color: #7bd235 !important;
color: #fff;
}
.tag-primary {
background-color: var(--primary-bg-color) !important;
color: #fff;
}
.tag-secondary {
background-color: #f72d66 !important;
color: #fff;
}
.tag-success {
background-color: #2dce89 !important;
color: #fff;
}
.tag-info {
background-color: #45aaf2 !important;
color: #fff;
}
.tag-warning {
background-color: #ecb403 !important;
color: #fff;
}
.tag-danger {
background-color: #ff5b51 !important;
color: #fff;
}
.tag-light {
background-color: #f8f9fa !important;
color: #fff;
}
.tag-dark {
background-color: #343a40 !important;
color: #fff;
}
.tag-rounded {
border-radius: 50px;
}
.tag-rounded .tag-avatar {
border-radius: 50px;
}
.tags {
margin-bottom: -0.5rem;
font-size: 0;
}
.tags>.tag {
margin-bottom: 0.5rem;
}
.tags>.tag:not(:last-child) {
margin-right: 0.5rem;
}
.highlight .hll {
background-color: #ffc;
}
.highlight .c {
color: #999;
}
.highlight .k {
color: #069;
}
.highlight .o {
color: #555;
}
.highlight .cm {
color: #999;
}
.highlight .cp {
color: #099;
}
.highlight .c1,
.highlight .cs {
color: #999;
}
.highlight .gd {
background-color: #fcc;
border: 1px solid #c00;
}
.highlight .ge {
font-style: italic;
}
.highlight .gr {
color: #f00;
}
.highlight .gh {
color: #030;
}
.highlight .gi {
background-color: #cfc;
border: 1px solid #0c0;
}
.highlight .go {
color: #aaa;
}
.highlight .gp {
color: #009;
}
.highlight .gu {
color: #030;
}
.highlight .gt {
color: #9c6;
}
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
color: #069;
}
.highlight .kt {
color: #078;
}
.highlight .m {
color: #f60;
}
.highlight .s {
color: #cc0099;
}
.highlight .na {
color: #00cc7a;
}
.highlight .nb {
color: #366;
}
.highlight .nc {
color: #0a8;
}
.highlight .no {
color: #360;
}
.highlight .nd {
color: #99f;
}
.highlight .ni {
color: #999;
}
.highlight .ne {
color: #c00;
}
.highlight .nf {
color: #c0f;
}
.highlight .nl {
color: #99f;
}
.highlight .nn {
color: #0cf;
}
.highlight .nt {
color: #6967ce;
}
.highlight .nv {
color: #033;
}
.highlight .ow {
color: #000;
}
.highlight .w {
color: #bbb;
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
color: #f60;
}
.highlight .sb,
.highlight .sc {
color: #c30;
}
.highlight .sd {
font-style: italic;
color: #c30;
}
.highlight .s2,
.highlight .se,
.highlight .sh {
color: #c30;
}
.highlight .si {
color: #a00;
}
.highlight .sx {
color: #c30;
}
.highlight .sr {
color: #3aa;
}
.highlight .s1 {
color: #c30;
}
.highlight .ss {
color: #fc3;
}
.highlight .bp {
color: #366;
}
.highlight .vc,
.highlight .vg,
.highlight .vi {
color: #033;
}
.highlight .il {
color: #f60;
}
.highlight .css .o {
color: #999;
}
.highlight .css .o+.nt {
color: #999;
}
.highlight .css .nt+.nt {
color: #999;
}
.highlight .language-bash::before,
.highlight .language-sh::before {
color: #009;
content: "$ ";
-webkit-user-select: none;
user-select: none;
}
.highlight .language-powershell::before {
color: #009;
content: "PM> ";
-webkit-user-select: none;
user-select: none;
}
.tag-outline-primary {
color: var(--primary-bg-color) !important;
border-color: var(--primary-bg-color) !important;
}
.tag-outline-secondary {
color: #f72d66 !important;
border-color: #f72d66 !important;
}
.tag-outline-success {
color: #2dce89 !important;
border-color: #2dce89 !important;
}
.tag-outline-warning {
color: #ecb403 !important;
border-color: #ecb403 !important;
}
.tag-outline-info {
color: #45aaf2 !important;
border-color: #45aaf2 !important;
}
.tag-outline-danger {
color: #ff5b51 !important;
border-color: #ff5b51 !important;
}
.tag-outline-pink {
color: #ec82ef !important;
border-color: #ec82ef !important;
}
/*---------Thumbnails----------*/
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 4px;
transition: border 0.2s ease-in-out;
}
.thumbnail a>img,
.thumbnail>img {
margin-right: auto;
margin-left: auto;
}
.thumbnail p:last-child {
margin-bottom: 0;
}
.thumbimg {
height: 100%;
width: 100%;
display: block;
}
.thumbnail .caption {
padding: 15px;
}
.video-list-thumbs>li {
margin-bottom: 12px;
}
.video-list-thumbs>li>a {
display: block;
position: relative;
color: #6b6f80;
border: 1px solid #eff0f6;
padding: 8px;
border-radius: 3px transition all 500ms ease-in-out;
border-radius: 4px;
}
.video-list-thumbs h2 {
bottom: 0;
font-size: 14px;
height: 33px;
margin: 8px 0 0;
}
.video-list-thumbs .fa {
font-size: 60px;
opacity: 0.6;
position: absolute;
right: 39%;
top: 31%;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
transition: all 500ms ease-in-out;
}
.video-list-thumbs>li>a:hover .fa {
color: #fff;
opacity: 1;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.video-list-thumbs .duration {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 2px;
color: #fff;
font-size: 11px;
font-weight: bold;
left: 12px;
line-height: 13px;
padding: 2px 3px 1px;
position: absolute;
top: 12px;
transition: all 500ms ease;
}
.video-list-thumbs>li>a:hover .duration {
background-color: #000;
}
@media (max-width: 768px) {
.video-list-thumbs .fa {
right: 44%;
top: 44%;
}
}
@media (min-width: 320px) and (max-width: 480px) {
.video-list-thumbs .fa {
font-size: 35px;
}
.video-list-thumbs h2 {
bottom: 0;
font-size: 12px;
height: 22px;
margin: 8px 0 0;
}
}
/*-------Tooptip &popover------*/
.bd-example {
position: relative;
padding: 1rem;
margin: 1rem -1rem;
border-width: 0.2rem 0 0;
}
.bd-example-tooltip-static .tooltip {
position: relative;
display: inline-block;
margin: 10px 20px;
opacity: 1;
}
.tooltip {
position: absolute;
z-index: 1;
display: block;
margin: 0;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.tooltip.bs-tether-element-attached-bottom,
.tooltip.tooltip-top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.bs-tether-element-attached-left,
.tooltip.tooltip-end {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.tooltip-top .tooltip-inner::before {
bottom: 0;
left: 50%;
margin-left: -5px;
content: "";
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip.tooltip-end .tooltip-inner::before {
top: 50%;
left: 0;
margin-top: -5px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.bs-tether-element-attached-top,
.tooltip.tooltip-bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip.tooltip-bottom .tooltip-inner::before {
top: 0;
left: 50%;
margin-left: -5px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bs-tether-element-attached-right,
.tooltip.tooltip-start {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip.tooltip-start .tooltip-inner::before {
top: 50%;
right: 0;
margin-top: -5px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip-inner::before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
/*alerts*/
.pop-primary {
color: #4d9dff;
}
.popsecondary {
color: #f72d66;
}
.popinfo {
color: #88c8f7;
}
.popsuccess {
color: #bfff80;
}
.popdanger {
color: #ea6262;
}
.popwarning {
color: #f7db6e;
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 3px;
}
.bs-popover-top .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before,
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-width: 0.5rem 0.25rem 0;
}
.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
bottom: 1px;
border-top-color: #fff;
}
.bs-popover-end .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 0.5rem;
margin: 3px 0;
}
.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before,
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-width: 0.25rem 0.5rem 0.25rem 0;
}
.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before {
left: 0;
border-right-color: #dee3eb;
}
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
left: 1px;
border-right-color: #fff;
}
.bs-popover-bottom .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before,
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-width: 0 0.25rem 0.5rem 0.25rem;
}
.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
top: 0;
border-bottom-color: #dee3eb;
}
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
top: 1px;
border-bottom-color: #fff;
}
.bs-popover-start .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 0.5rem;
margin: 3px 0;
}
.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before,
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-width: 0.25rem 0 0.25rem 0.5rem;
}
.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before {
right: 0;
border-left-color: #dee3eb;
}
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
right: 1px;
border-left-color: #fff;
}
.dropdown-item {
color: #3e4358;
}
.jqstooltip {
box-sizing: content-box;
font-family: inherit !important;
background: #333 !important;
border: none !important;
border-radius: 3px;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
padding: 6px !important;
width: 1% !important;
}
.jqstooltip .jqsfield {
font: inherit !important;
}
.tooltip-static-demo {
text-align: center;
background-color: #f3f4f7;
padding: 20px;
}
.tooltip-static-demo .tooltip {
z-index: 0;
opacity: 1;
position: relative;
display: inline-block;
margin: 0 10px;
}
.tooltip-static-demo .bs-tooltip-top .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-bottom .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
left: 50%;
margin-left: -2px;
}
.tooltip-static-demo .bs-tooltip-start,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left],
.tooltip-static-demo .bs-tooltip-end,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] {
margin-top: 5px;
}
.tooltip-static-demo .bs-tooltip-start .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
top: 50%;
margin-top: -6px;
}
.popover-static-demo {
background-color: #f4f5fb;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
border: 1px solid #eff0f6;
border-radius: 3px;
}
.popover-static-demo .popover {
z-index: 0;
opacity: 1;
position: relative;
display: inline-block;
margin: 0 10px;
position: relative;
}
.popover-static-demo .bs-popover-top .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=top] .popover-arrow,
.popover-static-demo .bs-popover-bottom .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow {
left: 50%;
margin-left: -5px;
}
.popover-static-demo .bs-popover-start,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left],
.popover-static-demo .bs-popover-end,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] {
margin-top: 5px;
}
.popover-static-demo .bs-popover-start .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left] .popover-arrow,
.popover-static-demo .bs-popover-end .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] .popover-arrow {
top: 50%;
margin-top: -5px;
}
.tooltip-primary .tooltip-inner {
background-color: var(--primary-bg-color) !important;
color: #fff;
}
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: var(--primary-bg-color);
}
.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: var(--primary-bg-color);
}
.tooltip-primary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: var(--primary-bg-color);
}
.tooltip-primary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: var(--primary-bg-color);
}
.tooltip-secondary .tooltip-inner {
background-color: var(--primary-bg-color);
color: #fff;
}
.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: var(--primary-bg-color);
}
.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: var(--primary-bg-color);
}
.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: var(--primary-bg-color);
}
.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: var(--primary-bg-color);
}
.tooltip-danger .tooltip-inner {
background-color: var(--primary-bg-color);
color: #fff;
}
.tooltip-danger.bs-tooltip-top .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: var(--primary-bg-color);
}
.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: var(--primary-bg-color);
}
.tooltip-danger.bs-tooltip-start .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: var(--primary-bg-color);
}
.tooltip-danger.bs-tooltip-end .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: var(--primary-bg-color);
}
.tooltip-info .tooltip-inner {
background-color: var(--primary-bg-color);
color: #fff;
}
.tooltip-info.bs-tooltip-top .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: var(--primary-bg-color);
}
.tooltip-info.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: var(--primary-bg-color);
}
.tooltip-info.bs-tooltip-start .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: var(--primary-bg-color);
}
.tooltip-info.bs-tooltip-end .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: var(--primary-bg-color);
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
display: block;
max-width: 276px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.76562rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eff0f6;
border-radius: 0.3rem;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
}
.popover .popover-arrow {
position: absolute;
margin-left: calc(0.25rem - 5px);
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.popover.bs-popover-top,
.popover.bs-popover-auto[data-popper-placement^=top] {
margin-bottom: 0.625rem;
}
.bs-popover-top,
.bs-popover-auto[data-popper-placement^=top] {
margin-bottom: 0.5rem;
}
.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgb(211, 223, 234);
}
.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-end,
.bs-popover-auto[data-popper-placement^=right] {
margin-left: 0.5rem;
}
.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgb(211, 223, 234);
}
.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[data-popper-placement^=bottom] {
margin-top: 0.5rem;
}
.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgb(211, 223, 234);
}
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-start,
.bs-popover-auto[data-popper-placement^=left] {
margin-right: 0.5rem;
}
.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgb(211, 223, 234);
}
.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
color: #191621;
letter-spacing: 0.5px;
padding: 12px 15px;
background-color: #fff;
border-color: #eff0f6;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.popover-header::before {
display: none !important;
}
.popover-body {
padding: 15px;
color: #6e7687;
}
.popover-body p:last-child {
margin-bottom: 0;
}
.popover-head-primary .popover-header {
color: #fff;
background-color: var(--primary-bg-color) !important;
}
.popover-head-primary.bs-popover-top .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
bottom: -7px;
}
.popover-head-primary.bs-popover-start .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
right: -7px;
}
.popover-head-primary.bs-popover-end .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
left: -7px;
}
.popover-head-primary.bs-popover-bottom .popover-arrow::after,
.popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: var(--primary-bg-color) !important;
}
.popover-head-primary.bs-popover-bottom .popover-arrow::before,
.popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
border-bottom-color: var(--primary-bg-color) !important;
}
.popover-head-secondary .popover-header {
color: #fff;
background-color: #f72d66 !important;
}
.popover-head-secondary.bs-popover-top .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
bottom: -7px;
}
.popover-head-secondary.bs-popover-start .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
right: -7px;
}
.popover-head-secondary.bs-popover-end .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
left: -7px;
}
.popover-head-secondary.bs-popover-bottom .popover-arrow::after,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #f72d66 !important;
}
.popover-head-secondary.bs-popover-bottom .popover-arrow::before,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
border-bottom-color: #f72d66 !important;
}
.popover-head-primary,
.popover-head-secondary {
border: 0;
}
.popover-head-primary .popover-header,
.popover-head-secondary .popover-header {
border: 0;
}
.popover-head-primary .popover-body,
.popover-head-secondary .popover-body {
border: 1px solid rgba(20, 17, 45, 0.2);
border-top-width: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.popover-primary {
background-color: var(--primary-bg-color) !important;
border-width: 0 !important;
padding: 15px;
}
.popover-primary .popover-header {
background-color: var(--primary-bg-color) !important;
border-bottom-width: 0 !important;
padding: 0 0 15px;
color: #fff;
}
.popover-primary .popover-body {
padding: 0;
color: rgba(255, 255, 255, 0.75);
}
.popover-primary .popover-arrow::before {
display: none;
}
.popover-primary.bs-popover-top .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-top-color: var(--primary-bg-color) !important;
}
.popover-primary.bs-popover-bottom .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: var(--primary-bg-color) !important;
}
.popover-primary.bs-popover-start .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-left-color: var(--primary-bg-color) !important;
border-right-color: var(--primary-bg-color) !important;
}
.popover-primary.bs-popover-end .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-left-color: var(--primary-bg-color) !important;
border-right-color: var(--primary-bg-color) !important;
}
.popover-secondary {
background-color: #f72d66 !important;
border-width: 0 !important;
padding: 15px;
}
.popover-secondary .popover-header {
background-color: #f72d66 !important;
border-bottom-width: 0 !important;
padding: 0 0 15px;
color: #fff;
}
.popover-secondary .popover-body {
padding: 0;
color: rgba(255, 255, 255, 0.75);
}
.popover-secondary .popover-arrow::before {
display: none;
}
.popover-secondary.bs-popover-top .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-top-color: #f72d66 !important;
}
.popover-secondary.bs-popover-bottom .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #f72d66 !important;
}
.popover-secondary.bs-popover-start .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-left-color: #f72d66 !important;
border-right-color: #f72d66 !important;
}
.popover-secondary.bs-popover-end .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-right-color: #f72d66 !important;
border-left-color: #f72d66 !important;
}
/*----- Typography ------*/
.heading-inverse {
background-color: #333;
color: #fff;
padding: 5px;
}
.heading-primary {
background-color: var(--primary-bg-color);
color: #fff;
padding: 5px;
}
.heading-success {
background-color: #38a01e;
color: #fff;
padding: 5px;
}
.heading-info {
background-color: #45aaf2;
color: #fff;
padding: 5px;
}
.heading-warning {
background-color: #ecb403;
color: #fff;
padding: 5px;
}
.heading-danger {
background-color: #dc0441;
color: #fff;
padding: 5px;
}
/*------ Media object ------*/
.media {
margin-top: 15px;
zoom: 1;
overflow: hidden;
}
.media img {
width: 40px;
height: 40px;
}
.media.media-lg img {
width: 80px;
height: 80px;
}
.media-body {
zoom: 1;
overflow: hidden;
}
.media-object {
display: block;
}
.media-right,
.media>.pull-right {
padding-left: 10px;
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top;
}
.media-left,
.media>.pull-left {
padding-right: 10px;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-body h4 {
font-weight: 600;
font-size: 16px;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
/* ###### components ####### */
/*-----Chat----*/
#messages-main {
position: relative;
border: 1px solid #eff0f6;
margin-bottom: 1.5rem;
}
#messages-main:after,
#messages-main:before {
content: " ";
display: table;
}
#messages-main .ms-user {
padding: 15px;
background: #fff;
border: 1px solid #eceff9;
border-left: 0;
}
#messages-main .ms-user>div {
overflow: hidden;
padding: 3px 5px 0 15px;
font-size: 11px;
}
#messages-main #ms-compose {
position: fixed;
bottom: 120px;
z-index: 0;
right: 30px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
@media (min-width: 992px) {
#messages-main .ms-menu {
position: absolute;
left: 0;
top: 0;
border-right: 1px solid #eff0f6;
padding-bottom: 0;
height: 100%;
width: 300px;
/* background: $white; */
}
#messages-main .ms-body {
padding-left: 300px;
}
.msb-reply {
border-left: 0 !important;
border-right: 0 !important;
}
}
@media (max-width: 991px) {
#messages-main .ms-menu {
z-index: 0;
margin-bottom: 25px;
}
#messages-main .ms-menu.toggled {
display: block;
}
#messages-main .ms-body {
overflow: hidden;
}
}
@media (max-width: 480px) {
.ah-actions {
float: none !important;
text-align: center;
display: inline-block;
}
.d-flex.chat-user {
display: none !important;
}
.ah-actions {
margin-left: 50px !important;
}
.actions>li>a {
padding: 0 5px !important;
}
}
#ms-menu-trigger {
-webkit-user-select: none;
user-select: none;
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 100%;
padding-right: 10px;
padding-top: 24px;
cursor: pointer;
text-align: right;
}
#ms-menu-trigger i {
font-size: 21px;
}
#ms-menu-trigger.toggled i:before {
content: "\f2ea";
}
.login-content:after {
content: "";
}
#footer,
.fc-toolbar .ui-button,
.fileinput .thumbnail {
text-align: center;
}
.four-zero {
text-align: center;
}
.four-zero footer>a {
text-align: center;
}
.ie-warning,
.login-content,
.login-navigation {
text-align: center;
}
.pt-inner {
text-align: center;
}
.pt-inner .pti-footer>a {
text-align: center;
}
.message-feed {
padding: 20px;
}
.message-feed.right>.pull-right {
margin-left: 15px;
}
.message-feed:not(.right) .mf-content {
background: #eff1f7;
position: relative;
margin-left: 5px;
}
.message-feed.right .mf-content {
background: var(--primary-bg-color);
color: #fff;
position: relative;
margin-right: 5px;
}
.mf-content {
padding: 13px 20px;
border-radius: 6px;
display: inline-block;
max-width: 100%;
}
.mf-date {
display: block;
color: #8e9cad;
margin-top: 7px;
}
.mf-date>i {
font-size: 14px;
line-height: 100%;
position: relative;
top: 1px;
}
.four-zero,
.lc-block {
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
}
.msb-reply {
position: relative;
background: #fff;
border: 1px solid #eceff9;
height: 50px;
border-bottom: 0;
}
.msb-reply textarea {
width: 100%;
font-size: 13px;
border: 0;
padding: 15px 15px;
resize: none;
height: 50px;
background: 0 0;
}
.msb-reply button {
position: absolute;
top: 4px;
right: 9px;
border: 0;
height: 40px;
width: 40px;
font-size: 20px;
color: #2196f3;
background: 0 0;
}
.ico-mt {
margin-top: -0.5rem !important;
}
.msb-reply button:hover {
background: #f2f6f9;
}
.p-15 {
padding: 15px !important;
}
.actions {
list-style: none;
padding: 0;
margin: 0;
}
.actions>li {
display: inline-block;
}
.actions:not(.a-alt)>li>a>i {
color: #fff;
}
.actions>li>a {
display: block;
padding: 0 10px;
}
.actions>li>a>i {
font-size: 20px;
}
.message-feed.right {
text-align: right;
}
#ms-menu-trigger,
.toggle-switch {
-webkit-user-select: none;
user-select: none;
-moz-user-select: none;
}
.list-group.lg-alt .list-group-item {
border: 0;
}
.action-header {
position: relative;
background: var(--primary-bg-color);
padding: 15px 13px 15px 17px;
border-bottom: 1px solid #eff0f6;
}
.ms-body {
background: #fff;
border-radius: 7px;
}
.amcharts-chart-div a,
.canvasjs-chart-container a {
display: none !important;
}
.rotation {
animation: rotation 2s infinite linear;
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
.amChartsLegend.amcharts-legend-div {
display: none;
}
.input-icon .mb-3.is-empty {
margin-bottom: 0;
}
.input-icon .mb-3.is-empty .form-control {
margin-bottom: 0;
}
/*=====================================
Inbox Message Style
=======================================*/
.inbox-message ul {
padding: 0;
margin: 0;
}
.inbox-message ul li {
list-style: none;
position: relative;
padding: 15px 20px;
border-bottom: 1px solid #eff0f6;
}
.inbox-message ul li:hover,
.inbox-message ul li:focus {
background: #f4f5fb;
z-index: 0;
}
.chat-conatct-list .media:hover {
z-index: inherit;
}
.inbox-message .message-avatar {
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.message-avatar img {
display: inline-block;
width: 54px;
height: 54px;
border-radius: 50%;
}
.inbox-message .message-body {
margin-left: 85px;
font-size: 15px;
color: #424e79;
}
.message-body-heading h5 {
font-weight: 600;
display: inline-block;
color: #424e79;
margin: 0 0 7px 0;
padding: 0;
}
.message-body h5 span {
border-radius: 50px;
line-height: 14px;
font-size: 12px;
color: #fff;
font-style: normal;
padding: 4px 10px;
margin-left: 5px;
margin-top: -5px;
}
.message-body h5 span.unread {
background: #07b107;
}
.message-body h5 span.important {
background: #dd2027;
}
.message-body h5 span.pending {
background: #2196f3;
}
.message-body-heading span {
float: right;
font-size: 14px;
}
.messages-inbox .message-body p {
margin: 0;
padding: 0;
line-height: 27px;
font-size: 15px;
}
@media (max-width: 600px) {
.job-box-filter label {
width: 100%;
text-align: center;
}
.message-body h5 span.pending,
.message-body h5 span.unread {
display: none;
}
}
.list-icons i {
font-size: 56px;
}
.font-dot {
margin-top: -12px;
}
.list-icons .card-footer i {
font-size: 14px;
}
.chat-body-style {
background: url('chat.jpg');
max-height: 500px;
}
.chat-conatct-list {
max-height: 555px;
overflow-y: auto;
}
.msg_card_body {
background: url('chat.jpg');
overflow-y: auto;
}
.chat-conatct-list .media {
overflow: initial;
}
.message-feed.media .media-body,
.message-feed.right .media-body {
overflow: visible;
}
.message-feed:not(.right) .mf-content:before {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid #eff1f7;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: auto;
left: -12px;
transform: rotate(-90deg);
display: block;
}
.message-feed.right .mf-content:before {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid var(--primary-bg-color);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: auto;
right: -12px;
transform: rotate(90deg);
display: block;
}
.ms-menu .tab-menu-heading {
background: #fff;
padding: 13px;
border-radius: 5px 0 0 0;
border-right: 0;
position: sticky;
border-left: 0;
width: 299px;
z-index: 1;
}
.ms-menu .tab-menu-heading .tabs-menu1 ul li {
width: 48%;
margin: 0 1px;
}
.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
border: 0;
background: var(--primary-bg-color);
color: #fff;
border: 1px solid var(--primary-bg-color);
}
.ms-menu .tab-menu-heading .tabs-menu1 ul li a {
border-radius: 5px;
padding: 10px 20px;
text-align: center;
font-weight: 600;
border: 1px solid #eff0f6;
}
.chat-conatct-list .list-group-item {
position: relative;
}
.chat-conatct-list .list-group-item .chat-time {
position: absolute;
top: 15px;
right: 10px;
font-size: 12px;
}
.contacts_body {
white-space: nowrap;
}
.contacts_body .contacts {
list-style: none;
padding: 0;
}
.contacts_body .contacts li {
width: 100% !important;
padding: 15px;
border-bottom: 1px solid #ebeaf1;
}
.contacts_body .active {
background-color: #eff1f7;
}
.chatbox .user_info {
margin-top: auto;
margin-bottom: auto;
margin-left: 15px;
}
.chatbox .user_info span {
color: #464444;
}
.chatbox .action-header small {
font-size: 10px;
}
.chatbox .user_img {
height: 50px;
width: 50px;
border: 0px solid #f5f6fa;
}
.chatbox .user_img_msg {
height: 40px;
width: 40px;
border: 1.5px solid #f5f6fa;
}
.chatbox .img_cont {
position: relative;
height: 50px;
width: 50px;
}
.chatbox .img_cont_msg {
height: 40px;
width: 40px;
display: contents;
}
.chat-box-single-line {
margin: 7px 0 30px;
position: relative;
text-align: center;
}
.chat abbr.timestamp {
padding: 4px 14px;
border-radius: 4px;
}
.chat {
margin-bottom: auto;
}
.chat .action-header {
position: relative;
padding: 15px 13px 15px 17px;
}
.chat .dropdown-menu.dropdown-menu-end.show {
width: 100%;
margin-bottom: 5px;
position: absolute;
transform: translate3d(-176px, 22px, 0px);
top: 10px !important;
left: 0px;
will-change: transform;
}
.chat .msb-reply textarea {
width: 100%;
font-size: 13px;
padding: 12px 47px;
resize: none;
height: 44px;
border: 1px solid #ebeaf1;
background: #FAF9FF;
margin-left: -42px;
}
.chat .dropdown-menu li {
padding: 7px;
color: #5e629c;
}
.chat .dropdown-menu li:hover {
background: #FAF9FF;
}
.chat .dropdown-menu li i {
padding: 7px;
}
.chat .actions>li {
display: inline-block;
}
.chat .actions:not(.a-alt)>li>a>i {
color: #fff;
line-height: unset;
}
.chat .justify-content-start,
.chat .justify-content-end {
margin-bottom: 25px;
}
.chat .card {
height: 600px;
}
.chat .card-header {
padding: 1rem;
}
.chat .video_cam {
margin-left: 50px;
margin-top: 5px;
}
.chat .video_cam span {
color: white;
font-size: 20px;
cursor: pointer;
margin-right: 20px;
}
.chat .msg_cotainer {
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
background-color: #eff1f7;
padding: 10px;
position: relative;
border-radius: 5px;
max-width: 70%;
margin-top: 5px;
}
.chat .msg_cotainer:before {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid #eff1f7;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: auto;
left: -12px;
transform: rotate(-90deg);
display: block;
}
.chat .msg_cotainer_send {
margin-top: auto;
margin-bottom: auto;
margin-right: 10px;
background-color: var(--primary-bg-color);
padding: 10px;
position: relative;
color: #fff;
border-radius: 5px;
max-width: 70%;
margin: 0 12px 10px 0;
}
.chat .msg_cotainer_send:after {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid var(--primary-bg-color);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: auto;
right: -12px;
transform: rotate(90deg);
display: block;
}
.chat .msg_time {
position: absolute;
left: 0;
bottom: -18px;
color: #3a374e;
font-size: 10px;
}
.chat .msg_time_send {
position: absolute;
right: 0;
bottom: -18px;
color: #3a374e;
font-size: 10px;
}
.chat .msg_head {
position: relative;
background: #60529f;
box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.4);
}
#action_menu_btn {
position: absolute;
right: 36px;
top: 21px;
color: white;
cursor: pointer;
font-size: 20px;
}
.action_menu {
z-index: 1;
position: absolute;
padding: 15px 0;
background-color: #fff;
color: #646367;
top: 40px;
right: 15px;
display: none;
}
.action_menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.action_menu ul li:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.2);
}
.construction .form-control {
padding: 0.375rem 1rem;
}
.modal .ah-actions {
margin-top: 0px !important;
}
.modal-content .actions>li>a {
display: block;
/* padding: 10px; */
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 auto;
line-height: 50px;
text-align: center;
}
.modal-content .actions>li>a:hover {
background: rgba(0, 0, 0, 0.1);
}
.msb-reply-button .btn {
line-height: 14px;
}
.modal-content.chat .card {
border-radius: 4px;
box-shadow: none;
}
.ah-actions {
z-index: 3;
float: right !important;
margin-top: 0px !important;
position: relative;
}
.ah-actions.actions a {
line-height: inherit;
height: auto;
}
.ah-actions .option-dots {
width: 40px;
height: 40px !important;
border-radius: 50%;
background: #fff;
margin: 0 10px;
text-align: center;
line-height: 40px !important;
display: block !important;
padding: 0 !important;
}
@media (max-width: 991.98px) {
.main-content-body-show .main-header-menu-icon {
display: none;
}
.main-content-body-show .main-header-left .main-header-arrow {
display: block;
}
.main-content-body-show .main-content-left-chat {
display: none;
}
.main-content-body-show .main-content-body-chat {
display: flex;
}
}
.main-content-left-chat {
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
}
.main-nav-line-chat {
border-bottom: 1px solid #e9edf4;
flex-shrink: 0;
flex-direction: row;
padding: 10px;
}
.main-nav-line-chat .nav-link {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding: 6px 15px;
border-radius: 3px;
margin-top: 0;
margin-left: 10px;
background: #e9edf4;
}
.main-nav-line-chat .nav-link:hover,
.main-nav-line-chat .nav-link:focus,
.main-nav-line-chat .nav-link:active {
outline: none;
}
.main-nav-line-chat .nav-link.active {
color: #fff;
background: var(--primary-bg-color);
}
.main-nav-line-chat .nav-link.active::before {
top: auto;
left: 0;
right: 0;
width: auto;
bottom: -11px;
background-color: var(--primary-bg-color);
}
.main-chat-contacts-wrapper {
padding: 10px 20px;
flex-shrink: 0;
border-bottom: 1px solid #e9edf4;
overflow: hidden;
}
.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
overflow: visible;
}
.main-chat-contacts-wrapper .main-content-label,
.main-chat-contacts-wrapper .card-table-two .card-title {
margin-bottom: 15px;
line-height: 1;
}
.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card--eight .card-title,
.card--eight .main-chat-contacts-wrapper .card-title {
margin-bottom: 15px;
line-height: 1;
}
.main-chat-contacts {
padding-left: 20px;
display: flex;
}
.main-chat-contacts .lslide {
display: flex;
flex-direction: column;
align-items: center;
float: none;
}
.main-chat-contacts small {
font-size: 11px;
width: 36px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
text-align: center;
}
.main-chat-contacts-more {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--primary-bg-color);
font-size: 12px;
font-weight: 500;
color: #fff;
}
.main-chat-list {
max-height: 500px;
position: relative;
}
.main-chat-list .media {
padding: 12px 20px;
/* border: 1px solid #e9edf4; */
position: relative;
border-bottom: 1px solid #eff0f6;
}
.main-chat-list .media .main-img-user {
flex-shrink: 0;
top: 3px;
position: relative;
}
.main-chat-list .media:last-chid {
border-bottom: 0;
}
.main-chat-list .media+.media::before {
content: "";
position: absolute;
top: -1px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
.main-chat-list .media.new {
/* background-color: $white; */
}
.main-chat-list .media.new .main-img-user span {
display: flex;
}
.main-chat-list .media.new .media-contact-name span:first-child {
font-weight: 700;
color: #14112d;
}
.main-chat-list .media.new .media-body p {
color: #22252f;
}
.main-chat-list .media:hover,
.main-chat-list .media:focus {
cursor: pointer;
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
}
.main-chat-list .media.selected {
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
}
.main-chat-list .media.selected:first-child {
border-top-color: transparent;
}
.main-chat-list .media.selected::after {
display: block;
}
.main-chat-list .media.selected .media-contact-name span:first-child {
color: #14112d;
}
.main-chat-list .media.selected .media-body p {
color: #22252f;
}
.main-chat-list .main-img-user span {
position: absolute;
top: 0;
left: -2px;
width: 14px;
height: 14px;
display: none;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 9px;
font-weight: 500;
color: #fff;
background-color: #ff5c77;
box-shadow: 0 0 0 2px #fff;
}
.main-chat-list .media-body {
margin-left: 15px;
}
.main-chat-list .media-body p {
font-size: 13px;
margin-bottom: 0;
color: #737688;
line-height: 1.35;
}
.main-chat-list .media-contact-name {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2px;
}
.main-chat-list .media-contact-name span:first-child {
display: block;
font-size: 14px;
font-weight: 500;
color: #14112d;
}
.main-chat-list .media-contact-name span:last-child {
display: block;
font-size: 11px;
color: #737688;
}
.main-content-body-chat {
flex-direction: column;
}
.main-chat-header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 12px 20px 12px;
border-bottom: 1px solid #e9edf4;
}
.main-chat-header .nav {
margin-left: auto;
align-items: center;
}
.main-chat-header .nav-link {
padding: 0;
color: #737688;
font-size: 20px;
display: none;
margin-top: 0px;
}
.main-chat-header .nav-link:first-child {
display: block;
}
.main-chat-header .nav-link i {
line-height: 0;
}
.main-chat-header .nav-link .typcn {
line-height: 0.9;
}
.main-chat-header .nav-link .typcn::before {
width: auto;
}
.main-chat-header .nav-link:hover,
.main-chat-header .nav-link:focus {
color: var(--primary-bg-color);
}
.main-chat-header .nav-link+.nav-link {
margin-left: 10px;
}
.main-chat-msg-name {
margin-left: 15px;
}
.main-chat-msg-name h6 {
margin-bottom: 2px;
font-size: 15px;
font-weight: 700;
color: #14112d;
}
.main-chat-msg-name small {
font-size: 12px;
color: #737688;
}
.main-chat-body {
background: url('chat.jpg');
position: relative;
padding-bottom: 50px;
padding-bottom: 0;
max-height: 555px;
overflow: hidden;
}
.main-chat-body .content-inner {
padding: 20px;
}
.main-chat-body .media+.media {
margin-top: 20px;
}
.main-chat-body .media.flex-row-reverse .media-body {
margin-left: 0;
margin-right: 5px;
align-items: flex-end;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
background-color: var(--primary-bg-color);
color: #fff;
margin-right: 15px;
border-radius: 4px 0px 4px 4px;
}
.main-chat-body .media-body {
margin-left: 5px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.main-chat-body .media-body>div span {
font-size: 11px;
color: #737688;
display: flex;
align-items: center;
}
.main-chat-time {
display: block;
position: relative;
text-align: center;
margin: 20px 0;
}
.main-chat-time:first-of-type {
margin-top: 0;
}
.main-chat-time span {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.main-msg-wrapper {
padding: 10px 15px;
background-color: #eff1f7;
font-size: 13px;
margin-bottom: 5px;
border-radius: 0px;
display: inline-block;
position: relative;
margin-left: 10px;
border-radius: 0 4px 4px 4px;
}
.main-chat-footer {
display: flex;
align-items: center;
height: 50px;
padding: 0 20px;
border-top: 1px solid #e9edf4;
background-color: #fff;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 5px 5px;
}
.main-chat-footer .nav {
align-items: center;
}
.main-chat-footer .nav-link {
padding: 0;
color: #737688;
font-size: 16px;
display: none;
}
.main-chat-footer .nav-link+.nav-link {
margin-left: 10px;
}
.main-chat-footer .nav-link:last-child {
display: block;
margin-left: 0;
}
.main-chat-footer .form-control {
flex: 1;
margin: 0 10px;
border-width: 0;
}
.main-chat-footer .form-control:hover,
.main-chat-footer .form-control:focus {
box-shadow: none;
}
@media (min-width: 992px) {
.main-chat-footer {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
.main-content-left-chat {
width: auto;
border: 0;
border-left: 0;
}
.main-chat-list .media {
padding: 12px 15px;
margin: 0;
}
.main-content-body-chat {
display: flex;
}
.main-nav-line-chat {
padding-right: 0;
}
.main-chat-contacts-wrapper {
padding: 10px 0px 10px 15px;
}
}
@media (min-width: 576px) {
.main-chat-header .nav-link {
display: block;
}
.main-chat-header .nav-link:first-child {
display: none;
}
.main-chat-body .media.flex-row-reverse .media-body {
margin-left: 0;
}
.main-chat-body .media-body {
margin-right: 0;
}
.main-chat-footer .form-control {
margin-left: 20px;
}
.main-chat-footer .nav-link {
display: block;
}
.main-chat-footer .nav-link:last-child {
display: none;
}
}
.main-chat-footer .form-control {
margin: 0 20px;
border: 0 !important;
}
.main-msg-send {
font-size: 20px;
color: var(--primary-bg-color);
}
.main-img-user.online {
position: relative;
}
.main-img-user.online:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #2dce89;
display: block;
right: 2px;
bottom: 0;
z-index: 1;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
content: "";
position: absolute;
top: 6px;
border-bottom: 8px solid var(--primary-bg-color);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: auto;
right: -12px;
transform: rotate(90deg);
display: block;
}
.main-msg-wrapper:before {
content: "";
position: absolute;
top: 6px;
border-bottom: 8px solid #eff1f7;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: auto;
left: -12px;
transform: rotate(-90deg);
display: block;
}
.main-content-left-chat .form-control {
padding: 0.52rem 15px;
height: 40px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-content-body-show .main-header-contacts .main-header-menu-icon {
display: flex;
}
.main-content-body-show .main-content-left-contacts {
display: block;
}
.app .main-contact-star {
display: none;
}
.app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
display: block !important;
display: block !important;
font-size: 11px;
padding: 0;
}
.app .main-content-left-contacts .main-img-user {
margin: 0 auto;
}
}
@media (max-width: 1200px) {
.main-contact-info-header {
border-top: 1px solid #e9edf4;
}
.main-contact-info-header .media-body {
padding-top: 20px;
}
}
@media (max-width: 400px) {
.main-contact-action a span {
display: none;
}
}
@media (max-width: 576px) {
.main-contact-info-header {
padding-top: 60px !important;
}
.main-contact-action {
left: 10px;
right: 0 !important;
}
.main-contact-info-header .media-body .nav-link {
padding-top: 5px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.main-contact-info-header .media {
display: block !important;
}
.main-contact-info-header .media-body {
padding-top: 20px;
}
}
.main-content-left-contacts {
width: 100%;
display: block;
padding: 0;
}
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
padding-left: 20px;
}
.main-contacts-list {
position: relative;
height: 515px;
}
.main-contacts-list:hover,
.main-contacts-list:focus {
box-shadow: none;
outline: 0;
border: 0;
}
.main-contact-label {
padding-top: 20px;
padding-bottom: 5px;
padding-left: 20px;
font-weight: 500;
font-size: 12px;
position: relative;
}
.main-contact-label::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
border-bottom: 1px solid #e9edf4;
z-index: 1;
}
.main-contact-item {
padding: 10px 20px;
border: 1px solid transparent;
border-right-width: 0;
display: flex;
position: relative;
cursor: pointer;
}
.main-contact-item+.main-contact-item {
margin-top: -1px;
border-top-color: transparent;
}
.main-contact-item+.main-contact-item::before {
content: "";
position: absolute;
top: -1px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
.main-contact-item:hover,
.main-contact-item:focus {
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
}
.main-contact-item.selected {
z-index: 0;
border-left-color: var(--primary-bg-color);
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
border-width: 1px;
}
.main-contact-body {
flex: 1;
margin-left: 15px;
}
.main-contact-body h6 {
color: #424e79;
font-weight: 600;
margin-bottom: 2px;
}
.main-contact-body span {
font-size: 13px;
color: #728096;
}
.main-contact-star {
font-size: 16px;
color: #728096;
}
.main-contact-star:hover,
.main-contact-star:focus {
color: #728096;
}
.main-contact-star.active {
color: #fcb32d;
}
@media (min-width: 768px) {
.main-content-body-contacts {
display: block;
overflow-y: auto;
}
.main-content-left-contacts {
width: 100%;
}
}
.main-contact-info-header {
padding-top: 40px;
padding-left: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9edf4;
position: relative;
}
.main-contact-info-header .media {
display: block;
}
.main-contact-info-header .main-img-user {
width: 100px;
height: 100px;
position: relative;
}
.main-contact-info-header .main-img-user::after {
display: none;
}
.main-contact-info-header .main-img-user a {
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: #e3e7f5;
color: #fff;
font-size: 18px;
line-height: 0.9;
box-shadow: 0 0 0 2px #fff;
border-radius: 100%;
}
.main-contact-info-header .main-img-user a:hover,
.main-contact-info-header .main-img-user a:focus {
background-color: var(--primary-bg-color);
fill: rgba(255, 255, 255, 0.5);
}
.main-contact-info-header .main-img-user a:hover .svg-icon,
.main-contact-info-header .main-img-user a:focus .svg-icon {
fill: rgba(255, 255, 255, 0.7);
}
.main-contact-info-header .media-body {
margin-top: 30px;
}
.main-contact-info-header .media-body h4 {
color: #424e79;
font-size: 22px;
font-weight: 500;
margin-bottom: 4px;
line-height: 1;
}
.main-contact-info-header .media-body p {
margin-bottom: 15px;
}
.main-contact-info-header .media-body .nav-link {
padding: 0;
display: flex;
align-items: center;
color: #728096;
font-size: 13px;
}
.main-contact-info-header .media-body .nav-link i {
font-size: 14px;
line-height: 0;
margin-right: 5px;
}
.main-contact-info-header .media-body .nav-link i.typcn {
line-height: 0.9;
}
.main-contact-info-header .media-body .nav-link i.typcn::before {
width: auto;
}
.main-contact-info-header .media-body .nav-link:hover,
.main-contact-info-header .media-body .nav-link:focus {
color: var(--primary-bg-color);
}
.main-contact-info-header .media-body .nav-link+.nav-link {
margin-left: 10px;
}
@media (min-width: 576px) {
.main-contact-info-header .media-body .nav-link {
font-size: 0.875rem;
}
.main-contact-info-header .media-body .nav-link i {
margin-right: 7px;
}
.main-contact-info-header .media-body .nav-link+.nav-link {
margin-left: 25px;
}
.main-contact-info-header {
padding-top: 20px;
}
}
.main-contact-action {
position: absolute;
top: 20px;
right: 10px;
display: flex;
}
.main-contact-action a {
display: flex;
align-items: center;
}
.main-contact-action a:hover,
.main-contact-action a:focus {
color: var(--primary-bg-color);
}
.main-contact-action a i {
font-size: 17px;
line-height: 0.9;
margin-right: 5px;
}
.main-contact-action a+a {
margin-left: 15px;
}
.main-contact-info-body {
padding-left: 0px;
}
.main-contact-info-body .media-list {
padding: 20px 0;
}
.main-contact-info-body .media {
align-items: center;
position: relative;
}
.main-contact-info-body .media+.media {
margin-top: 30px;
}
.main-contact-info-body .media+.media::before {
content: "";
position: absolute;
top: -15px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
.main-contact-info-body .media:last-child {
margin-bottom: 15px;
}
.main-contact-info-body .media-body {
margin-left: 30px;
}
.main-contact-info-body .media-body>div+div {
margin-top: 15px;
}
.main-contact-info-body .media-body label {
color: #728096;
margin-bottom: 0;
display: block;
font-size: 14px;
}
.main-contact-info-body .media-body span {
display: block;
color: #424e79;
font-weight: 500;
}
.main-contact-info-body .media::before {
content: "";
position: absolute;
top: -15px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
@media (min-width: 992px) {
.main-contact-info-body {
height: calc(100% - 126px);
position: relative;
}
.main-contact-info-body .media-list {
padding: 25px 0;
}
.main-contact-info-body .media-body {
display: flex;
}
.main-contact-info-body .media-body>div {
flex: 1;
}
.main-contact-info-body .media-body>div+div {
margin-top: 0;
}
.main-contact-info-header {
padding-left: 30px;
padding-bottom: 25px;
}
.main-contact-item {
padding: 10px 15px;
}
.main-contact-label {
padding-left: 10px;
}
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
padding-left: 0;
}
.main-content-body-contacts {
overflow: visible;
}
.main-contact-info-header .media-body {
margin-top: 0;
margin-left: 30px;
}
}
@media (min-width: 1280px) {
.main-contact-action {
right: 20px;
}
.main-contact-info-header .media {
display: flex;
align-items: center;
}
}
@media (max-width: 575px) {
.main-contact-info-header .media-body .nav {
display: block;
}
.main-contact-info-header .media-body .nav-link+.nav-link {
margin-left: 0px;
margin-top: 10px;
}
}
@media (min-width: 992px) and (max-width: 1279px) {
.main-contacts-list {
height: 640px;
}
}
/*----- Range slider -------*/
.jsr,
.jsr_bar,
.jsr_label,
.jsr_rail,
.jsr_rail-outer,
.jsr_slider {
box-sizing: border-box;
}
.jsr {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
margin: 20px 0;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
font: 14px sans-serif;
}
.jsr_rail-outer {
position: relative;
padding: 10px 0;
cursor: pointer;
}
.jsr_slider:focus::before {
background: #7036ff;
}
.jsr_rail {
height: 12px;
background: #e5e9f2;
z-index: 1;
}
.jsr_bar {
position: absolute;
height: 12px;
background-color: var(--primary-bg-color);
cursor: move;
}
.jsr_bar--limit {
background-color: #d9dadc;
z-index: 1;
cursor: auto;
}
.jsr_slider {
position: absolute;
top: 16px;
left: 0;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
cursor: col-resize;
transition: background 0.1s ease-in-out;
outline: 0;
}
.jsr_slider::before {
content: "";
width: 25px;
height: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--primary-bg-color);
border-radius: 50%;
}
.jsr_slider:focus::before {
background: #4575f1;
}
.jsr_label {
position: absolute;
top: 33px;
padding: 0.2em 0.4em;
background: #d3d5da;
color: #424e79;
font-size: 0.9em;
white-space: nowrap;
border-radius: 0.3em;
}
.jsr_label--minmax {
background: #d3d5da;
color: #424e79;
transition: opacity 0.2s ease-in-out;
}
/* Merged labels */
.jsr_label .jsr_label {
position: static;
display: inline-block;
font-size: 1em;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.jsr_label .jsr_label::before {
content: " - ";
}
.jsr_canvas {
margin-top: 5px;
}
/* Lock screen for touch */
.jsr_lockscreen {
overflow: hidden;
height: 100%;
width: 100%;
}
.mcs-horizontal-example {
overflow-x: auto;
white-space: nowrap;
}
.mcs-horizontal-example .item {
display: inline-block;
}
.range {
display: table;
position: relative;
height: 25px;
margin-top: 20px;
background-color: rgb(245, 245, 245);
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.range input[type=range] {
-webkit-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
display: table-cell;
width: 100%;
background-color: transparent;
height: 25px;
cursor: pointer;
}
.range input[type=range]::-webkit-slider-thumb,
.range input[type=range]::-moz-slider-thumb {
-webkit-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
width: 11px;
height: 25px;
color: rgb(255, 255, 255);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0px;
background-color: rgb(153, 153, 153);
}
.range output {
display: table-cell;
padding: 3px 5px 2px;
min-width: 40px;
color: rgb(255, 255, 255);
background-color: rgb(153, 153, 153);
text-align: center;
text-decoration: none;
border-radius: 4px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
width: 1%;
white-space: nowrap;
vertical-align: middle;
transition: all 0.5s ease;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
.range input[type=range] {
outline: none;
}
.range.range-primary input[type=range]::-webkit-slider-thumb,
.range.range-primary input[type=range]::-moz-slider-thumb {
background-color: var(--primary-bg-color);
}
.range.range-primary output {
background-color: var(--primary-bg-color);
}
.range.range-primary input[type=range] {
outline-color: var(--primary-bg-color);
}
.range.range-success input[type=range]::-webkit-slider-thumb,
.range.range-success input[type=range]::-moz-slider-thumb {
background-color: #2dce89;
}
.range.range-success output {
background-color: #2dce89;
}
.range.range-success input[type=range] {
outline-color: #2dce89;
}
.range.range-info input[type=range]::-webkit-slider-thumb,
.range.range-info input[type=range]::-moz-slider-thumb {
background-color: #45aaf2;
}
.range.range-info output {
background-color: #45aaf2;
}
.range.range-info input[type=range] {
outline-color: #45aaf2;
}
.range.range-warning input[type=range]::-webkit-slider-thumb,
.range.range-warning input[type=range]::-moz-slider-thumb {
background-color: #ecb403;
}
.range.range-warning output {
background-color: #ecb403;
}
.range.range-warning input[type=range] {
outline-color: #ecb403;
}
.range.range-danger input[type=range]::-webkit-slider-thumb,
.range.range-danger input[type=range]::-moz-slider-thumb {
background-color: #dc0441;
}
.range.range-danger output {
background-color: #dc0441;
}
.range.range-danger input[type=range] {
outline-color: #dc0441;
}
/*-----Pricing tables-----*/
/*-- rating--*/
.rating-stars {
width: 100%;
text-align: center;
}
.rating-stars .rating-stars-container {
font-size: 0px;
}
.rating-stars .rating-stars-container .rating-star {
display: inline-block;
font-size: 30px;
cursor: pointer;
padding: 0px 5px;
color: #e5e9f2;
}
.rating-stars .rating-stars-container .rating-star.sm {
display: inline-block;
font-size: 14px;
cursor: pointer;
padding: 5px;
}
.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
color: #f1c40f;
}
.rating-stars .rating-stars-container .rating-star.is--no-hover {
color: #e5e9f2;
}
.rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
color: var(--primary-bg-color);
}
.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
color: #3e4b5b;
}
.rating-stars input {
display: block;
margin: 0 auto;
text-align: center;
padding: 0.375rem 0.75rem;
font-size: 0.9375rem;
line-height: 1.6;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eff0f6;
border-radius: 3px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.br-theme-bars-horizontal .br-widget a {
background-color: #e5e9f2;
}
.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected {
background-color: var(--primary-bg-color);
}
.br-theme-bars-horizontal .br-widget .br-current-rating {
color: var(--primary-bg-color);
}
.br-theme-bars-pill .br-widget a {
background-color: #e5e9f2;
color: var(--primary-bg-color);
}
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected {
background-color: var(--primary-bg-color);
color: white;
}
.br-theme-bars-square .br-widget a {
border: 2px solid #e5e9f2;
background-color: #fff;
color: #e5e9f2;
}
.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
border: 2px solid var(--primary-bg-color);
color: var(--primary-bg-color);
}
.br-theme-bars-movie .br-widget a {
background-color: #e5e9f2;
}
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
background-color: var(--primary-bg-color);
}
.br-theme-bars-movie .br-widget .br-current-rating {
color: var(--primary-bg-color);
}
.br-theme-bars-1to10 .br-widget a {
background-color: #e5e9f2;
}
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
background-color: var(--primary-bg-color);
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
color: var(--primary-bg-color);
}
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
color: var(--primary-bg-color);
}
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
content: "\f005";
color: var(--primary-bg-color);
}
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
content: "\f123";
color: var(--primary-bg-color);
}
.br-theme-fontawesome-stars .br-widget a:after {
content: "\f005";
color: #e5e9f2;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
content: "\f006";
color: #e5e9f2;
}
/* ###### custom ####### */
body *::-webkit-scrollbar {
width: 5px;
height: 5px;
-webkit-transition: 0.3s background;
transition: 0.3s background;
}
body *::-webkit-scrollbar-thumb,
body *:hover::-webkit-scrollbar-thumb {
background: #c2cbdf;
}
body *::-ms-webkit-scrollbar-track {
background: #fff;
}
body *::-ms-webkit-scrollbar {
width: 5px;
height: 5px;
-ms-transition: 0.3s background;
transition: 0.3s background;
}
body *::-ms-webkit-scrollbar-thumb,
body *:hover::-ms-webkit-scrollbar-thumb {
background: #c2cbdf;
}
body *::-ms-webkit-scrollbar-track {
background: #fff;
}
/*------ Headers -------*/
.page-header {
display: flex;
align-items: center;
margin: 1.5rem 0 1.5rem;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
border-radius: 7px;
position: relative;
min-height: 50px;
}
.page-header .breadcrumb-icon {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 4px;
}
.page-header .breadcrumb-item {
margin-top: 3px;
}
.page-header .breadcrumb-item .svg-icon {
width: 20px;
}
.page-header .breadcrumb-item:first-child {
margin-top: 0;
}
.page-title {
margin: 0;
font-size: 25px;
font-weight: 500;
line-height: 2.5rem;
position: relative;
}
.page-title-icon {
color: #9aa0ac;
font-size: 1.25rem;
}
.page-subtitle {
font-size: 0.8125rem;
color: #6e7687;
margin-left: 2rem;
position: relative;
}
.page-subtitle a {
color: inherit;
}
.page-options {
margin-left: auto;
}
.page-description {
margin: 0.25rem 0 0;
color: #6e7687;
}
.page-description a {
color: inherit;
}
.page-single,
.page-single-content {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
}
.content-heading {
font-weight: 400;
margin: 2rem 0 1.5rem;
font-size: 1.25rem;
line-height: 1.25;
}
.content-heading:first-child {
margin-top: 0;
}
.aside {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 22rem;
background: #fff;
border-left: 1px solid #eff0f6;
display: flex;
flex-direction: column;
z-index: 100;
visibility: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1600px) {
body.aside-opened .aside {
visibility: visible;
}
}
.aside-body {
padding: 1.5rem;
flex: 1 1 auto;
overflow: auto;
}
.aside-footer {
padding: 1rem 1.5rem;
border-top: 1px solid #eff0f6;
}
.aside-header {
padding: 1rem 1.5rem;
border-bottom: 1px solid #eff0f6;
}
.header-bg {
background: #38a01e;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38a01e, var(--primary-bg-color));
}
body.fixed-header .header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1030;
}
@media print {
.header {
display: none;
}
.footer {
display: none;
}
}
.nav-unread {
position: absolute;
top: 0.1rem;
right: 0.4rem;
background: #ecd938;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
}
.nav-unread.badge {
position: absolute;
top: 0;
text-align: center;
right: 0;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
}
.header-avatar {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: bottom;
border-radius: 50%;
}
.header-btn {
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-align: center;
font-size: 1rem;
}
.center-block {
margin-right: auto;
margin-left: auto;
float: inherit !important;
}
.header-btn.has-new {
position: relative;
}
.header-btn.has-new:before {
content: "";
width: 6px;
height: 6px;
background: #dc0441;
position: absolute;
top: 4px;
right: 4px;
border-radius: 50%;
}
.header-toggler {
width: 3rem;
height: 3rem;
position: relative;
color: #000;
}
.header-toggler:hover {
color: var(--primary-bg-color);
}
.header-toggler-icon {
position: absolute;
width: 1rem;
height: 2px;
color: inherit;
background: currentColor;
border-radius: 3px;
top: 50%;
left: 50%;
margin: -2px 0 0 -0.5rem;
box-shadow: 0 5px currentColor, 0 -5px currentColor;
}
footer.footer {
background: #fff;
font-size: 0.875rem;
border-top: 0;
padding: 1.25rem 0;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgb(176, 184, 214);
}
@media (min-width: 992px) {
footer.footer {
padding: 1.25rem 1.25rem 1.25rem 250px;
}
}
.footer {
background: #fff;
border-top: 1px solid #eff0f6;
font-size: 0.875rem;
padding: 1.25rem 0;
}
.footer .social {
margin: 0 auto;
}
.footer .social ul li {
float: left;
padding: 7px;
}
.footer .social ul li a {
color: #abb8c3;
}
.footer a:not(.btn) {
color: var(--primary-bg-color);
font-weight: 400;
}
.br-100 {
border-radius: 100% !important;
}
.br-3 {
border-radius: 3px !important;
}
.br-7 {
border-radius: 7px !important;
}
.br-tl-7 {
border-top-left-radius: 7px !important;
}
.br-bl-7 {
border-bottom-left-radius: 7px !important;
}
.br-tr-7 {
border-top-right-radius: 7px !important;
}
.br-br-7 {
border-bottom-right-radius: 7px !important;
}
.br-0 {
border-radius: 0px;
}
.br-tl-0 {
border-top-left-radius: 0px !important;
}
.br-bl-0 {
border-bottom-left-radius: 0px !important;
}
.br-tr-0 {
border-top-right-radius: 0px !important;
}
.br-br-0 {
border-bottom-right-radius: 0px !important;
}
.list.d-flex img {
width: 60px;
}
#popup {
position: absolute;
width: auto;
height: 30px;
background: #fe6b1f;
display: none;
color: white;
border-radius: 5px;
}
#copy {
background: none;
color: white;
font-weight: bold;
padding: 8px 25px;
border: 0;
}
/*------ Charts styles ------*/
.h-85 {
height: 85px !important;
}
.chart-visitors {
min-height: 18rem;
overflow: hidden;
}
.chart-height {
height: 20rem;
overflow: hidden;
}
.chart-tasks {
height: 15rem;
overflow: hidden;
}
.chart-donut {
height: 21rem;
overflow: hidden;
}
.chart-pie {
height: 22rem;
overflow: hidden;
}
.chartsh {
height: 16rem;
overflow: hidden;
}
.chartwidget {
height: 17rem;
overflow: hidden;
}
/*-----Countdown-----*/
.countdown span:first-child {
font-size: 30px;
font-weight: 500;
}
.social i {
font-size: 40px;
}
.social .social-icon i {
font-size: 14px;
}
.instagram {
background: #de497b;
}
.linkedin {
background: #0077b5;
}
.twitter {
background: #1da1f2;
}
.facebook {
background: #3b5998;
}
.widget-info i {
width: 100px;
height: 100px;
padding: 27px 0;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
}
.widget-info a {
border-bottom: 1px solid #fff;
}
.about-img {
background-size: cover;
background-position: center;
}
.login-img {
background-size: cover;
}
.construction-img {
background-size: cover;
}
.z-index-10 {
z-index: 10 !important;
}
.card-blog-overlay .card-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-blog-overlay1 .card-footer,
.card-blog-overlay2 .card-footer {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.card-blog-overlay {
background: url('thumb2.jpg');
background-size: cover;
position: relative;
}
.card-blog-overlay:before {
content: "";
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 7px;
}
.card-blog-overlay1:before,
.card-blog-overlay2:before {
content: "";
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 7px;
}
.card-blog-overlay1 {
background: url('thumb3.jpg');
background-size: cover;
}
.card-blog-overlay2 {
background: url('22.jpg');
background-size: cover;
}
.login-transparent {
background: url('22.jpg');
background-size: cover;
}
.login-transparent:before {
content: "";
display: block;
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(rgba(159, 120, 255, 0.96)), to(rgba(50, 202, 254, 0.96)));
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 7px;
}
.page-breadcrumb {
flex-basis: 100%;
background: none;
padding: 0;
margin: 1rem 0 0;
font-size: 0.875rem;
}
@media (min-width: 768px) {
.page-breadcrumb {
margin: -0.5rem 0 0;
}
}
@media (max-width: 320px) {
.fc-toolbar .fc-right {
float: right;
width: 100%;
text-align: center;
margin: 10px 0;
}
}
.page-breadcrumb .breadcrumb-item {
color: #9aa0ac;
}
.page-breadcrumb .breadcrumb-item.active {
color: #6e7687;
}
.pagination-simple .page-item .page-link {
background: none;
border: none;
}
.pagination-simple .page-item.active .page-link {
color: #495057;
font-weight: 700;
}
.pagination-pager .page-prev {
margin-right: auto;
}
.pagination-pager .page-next {
margin-left: auto;
}
.page-total-text {
margin-right: 1rem;
align-self: center;
color: #6e7687;
}
.icons-list {
list-style: none;
margin: 0 -1px -1px 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.icons-list>li {
flex: 1 0 4rem;
}
.icons-list-wrap {
overflow: hidden;
}
.icons-list-item {
text-align: center;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eff0f6;
margin: 4px;
border-radius: 5px;
background: #f7f7f9;
}
.icons-list-item i {
font-size: 1.25rem;
}
.img-gallery {
margin-right: -0.25rem;
margin-left: -0.25rem;
margin-bottom: -0.5rem;
}
.img-gallery>.col,
.img-gallery>[class*=col-] {
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-bottom: 0.5rem;
}
.link-overlay {
position: relative;
}
.link-overlay:hover .link-overlay-bg {
opacity: 1;
}
.link-overlay-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(70, 127, 207, 0.8);
display: flex;
color: #fff;
align-items: center;
justify-content: center;
font-size: 1.25rem;
opacity: 0;
transition: 0.3s opacity;
}
.media-icon {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
border-radius: 100%;
font-size: 18px;
}
.media-list {
margin: 0;
padding: 0;
list-style: none;
}
textarea[cols] {
height: auto;
}
/* --------Added--------- css*/
.wizard-card .moving-tab {
margin-top: 5px;
background-color: var(--primary-bg-color) !important;
}
.mb-3 label.control-label {
color: var(--primary-bg-color);
}
.wizard-card.mb-3 .form-control {
background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));
}
.wizard-container .wizard-navigation {
background: #f4f5fb;
}
.wizard-card .choice:hover .icon,
.wizard-card .choice.active .icon {
border-color: var(--primary-bg-color) !important;
color: var(--primary-bg-color) !important;
}
.richText {
border: #eff0f6 solid 1px;
background-color: #f3f4f7;
border-top: 0;
border-bottom: 0;
}
.richText .richText-toolbar {
border-bottom: #eff0f6 solid 1px;
border-top: 1px solid #eff0f6;
}
.richText .richText-toolbar ul li a {
border-right: rgba(0, 0, 0, 0.1) solid 1px;
}
.richText .richText-undo,
.richText .richText-redo {
border-right: #eff0f6 solid 1px !important;
}
.addui-slider .addui-slider-track .addui-slider-range {
display: block;
background: var(--primary-bg-color);
}
.addui-slider .addui-slider-track .addui-slider-handle:after {
background: var(--primary-bg-color);
}
.addui-slider .addui-slider-track .addui-slider-handle:hover {
box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}
.addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
background: rgba(159, 120, 255, 0.5);
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
background: rgba(159, 120, 255, 0.5);
box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
background: rgba(159, 120, 255, 0.75);
}
.cal1 {
font-size: 14px;
border: 1px solid #eff0f6;
}
.cal1 .clndr .clndr-table .header-days {
background: var(--primary-bg-color);
}
.cal1 .clndr .clndr-table .header-days .header-day {
border-left: 1px solid rgba(23, 183, 148, 0.1);
border-top: 1px solid #e2e3e4;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
border-left: 1px solid #eff0f6;
border-top: 1px solid #eff0f6;
background: #f4f5fb;
}
.cal1 .clndr .clndr-table tr .day {
border-left: 1px solid #eff0f6;
border-top: 1px solid #eff0f6;
}
.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
background: #eeeef5;
}
.cal1 .clndr .clndr-table tr .day.today.event,
.cal1 .clndr .clndr-table tr .day.my-today.event {
background: #f2ecff;
}
.cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover {
background: #e5e9f2 !important;
}
.cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
background: #e5e9f2 !important;
color: var(--primary-bg-color) !important;
}
.cal1 .clndr .clndr-table tr .day:last-child {
border-right: 1px solid #eff0f6;
}
.cal1 .clndr .clndr-table tr .day:hover {
background: #e5e9f2;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
color: var(--primary-bg-color);
background: #f4f5fb;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
color: var(--primary-bg-color);
background: #f4f5fb;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
background: var(--primary-bg-color);
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
background: var(--primary-bg-color);
}
.fc button {
background: #f3f4f7;
color: #efefef;
margin: 2px 1px !important;
text-transform: uppercase;
font-size: 13px !important;
font-weight: 500;
}
.fc-unthemed .fc-divider {
border-color: #eff0f6;
}
.fc-event-dot {
background-color: var(--primary-bg-color);
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
background: #f4f5fb;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
background: var(--primary-bg-color);
color: #fff;
}
.fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
border: none !important;
box-shadow: none !important;
}
.fc-unthemed .fc-list-item:hover td {
background-color: #f4f5fb;
}
.conv-form-wrapper div#messages div.message.to {
background: rgb(238, 239, 246);
}
div.conv-form-wrapper div.options div.option {
border: 1px solid var(--primary-bg-color);
background: #fff;
color: var(--primary-bg-color);
}
form.convFormDynamic button.submit {
color: var(--primary-bg-color);
border: 1px solid var(--primary-bg-color);
background: #fff;
}
div.conv-form-wrapper div.options div.option.selected {
background: var(--primary-bg-color);
color: #fff;
}
div.conv-form-wrapper div.options div.option.selected:hover {
background: var(--primary-bg-color);
}
form.convFormDynamic button.submit:hover {
background: var(--primary-bg-color);
color: #fff;
}
div.conv-form-wrapper div#messages div.message.from {
background: var(--primary-bg-color);
color: #fff;
border-top-right-radius: 0;
}
#sidebar ul li.active>a {
color: var(--primary-bg-color);
}
#sidebar ul li.active>a:hover {
background: #6d4dbb;
color: #fff;
}
.overflow-hidden {
overflow: hidden;
}
.accordionjs .acc_section.acc_active>.acc_head {
background: var(--primary-bg-color) !important;
}
.user-profile .user-pro-body .u-dropdown {
color: #fff;
}
#sidebar ul li {
position: relative;
}
#sidebar ul li a {
color: #384056;
font-weight: 400;
}
#sidebar ul li ul li:last-child {
border-bottom: 0;
}
#sidebar li a[aria-expanded=true],
#sidebar li a.active {
background: var(--primary-bg-color);
color: #fff;
}
#sidebar li a[aria-expanded=true]:hover {
color: #fff !important;
}
.sweet-alert button {
background-color: var(--primary-bg-color) !important;
}
.timeline__item:after {
border: 6px solid var(--primary-bg-color);
}
.timeline__content {
background-color: #eaf0f9;
}
.tab_wrapper>ul li.active {
border-color: var(--primary-bg-color) !important;
background: var(--primary-bg-color) !important;
color: #fff;
}
.tab_wrapper.right_side>ul li.active:after {
background: var(--primary-bg-color) !important;
}
.tab_wrapper>ul {
border-bottom: 1px solid #eff0f6;
}
.tab_wrapper>ul li {
border: 1px solid #eff0f6;
}
.tab_wrapper.right_side .content_wrapper {
border: 1px solid #eff0f6;
}
.tab_wrapper.right_side>ul {
border-bottom: 1px solid #eff0f6;
}
.tab_wrapper.right_side>ul li.active {
border: 1px solid #eff0f6;
}
.tab_wrapper.right_side>ul li:after {
background: #eff0f6;
}
.job-box-filter {
padding: 12px 15px;
border-bottom: 1px solid #eff0f6;
}
.job-box-filter a.filtsec {
margin-top: 8px;
display: inline-block;
margin-right: 15px;
padding: 4px 10px;
transition: all ease 0.4s;
background: #edf0f3;
border-radius: 50px;
font-size: 13px;
color: #81a0b1;
border: 1px solid #e2e8ef;
}
.job-box-filter a.filtsec.active {
color: #fff;
background: #16262c;
border-color: #16262c;
}
.job-box-filter a.filtsec i {
color: var(--primary-bg-color);
margin-right: 5px;
}
.job-box-filter a.filtsec:hover,
.job-box-filter a.filtsec:focus {
color: #fff;
background: #07b107;
border-color: #07b107;
}
.job-box-filter a.filtsec:hover i,
.job-box-filter a.filtsec:focus i {
color: #fff;
}
.job-box-filter h4 i {
margin-right: 10px;
}
.job-box-filter label {
width: 100%;
}
.job-box-filter select.input-sm {
display: inline-block;
max-width: 120px;
margin: 0 5px;
border: 1px solid #eff0f6;
border-radius: 2px;
height: 34px;
font-size: 15px;
}
.job-box-filter label input.form-control {
max-width: 200px;
display: inline-block;
border: 1px solid #eff0f6;
border-radius: 2px;
margin-left: 5px;
font-size: 15px;
}
.text-right {
text-align: right;
}
.job-box {
display: inline-block;
width: 100%;
padding: 0px;
}
/*--- img container---*/
.image_outer_container {
margin-top: auto;
margin-bottom: auto;
border-radius: 50%;
position: relative;
}
.image_inner_container {
border-radius: 50%;
padding: 5px;
}
.image_inner_container img {
height: 150px;
width: 150px;
border-radius: 50%;
border: 5px solid white;
}
.image_outer_container .green_icon {
background-color: #4cd137;
position: absolute;
right: 10px;
bottom: 10px;
height: 30px;
width: 30px;
border: 5px solid white;
border-radius: 50%;
}
.search {
position: absolute;
width: 320px;
}
.search svg {
transform: translateX(-126px);
width: 180px;
height: auto;
stroke-width: 8px;
stroke: #fff;
stroke-width: 1px;
stroke-dashoffset: 0;
stroke-dasharray: 64.6 206.305;
transition: all 0.5s ease-in-out;
margin-top: 5px;
}
.input-search {
position: absolute;
width: calc(100% - 148px);
height: 34px;
top: 0;
right: 20px;
bottom: 0;
left: 0;
border: none;
background-color: transparent;
outline: none;
padding: 20px;
font-size: 16px;
color: #fff;
}
.search-label {
position: absolute;
display: block;
width: 50px;
height: 50px;
top: 0;
left: 50%;
margin-left: -54px;
z-index: 100;
transition: 0.5s ease-in-out;
}
.isActive .search-label {
transform: translateX(246px);
}
.isActive svg,
.isActive.full svg {
stroke-dashoffset: -65;
stroke-dasharray: 141.305 65;
transform: translateX(0);
}
.full .search-label {
transform: translateX(246px);
}
.full svg {
stroke-dashoffset: 0;
stroke-dasharray: 64.6 206.305;
transform: translateX(0);
}
#drag-1,
#drag-2 {
width: 25%;
height: 100%;
min-height: 6.5em;
margin: 10%;
background-color: #29e;
color: white;
border-radius: 0.75em;
padding: 4%;
-webkit-user-select: none;
user-select: none;
transform: translate(0px, 0px);
}
.search-inline {
width: 100%;
left: 0;
padding: 33px 0;
top: 0;
position: absolute;
opacity: 0;
visibility: hidden;
background-color: #fff;
z-index: 9;
transition: all 0.5s ease-in-out;
}
.search-inline.search-visible {
opacity: 1;
visibility: visible;
animation: fadeInDown 0.2s ease-in-out;
}
.search-inline button[type=submit] {
position: absolute;
right: 52px;
top: 0;
background-color: transparent;
border: 0px;
top: 0;
right: 80px;
padding: 0px;
cursor: pointer;
width: 80px;
height: 100%;
background: var(--primary-bg-color);
color: #fff;
}
.search-inline .form-control {
border: 0px;
padding-left: 0;
font-size: 20px;
position: absolute;
left: 1%;
top: 0;
height: 100%;
width: 99%;
outline: none;
}
.search-inline .form-control:focus {
box-shadow: none;
}
.search-inline .search-close {
position: absolute;
top: 0;
right: 0;
color: #616161;
width: 80px;
height: 100%;
text-align: center;
display: table;
background: #efefef;
text-decoration: none;
}
.search-inline .search-close i {
display: table-cell;
vertical-align: middle;
}
.searching i {
font-size: 18px;
}
.search-close i {
padding: 24px 0;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.lockscreen {
background: inherit;
width: 300px;
height: 280px;
overflow: hidden;
}
.lockscreen:before {
content: "";
width: 350px;
height: 400px;
background: inherit;
position: absolute;
left: -25px;
right: 0;
top: -25px;
bottom: 0;
box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.4);
filter: blur(1px);
}
.table-stats table th,
.table-stats table td {
border: none;
border-bottom: 1px solid #e8e9ef;
font-size: 12px;
font-weight: normal;
padding: 0.75em 1.25em;
text-transform: uppercase;
}
.table-stats table th img,
.table-stats table td img {
margin-right: 10px;
max-width: 45px;
}
.table-stats table th .name {
font-size: 14px;
text-transform: capitalize;
}
.table-stats table td {
font-size: 14px;
text-transform: capitalize;
vertical-align: middle;
}
.table-stats table td .name {
font-size: 14px;
text-transform: capitalize;
}
.traffic-sales-content {
padding: 14px;
}
.traffic-sales-amount {
float: right;
}
.pulse {
display: block;
position: absolute;
top: 0.1rem;
right: 0.7rem;
width: 7px;
height: 7px;
border-radius: 50%;
background: #f72d66;
cursor: pointer;
box-shadow: 0 0 0 rgba(247, 45, 102, 0.9);
animation: pulse 2s infinite;
}
.pulse:hover {
animation: none;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
}
}
@media (max-width: 992px) {
.horizontal-main.hor-menu {
border-bottom: 0;
z-index: 9;
}
.page-body {
padding-top: 1px;
}
.app-content.page-body .container,
.header.top-header .container {
max-width: none;
}
.active .header.top-header {
z-index: 1035;
}
.app-content.page-body .side-app {
padding: 6.2rem 0.75rem 0 0.75rem !important;
}
.app-content.page-body {
margin-top: 4.7rem;
}
.comb-page .app-content.page-body {
margin-top: 0;
}
.media.profile-footer .media-user {
display: none;
}
}
@media (max-width: 992px) and (min-width: 768px) {
.animated-arrow.hor-toggle {
text-align: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0px solid #eff0f6;
border-radius: 3px;
margin: 5px;
top: 0;
}
.animated-arrow.hor-toggle span {
margin-left: 8px;
margin-top: 6px;
vertical-align: middle;
}
}
.activity {
position: relative;
border-left: 3px solid #eff0f6;
margin-left: 16px;
}
.activity .img-activity {
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
border-radius: 50%;
position: absolute;
left: -20px;
border: 3px solid;
}
.activity .item-activity {
margin-left: 40px;
margin-bottom: 26px;
}
#AreaChart2 {
width: 105% !important;
height: 88px !important;
bottom: -20px;
position: relative;
left: -7px;
}
#CryptoChart,
#CryptoChart1,
#CryptoChart2,
#CryptoChart3,
#CryptoChart11 {
width: 129% !important;
height: 140px !important;
bottom: -43px;
position: relative;
left: -55px;
}
@media (max-width: 991px) {
#CryptoChart,
#CryptoChart1,
#CryptoChart2,
#CryptoChart3,
#CryptoChart11 {
width: 152% !important;
left: -65px;
}
}
/* News ticker */
[class*=js-conveyor-] ul li {
padding: 9px 15px;
/* line-height: 47px; */
border: 1px solid #efefef;
margin-right: 5px;
background: #fff;
margin: 15px 6px;
border-radius: 5px;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
}
.news-crypto span {
font-size: 0.8rem;
}
/*latetes news timeline */
.latest-timeline ul.timeline {
list-style-type: none;
position: relative;
}
.latest-timeline ul.timeline:before {
content: " ";
background: #eff0f6;
display: inline-block;
position: absolute;
left: 15px;
width: 3px;
height: 100%;
z-index: 1;
}
.latest-timeline ul.timeline>li {
margin: 20px 0;
padding-left: 3rem;
}
.latest-timeline ul.timeline>li:before {
content: " ";
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #1753fc;
left: 6px;
width: 20px;
height: 20px;
z-index: 1;
}
.latest-timeline ul.timeline>li:first-child:before {
border: 3px solid #0dd157;
}
.latest-timeline ul.timeline>li:nth-child(2):before {
border: 3px solid #2d9eef;
}
.latest-timeline ul.timeline>li:nth-child(3):before {
border: 3px solid #f35e90;
}
.latest-timeline ul.timeline>li:nth-child(4):before {
border: 3px solid #fc7303;
}
.latest-timeline ul.timeline>li:last-child:before {
border: 3px solid #ec2d38;
}
/*
* Accordion-Wizard-Form
* ----------------------
*/
div[data-acc-content] {
display: none;
}
div[data-acc-step]:not(.open) {
background: #f4f5fb;
}
div[data-acc-step]:not(.open) h5 {
color: #8e9cad;
}
div[data-acc-step]:not(.open) .bg-primary {
background: var(--primary02) !important;
color: #424e79;
}
#form .list-group-item:hover {
background: none;
}
#smartwizard .nav.nav-tabs.step-anchor {
border-bottom: 0 !important;
padding: 30px;
}
#smartwizard .nav-tabs {
border-top: 0 !important;
}
#smartwizard .nav-link {
padding: 15px 40px;
}
.sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) {
color: var(--primary-bg-color);
background: transparent;
}
.fc-widget-content .fc-bgevent {
background-color: #f4f5fb !important;
}
.apexcharts-toolbar {
z-index: 0 !important;
display: none;
}
.card-bgimg {
background: url('chart.png');
background-size: cover;
position: relative;
border-radius: 3px;
overflow: hidden;
border: 0;
}
.card-bgimg:before {
opacity: 0.9;
border-radius: 3px;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
display: block;
top: 0;
background: var(--primary-bg-color);
}
.card-bgimg .card-body {
z-index: 10;
}
/*Horizontal Centerlogo */
@media (min-width: 992px) {
.top-header.hor-top-header .header-brand-img {
display: none;
}
.top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
left: 0;
display: block;
position: absolute;
margin: 0 auto;
right: 0px;
}
.top-header.hor-top-header .form-inline .form-control {
width: 175px;
}
.top-header.hor-top-header .header-brand {
margin-right: 0rem;
}
}
@media (max-width: 991px) {
.top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
display: none;
}
.header.top-header.hor-top-header {
border-bottom: 0px;
}
}
.icon.icon-shape {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
font-size: 12px;
}
.h-250 {
height: 150px;
}
.latest-timeline1 li {
position: relative;
}
.latest-timeline.latest-timeline1-icon ul.timeline>li:before {
display: none;
}
.latest-timeline1-icon {
position: absolute;
width: 2rem;
height: 2rem;
border-radius: 7px;
line-height: 2rem;
text-align: center;
left: 0;
z-index: 1;
color: #fff;
font-weight: 500;
}
.h-330 {
height: 330px;
}
.shadow {
box-shadow: 0 2px 16px rgba(176, 184, 214, 0.7) !important;
}
.shadow3 {
box-shadow: 0 0px 6px rgba(176, 184, 214, 0.7) !important;
}
.apexcharts-tooltip.light {
border: 1px solid #e3e3e3;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 0px 17px -5px rgba(68, 84, 195, 0.5);
}
.chart-dropshadow-primary {
filter: drop-shadow(-6px 12px 4px var(--primary02));
}
.icon-dropshadow {
filter: drop-shadow(0px 10px 4px rgb(229, 233, 242));
}
.icon-dropshadow-primary {
filter: drop-shadow(0px 4px 4px var(--primary03));
}
.icon-dropshadow-secondary {
filter: drop-shadow(0px 4px 4px rgba(247, 45, 102, 0.3));
}
.icon-dropshadow-info {
filter: drop-shadow(0px 4px 4px rgba(69, 170, 242, 0.3));
}
.icon-dropshadow-success {
filter: drop-shadow(0px 4px 4px rgba(45, 206, 137, 0.3));
}
.icon-dropshadow-danger {
filter: drop-shadow(0px 4px 4px rgba(255, 91, 81, 0.3));
}
.icon-dropshadow-warning {
filter: drop-shadow(0px 4px 4px rgba(236, 180, 3, 0.3));
}
.chart-dropshadow {
filter: drop-shadow(0 -6px 4px rgba(176, 184, 214, 0.5));
}
.GradientlineShadow {
filter: drop-shadow(0 -8px 4px rgba(176, 184, 214, 0.2));
}
.BarChartShadow {
filter: drop-shadow(0px 1px 4px rgba(176, 184, 214, 0.3));
}
.donutShadow {
filter: drop-shadow(-5px 0px 10px rgba(176, 184, 214, 0.4));
}
.transaction-table.table td {
vertical-align: middle;
}
.transaction-table.table .apexcharts-tooltip.light {
display: none;
}
.transaction-table.table thead th {
padding-bottom: 20px;
}
.inde4-table tr td:first-child {
position: relative;
}
.inde4-table tr td:first-child:before {
content: "";
position: absolute;
width: 2px;
height: 24px;
left: 0px;
top: 12px;
}
.inde4-table tr:nth-child(1) td:first-child:before {
background: var(--primary07);
}
.inde4-table tr:nth-child(2) td:first-child:before {
background: rgba(247, 45, 102, 0.7);
}
.inde4-table tr:nth-child(3) td:first-child:before {
background: rgba(45, 206, 137, 0.7);
}
.inde4-table tr:nth-child(4) td:first-child:before {
background: rgba(69, 170, 242, 0.7);
}
.inde4-table tr:nth-child(5) td:first-child:before {
background: rgba(236, 180, 3, 0.7);
}
.inde4-table tr:nth-child(6) td:first-child:before {
background: rgba(255, 91, 81, 0.7);
}
.inde4-table tr:nth-child(7) td:first-child:before {
background: var(--primary07);
}
.inde4-table tr:nth-child(8) td:first-child:before {
background: rgba(247, 45, 102, 0.7);
}
.inde4-table tr:nth-child(9) td:first-child:before {
background: rgba(45, 206, 137, 0.7);
}
.inde4-table tr:nth-child(10) td:first-child:before {
background: rgba(69, 170, 242, 0.7);
}
.crypto-icon {
width: 3rem;
height: 3rem;
border-radius: 4px;
line-height: 3rem;
text-align: center;
font-size: 1.8rem;
margin-right: 18px;
}
.crypto-tabs {
padding: 0 !important;
border: 0 !important;
}
.crypto-tabs .tabs-menu1 ul li .active {
background: #fff;
border-bottom: 0;
border-radius: 8px 8px 0 0;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgb(176, 184, 214);
border: 1px solid #eff0f6;
border-bottom: 0;
}
.crypto-tabs .tabs-menu1 ul li a {
display: block;
font-size: 16px;
}
table.table-bordered.dataTable td:first-child {
border-left: 0px solid #eff0f6 !important;
}
.js-conveyor-example:before {
width: 20%;
position: absolute;
content: "";
height: 100%;
background: linear-gradient(to right, #f2f6f9, transparent);
z-index: 1;
left: 0;
top: 0px;
}
.js-conveyor-example:after {
width: 20%;
position: absolute;
content: "";
height: 100%;
background: linear-gradient(to left, #f2f6f9, transparent);
z-index: 1;
right: 0;
top: 0px;
}
.user-info .social li {
display: inline-block;
}
.user-info .social .social-icon {
color: #fff;
width: 2.5rem;
height: 2.5rem;
display: block;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
line-height: 2.5rem;
border-radius: 50%;
}
.date-range-btn {
font-size: 0.9375rem;
}
.side-menu__icon {
color: var(--primary05);
fill: var(--primary02);
}
.sidemneu-icon2 {
fill: var(--primary05);
}
.card-custom-icon.text-secondary {
fill: #f72d66;
}
.card-custom-icon.text-success {
fill: #2dce89;
}
.card-custom-icon.text-primary {
fill: var(--primary-bg-color);
}
.feature .feature-icon {
width: 4rem;
height: 4rem;
line-height: 4rem;
border-radius: 50%;
background: var(--primary02);
text-align: center;
font-size: 25px;
color: var(--primary-bg-color);
}
.expenses-card {
padding-top: 105px;
}
.expenses-card #expense {
width: 121% !important;
bottom: -43px;
position: relative;
left: -53px;
height: 185px !important;
}
.expenses-card .card-body {
position: absolute;
top: 0;
}
.page-rightheader .breadcrumb {
padding: 3px 15px 5px 15px;
background: #fff;
border-radius: 15px;
}
.under-countdown .countdown {
background: var(--primary-bg-color);
color: #fff;
height: 100px;
line-height: 100px;
border-radius: 5px;
}
/*----- clipboard-----*/
.clip-widget {
position: relative;
}
.clipboard-icon {
position: absolute;
top: 10px;
right: 10px;
border-radius: 0px;
background: var(--primary02);
color: #caceeb;
border-radius: 5px;
width: 35px;
cursor: pointer;
/* line-height: 37px; */
height: 35px;
margin: 0 auto;
text-align: center;
border: 1px solid #caceeb;
}
.clipboard-icon .svg-icon {
margin-top: 5px;
}
.highlight {
position: relative;
background: #f7f6fd;
padding: 0;
border-radius: 0 0 3px 3px;
}
.highlight pre {
color: inherit;
margin-bottom: 0;
max-height: 15rem;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
/*----- clipboard-----*/
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
top: 12px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid var(--primary-bg-color);
border-radius: 14px;
box-shadow: none;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
line-height: 14px;
content: "+";
background: var(--primary-bg-color);
}
.usertab-list li {
margin: 5px 0;
}
.profile-media-img {
border: 0px solid #efefef;
display: block;
position: relative;
display: block;
}
.profile-media-img h6 {
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
}
.profile-media-img:before {
content: "";
background: rgba(0, 0, 0, 0.5);
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
position: absolute;
}
.profile-media-img h6 a {
position: relative;
z-index: 999;
}
.cover-image {
background-size: cover !important;
}
.timelineleft {
position: relative;
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
.timelineleft:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: rgba(152, 166, 173, 0.3);
left: 31px;
margin: 0;
border-radius: 2px;
}
.timelineleft>li {
position: relative;
margin-right: 0;
margin-bottom: 15px;
}
.timelinelft>li:before {
content: " ";
display: table;
}
.timelineleft>li:after {
content: " ";
display: table;
}
.timelineleft>.timeleft-label>span {
font-weight: 600;
padding: 5px 10px;
display: inline-block;
background-color: #fff;
color: #fff;
border-radius: 4px;
}
.timelineleft>li:after {
clear: both;
}
.timelineleft>li>.timelineleft-item {
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
border-radius: 7px;
margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
margin-right: 0;
padding: 0;
position: relative;
border: 1px solid #ebeaf1;
}
.timelineleft>li>.timelineleft-item>.time {
color: #999;
float: right;
padding: 12px;
font-size: 12px;
}
.timelineleft>li>.timelineleft-item>.timelineleft-header {
margin: 0;
color: #555;
border-bottom: 1px solid #ebeaf1;
padding: 0.75rem 1.25rem;
font-size: 16px;
line-height: 1.1;
}
.timelineleft>li>.timelineleft-item>.timelineleft-header.no-border {
border-bottom: 0px solid #ebeaf1;
}
.timelineleft>li>.timelineleft-item>.timelineleft-header>a {
font-weight: 500;
font-size: 14px;
}
.timelineleft-body img {
width: 150px;
height: 100px;
}
.timelineleft>li>.timelineleft-item>.timelineleft-body,
.timelineleft>li>.timelineleft-item>.timelineleft-footer {
padding: 0.75rem 1.25rem;
}
.timelineleft-body {
font-size: 14px;
}
.timelineleft>li>.fa,
.timelineleft>li>.glyphicon,
.timelineleft>li>.ion {
width: 30px;
height: 30px;
font-size: 12px;
line-height: 30px;
position: absolute;
color: #fff;
background: #d2d6de;
border-radius: 50%;
text-align: center;
left: 18px;
top: 0;
}
.acc-step-number {
padding: 0;
width: 25px;
height: 25px;
line-height: 25px;
}
#form .list-group-item {
padding: 25px;
}
.form-switch-indicator-lg {
display: inline-block;
height: 1.5rem;
width: 3rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-lg:before {
content: "";
position: absolute;
height: calc(1.5rem - 4px);
width: calc(1.5rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked~.form-switch-indicator-lg:before {
left: calc(1.46rem + 1px);
}
.form-switch-indicator-xl {
display: inline-block;
height: 2rem;
width: 4rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-xl:before {
content: "";
position: absolute;
height: calc(2rem - 4px);
width: calc(2rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked~.form-switch-indicator-xl:before {
left: calc(1.96rem + 1px) !important;
}
.header-icon2 {
width: 25px;
position: absolute;
left: 10px;
top: 0px;
}
.page-rightheader .date-range-btn {
position: relative;
padding-left: 40px;
outline: none;
height: 40px;
line-height: 28px;
border-radius: 5px;
}
.page-rightheader .date-range-btn .header-icon2 {
width: 20px;
position: absolute;
left: 10px;
top: 0px;
color: var(--primary-bg-color);
fill: var(--primary05);
}
.main-proifle {
position: relative;
background: #FFF;
padding: 25px;
padding-bottom: 0;
margin-bottom: 30px;
border-top: 1px solid #eff0f6;
border-radius: 8px;
overflow: hidden;
}
.main-proifle .tab-menu-heading {
border-left: 0;
border-right: 0;
margin: 0 -30px;
margin-top: 25px;
}
.profile-edit {
position: relative;
}
.profile-share {
width: 100%;
padding: 10px;
background: #f3f4f7;
border-radius: 0 0 5px 5px;
display: inline-block;
}
.profile-edit textarea {
background: #f3f4f7;
border-radius: 5px 5px 0 0;
}
.profile-edit textarea:focus {
background: #f3f4f7;
border: 1px solid #eff0f6;
}
.social-profile-buttons li {
float: left;
display: block;
}
.social-profile-buttons li a {
display: block;
width: 2rem;
height: 2rem;
line-height: 2rem;
border-radius: 50%;
background: var(--primary02);
border: 2px solid var(--primary05);
margin: 2px;
}
.social-profile-buttons li a i {
color: var(--primary-bg-color);
}
.fill-secondary {
fill: #f72d66;
}
.fill-white {
fill: transparent;
}
.main-nav-calendar-event .nav-link {
padding: 0;
height: 30px;
line-height: 30px;
}
.main-nav-calendar-event .nav-link.exclude {
position: relative;
opacity: 0.3;
}
.main-nav-calendar-event .nav-link.exclude:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
border-top: 1px solid #737688;
}
.form-wizard-title {
line-height: 25px;
margin-left: 10px;
}
.footer .social .social-icon {
width: 25px;
height: 25px;
display: block;
border: 1px solid #e4e9f1;
line-height: 25px;
border-radius: 50%;
background: #e4e9f1;
color: var(--primary-bg-color);
}
.modal-open .select2-dropdown {
z-index: 10000 !important;
}
.daterangepicker.opensright:before {
display: none;
}
.daterangepicker.opensright:after {
display: none;
}
@media (max-width: 1400px) {
.bg-primary.card.text-white .d-block.card-header h2 {
font-size: 20px;
}
}
.crypto-content .select2-container--default .select2-selection--single {
border-radius: 0px 5px 5px 0 !important;
}
.page-style1 .page-content {
min-height: 100% !important;
}
.invoice-table-responsive {
overflow: inherit !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
background: #e8ebf2;
border-bottom: 1px solid #eff0f6;
}
.apexcharts-tooltip.apexcharts-theme-light {
border: 1px solid #eff0f6;
background: #fff;
}
.apexcharts-text .apexcharts-xaxis text {
fill: #424e79;
}
.date-range-btn i {
color: #c4c9d6;
opacity: 0.5;
}
.legend div {
background-color: transparent !important;
}
.crypto-content .form-control {
height: 38px;
}
table.table-bordered.dataTable td:first-child:focus {
outline: 0;
box-shadow: none;
}
@media (min-width: 991px) {
.top-header1 .header-brand2 .header-brand-img {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 18px;
}
.top-header1 .header-brand {
display: none;
}
.top-header1 .form-inline .form-control {
width: 210px;
}
}
.header-notify.show .dropdown-menu {
left: -180px !important;
}
.profile-dropdown.show .dropdown-menu {
left: -140px !important;
}
.countryscroll .ps__thumb-y {
right: 12px !important;
}
/*---- IE11 Support ----*/
*::-ms-backdrop,
.img-height {
height: 100%;
}
*::-ms-backdrop,
.img-height1 {
height: 333px;
}
*::-ms-backdrop,
.social-profile-buttons li {
float: none;
display: inline-block;
}
*::-ms-backdrop,
.social-profile-buttons ul {
margin-bottom: 0;
}
*::-ms-backdrop,
.btn-icon.btn-svg .svg-icon {
height: 16px;
}
*::-ms-backdrop,
.price-svg .price-title {
top: 0 !important;
}
*::-ms-backdrop,
.price-svg svg {
height: 65px !important;
}
*::-ms-backdrop,
.item7-card-img {
height: 100%;
}
*::-ms-backdrop,
.main-content {
height: 100%;
}
*::-ms-backdrop,
.page-single,
.page-single-content {
display: inline-block !important;
}
*::-ms-backdrop,
.page,
.page-content {
display: -ms-flexbox !important;
}
*::-ms-backdrop,
.h-100vh .page {
height: 100% !important;
}
*::-ms-backdrop,
.page-style1 {
background-position: center;
background-size: cover;
background-attachment: fixed;
}
*::-ms-backdrop,
.app-sidebar-help {
display: none;
}
.table-striped>tbody>tr:nth-of-type(odd) {
--bs-table-accent-bg: transparent;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
border-bottom-width: 0 !important;
}
.table> :not(caption)>*>* {
border-bottom-width: 0px;
box-shadow: none;
}
.default-sidebar .app-sidebar-help .header-icon {
color: var(--primary05);
fill: var(--primary02);
}
.table> :not(:last-child)> :last-child>* {
border-bottom-color: #eff0f6;
}
.table {
--bs-table-hover-bg: none;
}
.nav-link {
color: #424e79;
}
.fc-list-heading {
border-bottom-width: 0 !important;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
background: url("data:image/svg+xml;charset=utf8,") no-repeat center right 0.5rem/1rem;
}
.table-bordered> :not(caption)>* {
border-width: 0;
}
.table-primary {
--bs-table-bg: none;
}
.table-warning {
--bs-table-bg: none;
}
.btn-close {
float: right;
font-size: 1.40625rem;
font-weight: 300;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
transition: 0.3s color;
background: none;
width: 0;
height: 0;
margin-top: -7px;
margin-left: 3px;
outline: none;
}
hr {
background-color: transparent;
opacity: 1;
}
.carousel-indicators [data-bs-target] {
width: 7px;
height: 7px;
}
.modal-header .btn-close {
margin: -15px 2px !important;
}
.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
background-color: var(--primary-bg-color) !important;
}
.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
box-shadow: none !important;
color: #fff !important;
}
.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
box-shadow: none !important;
color: #fff !important;
background-color: #2dce89 !important;
border: #2dce89 !important;
}
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
box-shadow: none !important;
color: #fff !important;
background-color: var(--primary-bg-color) !important;
border: var(--primary-bg-color) !important;
}
.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
box-shadow: none !important;
color: #fff !important;
background-color: #45aaf2 !important;
border: #45aaf2 !important;
}
.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
color: #fff !important;
background-color: #dc0441 !important;
border-color: #dc0441 !important;
box-shadow: none !important;
}
.btn-check:focus+.btn-primary,
.btn-primary:focus {
box-shadow: none !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
color: var(--primary-bg-color);
}
.input-group>.btn-group>.btn,
.input-group>.btn-group>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
color: inherit !important;
}
@media (max-width: 576px) {
.active .header.top-header {
z-index: 9999;
}
}
.closed-leftmenu .slide-menu .side-menu-label1 {
display: none;
}
.icon-overlay .slide-menu .side-menu-label1 {
display: none;
}
.color-sidebar .side-menu-label1 {
display: none;
}
.color-sidebar .side-menu__item:hover .side-menu__label,
.color-sidebar .side-menu__item:hover .side-menu__icon,
.color-sidebar .side-menu__item:hover .angle {
color: #fff !important;
}
table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable td:first-child {
border-left-width: 0px !important;
}
.select2.select2-container.select2-container--default {
width: 100% !important;
}
.product-img {
border-radius: 5px;
}
.light-layout {
display: block;
}
.dark-layout {
display: none;
}
@media (min-width: 992px) {
.sticky-pin {
top: 0;
width: 100%;
z-index: 1;
}
.sticky {
width: 100%;
}
}
.main-body {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
}
.nav-link:focus,
.nav-link:hover {
color: var(--primary-bg-color);
}
.error-page .header-setting-icon {
position: absolute;
left: auto;
right: 30px;
top: 50px;
width: auto;
z-index: 99;
}
@media (max-width: 767px) {
.error-page .header-setting-icon {
left: auto;
right: 20px;
top: 5px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.error-page .card-group>.card:not(:last-child) {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
}
.rating-stars i {
padding: 5px 8px;
}
.rating-stars {
display: inline-block;
cursor: pointer;
color: #ebeefb;
font-size: 30px !important;
}
.jq-stars {
display: inline-block;
}
.jq-rating-label {
font-size: 22px;
display: inline-block;
position: relative;
vertical-align: top;
font-family: helvetica, arial, verdana;
}
.jq-star {
width: 100px;
height: 100px;
display: inline-block;
cursor: pointer;
}
.jq-star-svg {
padding-left: 0;
width: 100%;
height: 100%;
}
.jq-star-svg path {
stroke-linejoin: round;
}
.jq-shadow {
filter: drop-shadow(-2px -2px 2px #888);
}
.about-icons {
height: 50px;
width: 50px;
}
.settings-main-icon {
display: flex;
text-align: center;
}
.settings-main-icon i {
width: 3rem;
font-size: 18px;
line-height: 3rem;
height: 3rem;
background-color: var(--primary02);
color: var(--primary-bg-color);
border-radius: 50%;
}
.handle-counter {
overflow: hidden;
display: flex;
justify-content: center;
}
.handle-counter .btn {
padding: 7px 10px !important;
}
.handle-counter input {
float: left;
text-align: center;
height: 41px;
border-radius: 0;
width: 70px;
border: 1px solid #eff0f6;
outline: none;
border-left: 0;
border-right: 0;
}
.handle-counter .counter-minus,
.handle-counter .handle-counter .counter-plus {
float: left;
text-align: center;
border-radius: 1px;
}
.handle-counter .counter-minus {
border-radius: 3px 0px 0px 3px !important;
}
.handle-counter .counter-plus {
border-radius: 0px 3px 3px 0px !important;
}
.counter-minus {
border-radius: 0px 0 0 0px !important;
}
.counter-plus {
border-radius: 0 0px 0px 0 !important;
}
.ah-actions:not(.ah-active) .svg-icon {
fill: #fff;
}
.form-control.form-file-input::after {
content: "Browse file";
color: #fff;
position: absolute;
padding: 0.5rem 0.75rem;
right: 0;
margin-top: -8px;
background-color: var(--primary-bg-color);
}
.form-control.form-file-input::-webkit-file-upload-button {
visibility: hidden;
display: none;
}
.form-control.form-file-input {
position: relative;
}
.onoffswitch2-checkbox:checked+.onoffswitch2-label {
background-color: var(--primary-bg-color) !important;
}
.onoffswitch2-checkbox:checked+.onoffswitch-label2,
.onoffswitch2-checkbox:checked+.onoffswitch2-label:before {
border-color: var(--primary-bg-color) !important;
}
.country-profit {
border-left: 1px solid #eff0f6;
padding-left: 0 !important;
padding-right: 0.75rem !important;
}
.crypto-content .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
}
@media (max-width: 480px) {
.acc-step-number.badge {
margin: 0;
}
}
@media (max-width: 1200px) {
.richText .richText-toolbar ul li a {
border-right: 0 !important;
}
}
.btn i,
.dropdown-item i {
display: inline-block;
}
.carousel-item img {
border-radius: 5px;
}
.header.bg-primary .form-inline .form-control {
border: 1px solid #eff0f6;
background: #fff;
}
.header.bg-primary .header-icon {
fill: #fff;
color: #fff;
}
.header.bg-primary .header-icon.search-icon {
fill: var(--primary05);
color: var(--primary05);
}
.header-brand {
color: inherit;
margin-right: 0;
font-size: 1.25rem;
white-space: nowrap;
font-weight: 600;
padding: 0;
transition: 0.3s opacity;
line-height: 2.9rem;
}
.nav-link.active {
color: var(--primary-bg-color);
}
@media (max-width: 575px) {
.expenses-card #expense {
width: 155% !important;
left: -67px;
}
}
#cryptotrading div:first-child {
width: 100% !important;
}
@media (max-width: 575px) {
.main-content .side-app {
padding: 25px 0.75rem 0 0.75rem !important;
}
.iti input[type=text],
.iti input[type=tel] {
width: 160px;
}
}
@media (max-width: 991px) {
.main-content .container.main-container {
padding-left: 0;
padding-right: 0;
}
}
.horizontal .input-group .btn {
z-index: 0;
}
.store table td {
padding: 0.75rem 0;
}
@media (max-width: 480px) {
.list-group-item .badge {
margin: 0;
}
.crypto-tabs .tabs-menu1 ul li .active {
border-radius: 8px !important;
}
}
@media (max-width: 991px) {
#messages-main {
border: 0 !important;
}
}
@media (max-width: 328px) {
.title-style h1 {
top: 0;
}
.multi-wrapper .header {
font-size: 12px !important;
}
.multi-wrapper .item-group-1 .group-label {
font-size: 12px !important;
}
.multi-wrapper .item-1 {
font-size: 12px !important;
line-height: 1 !important;
}
}
@media (min-width: 1280px) {
.no-xl-gutters {
margin-right: 0;
margin-left: 0;
}
.no-xl-gutters>.col,
.no-xl-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
float: right;
}
.rating-star .jq-star {
width: 15px !important;
height: 15px !important;
}
.header-notify .dropdown-menu .dropdown-item {
white-space: normal !important;
}
.bg-primary .svg-icon {
color: rgba(255, 255, 255, 0.5);
fill: rgba(255, 255, 255, 0.5);
}
.alert .item-card .btn-svgs {
display: inherit;
}
.side-menu {
transition: all ease 0.5s;
}
/*------ Email services -------*/
.mail-box {
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
}
.mail-box aside {
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
}
.mail-box .sm-side {
background: none repeat scroll 0 0 #e5e8ef;
border-radius: 4px 0 0 4px;
width: 25%;
}
.mail-box .lg-side {
background: none repeat scroll 0 0 #fff;
border-radius: 0 4px 4px 0;
width: 75%;
}
.mail-box .sm-side .user-head {
background: none repeat scroll 0 0 #00a8b3;
border-radius: 4px 0 0;
color: #fff;
min-height: 80px;
padding: 10px;
}
.user-head .inbox-avatar {
float: left;
width: 65px;
}
.user-head .inbox-avatar img {
border-radius: 4px;
}
.user-head .user-name {
display: inline-block;
margin: 0 0 0 10px;
}
.user-head .user-name h5 {
font-size: 14px;
font-weight: 300;
margin-bottom: 0;
margin-top: 15px;
}
.user-head .user-name h5 a {
color: #fff;
}
.user-head .user-name span a {
color: #87e2e7;
font-size: 12px;
}
a.mail-dropdown {
background: none repeat scroll 0 0 #80d3d9;
border-radius: 2px;
color: #01a7b3;
font-size: 10px;
margin-top: 20px;
padding: 3px 5px;
}
.btn-compose {
background: none repeat scroll 0 0 #ff6c60;
color: #fff;
padding: 12px 0;
text-align: center;
width: 100%;
}
.btn-compose:hover {
background: none repeat scroll 0 0 #f5675c;
color: #fff;
}
ul.inbox-nav {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}
.inbox-divider {
border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
display: inline-block;
line-height: 45px;
width: 100%;
}
ul.inbox-nav li a {
color: #6a6a6a;
display: inline-block;
line-height: 45px;
padding: 0 20px;
width: 100%;
}
ul.inbox-nav li a:hover {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.inbox-nav li.active a {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.inbox-nav li a:focus {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.inbox-nav li a i {
color: #6a6a6a;
font-size: 16px;
padding-right: 10px;
}
ul.inbox-nav li a span.label {
margin-top: 13px;
}
ul.labels-info li {
margin: 0;
}
ul.labels-info li h4 {
color: #5c5c5e;
font-size: 13px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
text-transform: uppercase;
}
ul.labels-info li a {
border-radius: 0;
color: #6a6a6a;
}
ul.labels-info li a:hover,
ul.labels-info li a:focus {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.labels-info li a i {
padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
color: #9d9f9e;
font-size: 11px;
margin-bottom: 0;
padding: 0 22px;
}
.inbox-head {
border-radius: 0 4px 0 0;
padding: 10px;
border-radius: 3px;
}
.inbox-head h3 {
display: inline-block;
font-weight: 300;
margin: 0;
}
.inbox-head .sr-input {
border: medium none;
border-radius: 4px 0 0 4px;
box-shadow: none;
color: #8a8a8a;
float: left;
height: 30px;
padding: 0 10px;
}
.inbox-head .sr-btn {
background: none repeat scroll 0 0 #38a01e;
border: medium none;
border-radius: 0 4px 4px 0;
color: #fff;
height: 30px;
padding: 0 20px;
}
.table-inbox {
border: 1px solid #eff0f6;
margin-bottom: 0;
}
.table-inbox tr {
border-bottom: 1px solid #eff0f6;
}
.table-inbox tr:last-child {
border-bottom: 0;
}
.table-inbox tr td {
vertical-align: middle;
}
.table-inbox tr td:hover {
cursor: pointer;
}
.table-inbox tr td .fa-star {
color: #e6e9f1;
font-size: 16px;
}
.table-inbox tr td .fa-star.inbox-started {
color: #e6e9f1;
}
.table-inbox tr td .fa-star:hover {
color: #ecb403;
}
.table-inbox tr td i {
color: #e6e9f1;
}
.table-inbox tr td i:hover {
color: #ff5b51;
}
.table-inbox tr.unread td {
background: #f4f5fb;
font-weight: 600;
border-bottom: 1px solid #eff0f6;
}
ul.inbox-pagination {
float: right;
}
ul.inbox-pagination li {
float: left;
}
.mail-option {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
.mail-option .chk-all input[type=checkbox] {
margin-top: 0;
}
.mail-option .btn-group a.all {
border: 0 !important;
padding: 0 !important;
outline: 0;
box-shadow: none;
}
.mail-option .chk-all,
.mail-option .btn-group {
margin-right: 5px;
}
.mail-option .chk-all,
.mail-option .btn-group a.btn {
border: 1px solid #eff0f6;
border-radius: 3px !important;
display: inline-block;
padding: 5px 10px;
}
.inbox-pagination a.np-btn {
margin-left: 5px;
border: 1px solid #eff0f6;
border-radius: 3px !important;
display: inline-block;
padding: 5px 15px;
}
.inbox-pagination li span {
display: inline-block;
margin-right: 5px;
margin-top: 7px;
}
.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
border: 1px solid #e6e6e6;
box-shadow: none;
}
.btn-send {
background: none repeat scroll 0 0 #00a8b3;
color: #fff;
}
.btn-send:hover {
background: none repeat scroll 0 0 #00a8b3;
color: #fff;
background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
font-weight: 300;
}
.modal-body label {
font-weight: 400;
}
.heading-inbox h4 {
border-bottom: 1px solid #ddd;
color: #444;
font-size: 18px;
margin-top: 20px;
padding-bottom: 10px;
}
.sender-info {
margin-bottom: 20px;
}
.sender-info img {
height: 30px;
width: 30px;
}
.sender-dropdown {
background: none repeat scroll 0 0 1px solid #eff0f6;
color: #777;
font-size: 10px;
padding: 0 3px;
}
.view-mail a {
color: #ff6c60;
}
.attachment-mail {
margin-top: 30px;
}
.attachment-mail ul {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.attachment-mail ul li {
float: left;
margin-bottom: 10px;
margin-right: 10px;
width: 150px;
}
.attachment-mail ul li img {
width: 100%;
}
.attachment-mail ul li span {
float: right;
}
.attachment-mail .file-name {
float: left;
}
.attachment-mail .links {
display: inline-block;
width: 100%;
}
.fileinput-button {
background: none repeat scroll 0 0 #eeeeee;
border: 1px solid #e6e6e6;
float: left;
margin-right: 4px;
overflow: hidden;
position: relative;
}
.fileinput-button input {
cursor: pointer;
direction: ltr;
font-size: 23px;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
margin-bottom: 5px;
}
.files .progress {
width: 200px;
}
.fileupload-processing .fileupload-loading {
display: block;
}
/*------Email---------*/
.mail-chats {
height: 100%;
min-height: 0;
border-top: 1px solid rgba(128, 128, 128, 0.16);
margin-top: 10px;
padding: 10px 50px 10px 0;
width: 100%;
list-style-type: none;
flex-direction: column !important;
display: flex !important;
}
.mail-chats li.chat-persons {
padding: 10px;
display: block;
}
li.chat-persons a {
text-decoration: none;
}
.mail-chats li.chat-persons a span.pro-pic {
display: inline-block;
padding: 0;
width: 20%;
max-width: 40px;
margin-right: 20px;
}
.mail-chats li.chat-persons a span.pro-pic img {
max-width: 100%;
width: 100%;
border-radius: 100%;
flex-direction: column !important;
}
.mail-chats li.chat-persons a div.user {
flex-direction: column !important;
}
ul.mail-chats li.chat-persons a div.user {
display: flex !important;
}
.mail-chats li.chat-persons.user {
width: 80%;
padding: 5px 10px 0px 15px;
flex-direction: column !important;
display: flex !important;
}
.user p.u-name {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #1f2127;
}
.user p.u-designation {
margin: 0;
font-size: 11px;
color: #6b6f80;
}
div.online-status .status.online {
background: rgba(0, 128, 0, 0.68);
}
.online-status .status {
height: 10px;
width: 10px;
border-radius: 100%;
display: inline-flex;
justify-content: flex-start;
transform: translateX(-60px) translateY(2px);
}
.online-status .status.offline {
background: rgba(255, 0, 0, 0.7);
}
/*-----Feather icons-----*/
@font-face {
font-family: "feather";
src: url('feather-webfont.eot?t=1501841394106');
/* IE9*/
src: url('feather-webfont.eot?t=1501841394106#iefix') format("embedded-opentype"), url('feather-webfont.woff?t=1501841394106') format("woff"), url('feather-webfont.ttf?t=1501841394106') format("truetype"), url('feather-webfont.svg?t=1501841394106#feather') format("svg");
/* iOS 4.1- */
}
.fe {
font-family: "feather" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fe-activity:before {
content: "\e900";
}
.fe-airplay:before {
content: "\e901";
}
.fe-alert-circle:before {
content: "\e902";
}
.fe-alert-octagon:before {
content: "\e903";
}
.fe-alert-triangle:before {
content: "\e904";
}
.fe-align-center:before {
content: "\e905";
}
.fe-align-justify:before {
content: "\e906";
}
.fe-align-left:before {
content: "\e907";
}
.fe-align-right:before {
content: "\e908";
}
.fe-anchor:before {
content: "\e909";
}
.fe-aperture:before {
content: "\e90a";
}
.fe-arrow-down:before {
content: "\e90b";
}
.fe-arrow-down-circle:before {
content: "\e90c";
}
.fe-arrow-down-left:before {
content: "\e90d";
}
.fe-arrow-down-right:before {
content: "\e90e";
}
.fe-arrow-left:before {
content: "\e90f";
}
.fe-arrow-left-circle:before {
content: "\e910";
}
.fe-arrow-right:before {
content: "\e911";
}
.fe-arrow-right-circle:before {
content: "\e912";
}
.fe-arrow-up:before {
content: "\e913";
}
.fe-arrow-up-circle:before {
content: "\e914";
}
.fe-arrow-up-left:before {
content: "\e915";
}
.fe-arrow-up-right:before {
content: "\e916";
}
.fe-at-sign:before {
content: "\e917";
}
.fe-award:before {
content: "\e918";
}
.fe-bar-chart:before {
content: "\e919";
}
.fe-bar-chart-2:before {
content: "\e91a";
}
.fe-battery:before {
content: "\e91b";
}
.fe-battery-charging:before {
content: "\e91c";
}
.fe-bell:before {
content: "\e91d";
}
.fe-bell-off:before {
content: "\e91e";
}
.fe-bluetooth:before {
content: "\e91f";
}
.fe-bold:before {
content: "\e920";
}
.fe-book:before {
content: "\e921";
}
.fe-book-open:before {
content: "\e922";
}
.fe-bookmark:before {
content: "\e923";
}
.fe-box:before {
content: "\e924";
}
.fe-briefcase:before {
content: "\e925";
}
.fe-calendar:before {
content: "\e926";
}
.fe-camera:before {
content: "\e927";
}
.fe-camera-off:before {
content: "\e928";
}
.fe-cast:before {
content: "\e929";
}
.fe-check:before {
content: "\e92a";
}
.fe-check-circle:before {
content: "\e92b";
}
.fe-check-square:before {
content: "\e92c";
}
.fe-chevron-down:before {
content: "\e92d";
}
.fe-chevron-left:before {
content: "\e92e";
}
.fe-chevron-right:before {
content: "\e92f";
}
.fe-chevron-up:before {
content: "\e930";
}
.fe-chevrons-down:before {
content: "\e931";
}
.fe-chevrons-left:before {
content: "\e932";
}
.fe-chevrons-right:before {
content: "\e933";
}
.fe-chevrons-up:before {
content: "\e934";
}
.fe-chrome:before {
content: "\e935";
}
.fe-circle:before {
content: "\e936";
}
.fe-clipboard:before {
content: "\e937";
}
.fe-clock:before {
content: "\e938";
}
.fe-cloud:before {
content: "\e939";
}
.fe-cloud-drizzle:before {
content: "\e93a";
}
.fe-cloud-lightning:before {
content: "\e93b";
}
.fe-cloud-off:before {
content: "\e93c";
}
.fe-cloud-rain:before {
content: "\e93d";
}
.fe-cloud-snow:before {
content: "\e93e";
}
.fe-code:before {
content: "\e93f";
}
.fe-codepen:before {
content: "\e940";
}
.fe-command:before {
content: "\e941";
}
.fe-compass:before {
content: "\e942";
}
.fe-copy:before {
content: "\e943";
}
.fe-corner-down-left:before {
content: "\e944";
}
.fe-corner-down-right:before {
content: "\e945";
}
.fe-corner-left-down:before {
content: "\e946";
}
.fe-corner-left-up:before {
content: "\e947";
}
.fe-corner-right-down:before {
content: "\e948";
}
.fe-corner-right-up:before {
content: "\e949";
}
.fe-corner-up-left:before {
content: "\e94a";
}
.fe-corner-up-right:before {
content: "\e94b";
}
.fe-cpu:before {
content: "\e94c";
}
.fe-credit-card:before {
content: "\e94d";
}
.fe-crop:before {
content: "\e94e";
}
.fe-crosshair:before {
content: "\e94f";
}
.fe-database:before {
content: "\e950";
}
.fe-delete:before {
content: "\e951";
}
.fe-disc:before {
content: "\e952";
}
.fe-dollar-sign:before {
content: "\e953";
}
.fe-download:before {
content: "\e954";
}
.fe-download-cloud:before {
content: "\e955";
}
.fe-droplet:before {
content: "\e956";
}
.fe-edit:before {
content: "\e957";
}
.fe-edit-2:before {
content: "\e958";
}
.fe-edit-3:before {
content: "\e959";
}
.fe-external-link:before {
content: "\e95a";
}
.fe-eye:before {
content: "\e95b";
}
.fe-eye-off:before {
content: "\e95c";
}
.fe-facebook:before {
content: "\e95d";
}
.fe-fast-forward:before {
content: "\e95e";
}
.fe-feather:before {
content: "\e95f";
}
.fe-file:before {
content: "\e960";
}
.fe-file-minus:before {
content: "\e961";
}
.fe-file-plus:before {
content: "\e962";
}
.fe-file-text:before {
content: "\e963";
}
.fe-film:before {
content: "\e964";
}
.fe-filter:before {
content: "\e965";
}
.fe-flag:before {
content: "\e966";
}
.fe-folder:before {
content: "\e967";
}
.fe-folder-minus:before {
content: "\e968";
}
.fe-folder-plus:before {
content: "\e969";
}
.fe-git-branch:before {
content: "\e96a";
}
.fe-git-commit:before {
content: "\e96b";
}
.fe-git-merge:before {
content: "\e96c";
}
.fe-git-pull-request:before {
content: "\e96d";
}
.fe-github:before {
content: "\e96e";
}
.fe-gitlab:before {
content: "\e96f";
}
.fe-globe:before {
content: "\e970";
}
.fe-grid:before {
content: "\e971";
}
.fe-hard-drive:before {
content: "\e972";
}
.fe-hash:before {
content: "\e973";
}
.fe-headphones:before {
content: "\e974";
}
.fe-heart:before {
content: "\e975";
}
.fe-help-circle:before {
content: "\e976";
}
.fe-home:before {
content: "\e977";
}
.fe-image:before {
content: "\e978";
}
.fe-inbox:before {
content: "\e979";
}
.fe-info:before {
content: "\e97a";
}
.fe-instagram:before {
content: "\e97b";
}
.fe-italic:before {
content: "\e97c";
}
.fe-layers:before {
content: "\e97d";
}
.fe-layout:before {
content: "\e97e";
}
.fe-life-buoy:before {
content: "\e97f";
}
.fe-link:before {
content: "\e980";
}
.fe-link-2:before {
content: "\e981";
}
.fe-linkedin:before {
content: "\e982";
}
.fe-list:before {
content: "\e983";
}
.fe-loader:before {
content: "\e984";
}
.fe-lock:before {
content: "\e985";
}
.fe-log-in:before {
content: "\e986";
}
.fe-log-out:before {
content: "\e987";
}
.fe-mail:before {
content: "\e988";
}
.fe-map:before {
content: "\e989";
}
.fe-map-pin:before {
content: "\e98a";
}
.fe-maximize:before {
content: "\e98b";
}
.fe-maximize-2:before {
content: "\e98c";
}
.fe-menu:before {
content: "\e98d";
}
.fe-message-circle:before {
content: "\e98e";
}
.fe-message-square:before {
content: "\e98f";
}
.fe-mic:before {
content: "\e990";
}
.fe-mic-off:before {
content: "\e991";
}
.fe-minimize:before {
content: "\e992";
}
.fe-minimize-2:before {
content: "\e993";
}
.fe-minus:before {
content: "\e994";
}
.fe-minus-circle:before {
content: "\e995";
}
.fe-minus-square:before {
content: "\e996";
}
.fe-monitor:before {
content: "\e997";
}
.fe-moon:before {
content: "\e998";
}
.fe-more-horizontal:before {
content: "\e999";
}
.fe-more-vertical:before {
content: "\e99a";
}
.fe-move:before {
content: "\e99b";
}
.fe-music:before {
content: "\e99c";
}
.fe-navigation:before {
content: "\e99d";
}
.fe-navigation-2:before {
content: "\e99e";
}
.fe-octagon:before {
content: "\e99f";
}
.fe-package:before {
content: "\e9a0";
}
.fe-paperclip:before {
content: "\e9a1";
}
.fe-pause:before {
content: "\e9a2";
}
.fe-pause-circle:before {
content: "\e9a3";
}
.fe-percent:before {
content: "\e9a4";
}
.fe-phone:before {
content: "\e9a5";
}
.fe-phone-call:before {
content: "\e9a6";
}
.fe-phone-forwarded:before {
content: "\e9a7";
}
.fe-phone-incoming:before {
content: "\e9a8";
}
.fe-phone-missed:before {
content: "\e9a9";
}
.fe-phone-off:before {
content: "\e9aa";
}
.fe-phone-outgoing:before {
content: "\e9ab";
}
.fe-pie-chart:before {
content: "\e9ac";
}
.fe-play:before {
content: "\e9ad";
}
.fe-play-circle:before {
content: "\e9ae";
}
.fe-plus:before {
content: "\e9af";
}
.fe-plus-circle:before {
content: "\e9b0";
}
.fe-plus-square:before {
content: "\e9b1";
}
.fe-pocket:before {
content: "\e9b2";
}
.fe-power:before {
content: "\e9b3";
}
.fe-printer:before {
content: "\e9b4";
}
.fe-radio:before {
content: "\e9b5";
}
.fe-refresh-ccw:before {
content: "\e9b6";
}
.fe-refresh-cw:before {
content: "\e9b7";
}
.fe-repeat:before {
content: "\e9b8";
}
.fe-rewind:before {
content: "\e9b9";
}
.fe-rotate-ccw:before {
content: "\e9ba";
}
.fe-rotate-cw:before {
content: "\e9bb";
}
.fe-rss:before {
content: "\e9bc";
}
.fe-save:before {
content: "\e9bd";
}
.fe-scissors:before {
content: "\e9be";
}
.fe-search:before {
content: "\e9bf";
}
.fe-send:before {
content: "\e9c0";
}
.fe-server:before {
content: "\e9c1";
}
.fe-settings:before {
content: "\e9c2";
}
.fe-share:before {
content: "\e9c3";
}
.fe-share-2:before {
content: "\e9c4";
}
.fe-shield:before {
content: "\e9c5";
}
.fe-shield-off:before {
content: "\e9c6";
}
.fe-shopping-bag:before {
content: "\e9c7";
}
.fe-shopping-cart:before {
content: "\e9c8";
}
.fe-shuffle:before {
content: "\e9c9";
}
.fe-sidebar:before {
content: "\e9ca";
}
.fe-skip-back:before {
content: "\e9cb";
}
.fe-skip-forward:before {
content: "\e9cc";
}
.fe-slack:before {
content: "\e9cd";
}
.fe-slash:before {
content: "\e9ce";
}
.fe-sliders:before {
content: "\e9cf";
}
.fe-smartphone:before {
content: "\e9d0";
}
.fe-speaker:before {
content: "\e9d1";
}
.fe-square:before {
content: "\e9d2";
}
.fe-star:before {
content: "\e9d3";
}
.fe-stop-circle:before {
content: "\e9d4";
}
.fe-sun:before {
content: "\e9d5";
}
.fe-sunrise:before {
content: "\e9d6";
}
.fe-sunset:before {
content: "\e9d7";
}
.fe-tablet:before {
content: "\e9d8";
}
.fe-tag:before {
content: "\e9d9";
}
.fe-target:before {
content: "\e9da";
}
.fe-terminal:before {
content: "\e9db";
}
.fe-thermometer:before {
content: "\e9dc";
}
.fe-thumbs-down:before {
content: "\e9dd";
}
.fe-thumbs-up:before {
content: "\e9de";
}
.fe-toggle-left:before {
content: "\e9df";
}
.fe-toggle-right:before {
content: "\e9e0";
}
.fe-trash:before {
content: "\e9e1";
}
.fe-trash-2:before {
content: "\e9e2";
}
.fe-trending-down:before {
content: "\e9e3";
}
.fe-trending-up:before {
content: "\e9e4";
}
.fe-triangle:before {
content: "\e9e5";
}
.fe-truck:before {
content: "\e9e6";
}
.fe-tv:before {
content: "\e9e7";
}
.fe-twitter:before {
content: "\e9e8";
}
.fe-type:before {
content: "\e9e9";
}
.fe-umbrella:before {
content: "\e9ea";
}
.fe-underline:before {
content: "\e9eb";
}
.fe-unlock:before {
content: "\e9ec";
}
.fe-upload:before {
content: "\e9ed";
}
.fe-upload-cloud:before {
content: "\e9ee";
}
.fe-user:before {
content: "\e9ef";
}
.fe-user-check:before {
content: "\e9f0";
}
.fe-user-minus:before {
content: "\e9f1";
}
.fe-user-plus:before {
content: "\e9f2";
}
.fe-user-x:before {
content: "\e9f3";
}
.fe-users:before {
content: "\e9f4";
}
.fe-video:before {
content: "\e9f5";
}
.fe-video-off:before {
content: "\e9f6";
}
.fe-voicemail:before {
content: "\e9f7";
}
.fe-volume:before {
content: "\e9f8";
}
.fe-volume-1:before {
content: "\e9f9";
}
.fe-volume-2:before {
content: "\e9fa";
}
.fe-volume-x:before {
content: "\e9fb";
}
.fe-watch:before {
content: "\e9fc";
}
.fe-wifi:before {
content: "\e9fd";
}
.fe-wifi-off:before {
content: "\e9fe";
}
.fe-wind:before {
content: "\e9ff";
}
.fe-x:before {
content: "\ea00";
}
.fe-x-circle:before {
content: "\ea01";
}
.fe-x-square:before {
content: "\ea02";
}
.fe-zap:before {
content: "\ea03";
}
.fe-zap-off:before {
content: "\ea04";
}
.fe-zoom-in:before {
content: "\ea05";
}
.fe-zoom-out:before {
content: "\ea06";
}
/*------ Icons List ------*/
.browser {
width: 1.25rem;
height: 1.25rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
}
.browser-android-browser {
background-image: url('android-browser.svg');
}
.browser-aol-explorer {
background-image: url('aol-explorer.svg');
}
.browser-blackberry {
background-image: url('blackberry.svg');
}
.browser-camino {
background-image: url('camino.svg');
}
.browser-chrome {
background-image: url('chrome.svg');
}
.browser-chromium {
background-image: url('chromium.svg');
}
.browser-dolphin {
background-image: url('dolphin.svg');
}
.browser-edge {
background-image: url('edge.svg');
}
.browser-firefox {
background-image: url('firefox.svg');
}
.browser-ie {
background-image: url('ie.svg');
}
.browser-maxthon {
background-image: url('maxthon.svg');
}
.browser-mozilla {
background-image: url('mozilla.svg');
}
.browser-netscape {
background-image: url('netscape.svg');
}
.browser-opera {
background-image: url('opera.svg');
}
.browser-safari {
background-image: url('safari.svg');
}
.browser-sleipnir {
background-image: url('sleipnir.svg');
}
.browser-uc-browser {
background-image: url('uc-browser.svg');
}
.browser-vivaldi {
background-image: url('vivaldi.svg');
}
.flag {
width: 1.6rem;
height: 1.2rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.flag-ad {
background-image: url('ad.svg');
}
.flag-ae {
background-image: url('ae.svg');
}
.flag-af {
background-image: url('af.svg');
}
.flag-ag {
background-image: url('ag.svg');
}
.flag-ai {
background-image: url('ai.svg');
}
.flag-al {
background-image: url('al.svg');
}
.flag-am {
background-image: url('am.svg');
}
.flag-ao {
background-image: url('ao.svg');
}
.flag-aq {
background-image: url('aq.svg');
}
.flag-ar {
background-image: url('ar.svg');
}
.flag-as {
background-image: url('as.svg');
}
.flag-at {
background-image: url('at.svg');
}
.flag-au {
background-image: url('au.svg');
}
.flag-aw {
background-image: url('aw.svg');
}
.flag-ax {
background-image: url('ax.svg');
}
.flag-az {
background-image: url('az.svg');
}
.flag-ba {
background-image: url('ba.svg');
}
.flag-bb {
background-image: url('bb.svg');
}
.flag-bd {
background-image: url('bd.svg');
}
.flag-be {
background-image: url('be.svg');
}
.flag-bf {
background-image: url('bf.svg');
}
.flag-bg {
background-image: url('bg.svg');
}
.flag-bh {
background-image: url('bh.svg');
}
.flag-bi {
background-image: url('bi.svg');
}
.flag-bj {
background-image: url('bj.svg');
}
.flag-bl {
background-image: url('bl.svg');
}
.flag-bm {
background-image: url('bm.svg');
}
.flag-bn {
background-image: url('bn.svg');
}
.flag-bo {
background-image: url('bo.svg');
}
.flag-bq {
background-image: url('bq.svg');
}
.flag-br {
background-image: url('br.svg');
}
.flag-bs {
background-image: url('bs.svg');
}
.flag-bt {
background-image: url('bt.svg');
}
.flag-bv {
background-image: url('bv.svg');
}
.flag-bw {
background-image: url('bw.svg');
}
.flag-by {
background-image: url('by.svg');
}
.flag-bz {
background-image: url('bz.svg');
}
.flag-ca {
background-image: url('ca.svg');
}
.flag-cc {
background-image: url('cc.svg');
}
.flag-cd {
background-image: url('cd.svg');
}
.flag-cf {
background-image: url('cf.svg');
}
.flag-cg {
background-image: url('cg.svg');
}
.flag-ch {
background-image: url('ch.svg');
}
.flag-ci {
background-image: url('ci.svg');
}
.flag-ck {
background-image: url('ck.svg');
}
.flag-cl {
background-image: url('cl.svg');
}
.flag-cm {
background-image: url('cm.svg');
}
.flag-cn {
background-image: url('cn.svg');
}
.flag-co {
background-image: url('co.svg');
}
.flag-cr {
background-image: url('cr.svg');
}
.flag-cu {
background-image: url('cu.svg');
}
.flag-cv {
background-image: url('cv.svg');
}
.flag-cw {
background-image: url('cw.svg');
}
.flag-cx {
background-image: url('cx.svg');
}
.flag-cy {
background-image: url('cy.svg');
}
.flag-cz {
background-image: url('cz.svg');
}
.flag-de {
background-image: url('de.svg');
}
.flag-dj {
background-image: url('dj.svg');
}
.flag-dk {
background-image: url('dk.svg');
}
.flag-dm {
background-image: url('dm.svg');
}
.flag-do {
background-image: url('do.svg');
}
.flag-dz {
background-image: url('dz.svg');
}
.flag-ec {
background-image: url('ec.svg');
}
.flag-ee {
background-image: url('ee.svg');
}
.flag-eg {
background-image: url('eg.svg');
}
.flag-eh {
background-image: url('eh.svg');
}
.flag-er {
background-image: url('er.svg');
}
.flag-es {
background-image: url('es.svg');
}
.flag-et {
background-image: url('et.svg');
}
.flag-eu {
background-image: url('eu.svg');
}
.flag-fi {
background-image: url('fi.svg');
}
.flag-fj {
background-image: url('fj.svg');
}
.flag-fk {
background-image: url('fk.svg');
}
.flag-fm {
background-image: url('fm.svg');
}
.flag-fo {
background-image: url('fo.svg');
}
.flag-fr {
background-image: url('fr.svg');
}
.flag-ga {
background-image: url('ga.svg');
}
.flag-gb-eng {
background-image: url('gb-eng.svg');
}
.flag-gb-nir {
background-image: url('gb-nir.svg');
}
.flag-gb-sct {
background-image: url('gb-sct.svg');
}
.flag-gb-wls {
background-image: url('gb-wls.svg');
}
.flag-gb {
background-image: url('gb.svg');
}
.flag-gd {
background-image: url('gd.svg');
}
.flag-ge {
background-image: url('ge.svg');
}
.flag-gf {
background-image: url('gf.svg');
}
.flag-gg {
background-image: url('gg.svg');
}
.flag-gh {
background-image: url('gh.svg');
}
.flag-gi {
background-image: url('gi.svg');
}
.flag-gl {
background-image: url('gl.svg');
}
.flag-gm {
background-image: url('gm.svg');
}
.flag-gn {
background-image: url('gn.svg');
}
.flag-gp {
background-image: url('gp.svg');
}
.flag-gq {
background-image: url('gq.svg');
}
.flag-gr {
background-image: url('gr.svg');
}
.flag-gs {
background-image: url('gs.svg');
}
.flag-gt {
background-image: url('gt.svg');
}
.flag-gu {
background-image: url('gu.svg');
}
.flag-gw {
background-image: url('gw.svg');
}
.flag-gy {
background-image: url('gy.svg');
}
.flag-hk {
background-image: url('hk.svg');
}
.flag-hm {
background-image: url('hm.svg');
}
.flag-hn {
background-image: url('hn.svg');
}
.flag-hr {
background-image: url('hr.svg');
}
.flag-ht {
background-image: url('ht.svg');
}
.flag-hu {
background-image: url('hu.svg');
}
.flag-id {
background-image: url('id.svg');
}
.flag-ie {
background-image: url('assets-images-flags-ie.svg');
}
.flag-il {
background-image: url('il.svg');
}
.flag-im {
background-image: url('im.svg');
}
.flag-in {
background-image: url('in.svg');
}
.flag-io {
background-image: url('io.svg');
}
.flag-iq {
background-image: url('iq.svg');
}
.flag-ir {
background-image: url('ir.svg');
}
.flag-is {
background-image: url('is.svg');
}
.flag-it {
background-image: url('it.svg');
}
.flag-je {
background-image: url('je.svg');
}
.flag-jm {
background-image: url('jm.svg');
}
.flag-jo {
background-image: url('jo.svg');
}
.flag-jp {
background-image: url('jp.svg');
}
.flag-ke {
background-image: url('ke.svg');
}
.flag-kg {
background-image: url('kg.svg');
}
.flag-kh {
background-image: url('kh.svg');
}
.flag-ki {
background-image: url('ki.svg');
}
.flag-km {
background-image: url('km.svg');
}
.flag-kn {
background-image: url('kn.svg');
}
.flag-kp {
background-image: url('kp.svg');
}
.flag-kr {
background-image: url('kr.svg');
}
.flag-kw {
background-image: url('kw.svg');
}
.flag-ky {
background-image: url('ky.svg');
}
.flag-kz {
background-image: url('kz.svg');
}
.flag-la {
background-image: url('la.svg');
}
.flag-lb {
background-image: url('lb.svg');
}
.flag-lc {
background-image: url('lc.svg');
}
.flag-li {
background-image: url('li.svg');
}
.flag-lk {
background-image: url('lk.svg');
}
.flag-lr {
background-image: url('lr.svg');
}
.flag-ls {
background-image: url('ls.svg');
}
.flag-lt {
background-image: url('lt.svg');
}
.flag-lu {
background-image: url('lu.svg');
}
.flag-lv {
background-image: url('lv.svg');
}
.flag-ly {
background-image: url('ly.svg');
}
.flag-ma {
background-image: url('ma.svg');
}
.flag-mc {
background-image: url('mc.svg');
}
.flag-md {
background-image: url('md.svg');
}
.flag-me {
background-image: url('me.svg');
}
.flag-mf {
background-image: url('mf.svg');
}
.flag-mg {
background-image: url('mg.svg');
}
.flag-mh {
background-image: url('mh.svg');
}
.flag-mk {
background-image: url('mk.svg');
}
.flag-ml {
background-image: url('ml.svg');
}
.flag-mm {
background-image: url('mm.svg');
}
.flag-mn {
background-image: url('mn.svg');
}
.flag-mo {
background-image: url('mo.svg');
}
.flag-mp {
background-image: url('mp.svg');
}
.flag-mq {
background-image: url('mq.svg');
}
.flag-mr {
background-image: url('mr.svg');
}
.flag-ms {
background-image: url('ms.svg');
}
.flag-mt {
background-image: url('mt.svg');
}
.flag-mu {
background-image: url('mu.svg');
}
.flag-mv {
background-image: url('mv.svg');
}
.flag-mw {
background-image: url('mw.svg');
}
.flag-mx {
background-image: url('mx.svg');
}
.flag-my {
background-image: url('my.svg');
}
.flag-mz {
background-image: url('mz.svg');
}
.flag-na {
background-image: url('na.svg');
}
.flag-nc {
background-image: url('nc.svg');
}
.flag-ne {
background-image: url('ne.svg');
}
.flag-nf {
background-image: url('nf.svg');
}
.flag-ng {
background-image: url('ng.svg');
}
.flag-ni {
background-image: url('ni.svg');
}
.flag-nl {
background-image: url('nl.svg');
}
.flag-no {
background-image: url('no.svg');
}
.flag-np {
background-image: url('np.svg');
}
.flag-nr {
background-image: url('nr.svg');
}
.flag-nu {
background-image: url('nu.svg');
}
.flag-nz {
background-image: url('nz.svg');
}
.flag-om {
background-image: url('om.svg');
}
.flag-pa {
background-image: url('pa.svg');
}
.flag-pe {
background-image: url('pe.svg');
}
.flag-pf {
background-image: url('pf.svg');
}
.flag-pg {
background-image: url('pg.svg');
}
.flag-ph {
background-image: url('ph.svg');
}
.flag-pk {
background-image: url('pk.svg');
}
.flag-pl {
background-image: url('pl.svg');
}
.flag-pm {
background-image: url('pm.svg');
}
.flag-pn {
background-image: url('pn.svg');
}
.flag-pr {
background-image: url('pr.svg');
}
.flag-ps {
background-image: url('ps.svg');
}
.flag-pt {
background-image: url('pt.svg');
}
.flag-pw {
background-image: url('pw.svg');
}
.flag-py {
background-image: url('py.svg');
}
.flag-qa {
background-image: url('qa.svg');
}
.flag-re {
background-image: url('re.svg');
}
.flag-ro {
background-image: url('ro.svg');
}
.flag-rs {
background-image: url('rs.svg');
}
.flag-ru {
background-image: url('ru.svg');
}
.flag-rw {
background-image: url('rw.svg');
}
.flag-sa {
background-image: url('sa.svg');
}
.flag-sb {
background-image: url('sb.svg');
}
.flag-sc {
background-image: url('sc.svg');
}
.flag-sd {
background-image: url('sd.svg');
}
.flag-se {
background-image: url('se.svg');
}
.flag-sg {
background-image: url('sg.svg');
}
.flag-sh {
background-image: url('sh.svg');
}
.flag-si {
background-image: url('si.svg');
}
.flag-sj {
background-image: url('sj.svg');
}
.flag-sk {
background-image: url('sk.svg');
}
.flag-sl {
background-image: url('sl.svg');
}
.flag-sm {
background-image: url('sm.svg');
}
.flag-sn {
background-image: url('sn.svg');
}
.flag-so {
background-image: url('so.svg');
}
.flag-sr {
background-image: url('sr.svg');
}
.flag-ss {
background-image: url('ss.svg');
}
.flag-st {
background-image: url('st.svg');
}
.flag-sv {
background-image: url('sv.svg');
}
.flag-sx {
background-image: url('sx.svg');
}
.flag-sy {
background-image: url('sy.svg');
}
.flag-sz {
background-image: url('sz.svg');
}
.flag-tc {
background-image: url('tc.svg');
}
.flag-td {
background-image: url('td.svg');
}
.flag-tf {
background-image: url('tf.svg');
}
.flag-tg {
background-image: url('tg.svg');
}
.flag-th {
background-image: url('th.svg');
}
.flag-tj {
background-image: url('tj.svg');
}
.flag-tk {
background-image: url('tk.svg');
}
.flag-tl {
background-image: url('tl.svg');
}
.flag-tm {
background-image: url('tm.svg');
}
.flag-tn {
background-image: url('tn.svg');
}
.flag-to {
background-image: url('to.svg');
}
.flag-tr {
background-image: url('tr.svg');
}
.flag-tt {
background-image: url('tt.svg');
}
.flag-tv {
background-image: url('tv.svg');
}
.flag-tw {
background-image: url('tw.svg');
}
.flag-tz {
background-image: url('tz.svg');
}
.flag-ua {
background-image: url('ua.svg');
}
.flag-ug {
background-image: url('ug.svg');
}
.flag-um {
background-image: url('um.svg');
}
.flag-un {
background-image: url('un.svg');
}
.flag-us {
background-image: url('us.svg');
}
.flag-uy {
background-image: url('uy.svg');
}
.flag-uz {
background-image: url('uz.svg');
}
.flag-va {
background-image: url('va.svg');
}
.flag-vc {
background-image: url('vc.svg');
}
.flag-ve {
background-image: url('ve.svg');
}
.flag-vg {
background-image: url('vg.svg');
}
.flag-vi {
background-image: url('vi.svg');
}
.flag-vn {
background-image: url('vn.svg');
}
.flag-vu {
background-image: url('vu.svg');
}
.flag-wf {
background-image: url('wf.svg');
}
.flag-ws {
background-image: url('ws.svg');
}
.flag-ye {
background-image: url('ye.svg');
}
.flag-yt {
background-image: url('yt.svg');
}
.flag-za {
background-image: url('za.svg');
}
.flag-zm {
background-image: url('zm.svg');
}
.flag-zw {
background-image: url('zw.svg');
}
.payment {
width: 2.5rem;
height: 1.5rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.payment-2checkout-dark {
background-image: url('2checkout-dark.svg');
}
.payment-2checkout {
background-image: url('2checkout.svg');
}
.payment-alipay-dark {
background-image: url('alipay-dark.svg');
}
.payment-alipay {
background-image: url('alipay.svg');
}
.payment-amazon-dark {
background-image: url('amazon-dark.svg');
}
.payment-amazon {
background-image: url('amazon.svg');
}
.payment-americanexpress-dark {
background-image: url('americanexpress-dark.svg');
}
.payment-americanexpress {
background-image: url('americanexpress.svg');
}
.payment-applepay-dark {
background-image: url('applepay-dark.svg');
}
.payment-applepay {
background-image: url('applepay.svg');
}
.payment-bancontact-dark {
background-image: url('bancontact-dark.svg');
}
.payment-bancontact {
background-image: url('bancontact.svg');
}
.payment-bitcoin-dark {
background-image: url('bitcoin-dark.svg');
}
.payment-bitcoin {
background-image: url('bitcoin.svg');
}
.payment-bitpay-dark {
background-image: url('bitpay-dark.svg');
}
.payment-bitpay {
background-image: url('bitpay.svg');
}
.payment-cirrus-dark {
background-image: url('cirrus-dark.svg');
}
.payment-cirrus {
background-image: url('cirrus.svg');
}
.payment-clickandbuy-dark {
background-image: url('clickandbuy-dark.svg');
}
.payment-clickandbuy {
background-image: url('clickandbuy.svg');
}
.payment-coinkite-dark {
background-image: url('coinkite-dark.svg');
}
.payment-coinkite {
background-image: url('coinkite.svg');
}
.payment-dinersclub-dark {
background-image: url('dinersclub-dark.svg');
}
.payment-dinersclub {
background-image: url('dinersclub.svg');
}
.payment-directdebit-dark {
background-image: url('directdebit-dark.svg');
}
.payment-directdebit {
background-image: url('directdebit.svg');
}
.payment-discover-dark {
background-image: url('discover-dark.svg');
}
.payment-discover {
background-image: url('discover.svg');
}
.payment-dwolla-dark {
background-image: url('dwolla-dark.svg');
}
.payment-dwolla {
background-image: url('dwolla.svg');
}
.payment-ebay-dark {
background-image: url('ebay-dark.svg');
}
.payment-ebay {
background-image: url('ebay.svg');
}
.payment-eway-dark {
background-image: url('eway-dark.svg');
}
.payment-eway {
background-image: url('eway.svg');
}
.payment-giropay-dark {
background-image: url('giropay-dark.svg');
}
.payment-giropay {
background-image: url('giropay.svg');
}
.payment-googlewallet-dark {
background-image: url('googlewallet-dark.svg');
}
.payment-googlewallet {
background-image: url('googlewallet.svg');
}
.payment-ingenico-dark {
background-image: url('ingenico-dark.svg');
}
.payment-ingenico {
background-image: url('ingenico.svg');
}
.payment-jcb-dark {
background-image: url('jcb-dark.svg');
}
.payment-jcb {
background-image: url('jcb.svg');
}
.payment-klarna-dark {
background-image: url('klarna-dark.svg');
}
.payment-klarna {
background-image: url('klarna.svg');
}
.payment-laser-dark {
background-image: url('laser-dark.svg');
}
.payment-laser {
background-image: url('laser.svg');
}
.payment-maestro-dark {
background-image: url('maestro-dark.svg');
}
.payment-maestro {
background-image: url('maestro.svg');
}
.payment-mastercard-dark {
background-image: url('mastercard-dark.svg');
}
.payment-mastercard {
background-image: url('mastercard.svg');
}
.payment-monero-dark {
background-image: url('monero-dark.svg');
}
.payment-monero {
background-image: url('monero.svg');
}
.payment-neteller-dark {
background-image: url('neteller-dark.svg');
}
.payment-neteller {
background-image: url('neteller.svg');
}
.payment-ogone-dark {
background-image: url('ogone-dark.svg');
}
.payment-ogone {
background-image: url('ogone.svg');
}
.payment-okpay-dark {
background-image: url('okpay-dark.svg');
}
.payment-okpay {
background-image: url('okpay.svg');
}
.payment-paybox-dark {
background-image: url('paybox-dark.svg');
}
.payment-paybox {
background-image: url('paybox.svg');
}
.payment-paymill-dark {
background-image: url('paymill-dark.svg');
}
.payment-paymill {
background-image: url('paymill.svg');
}
.payment-payone-dark {
background-image: url('payone-dark.svg');
}
.payment-payone {
background-image: url('payone.svg');
}
.payment-payoneer-dark {
background-image: url('payoneer-dark.svg');
}
.payment-payoneer {
background-image: url('payoneer.svg');
}
.payment-paypal-dark {
background-image: url('paypal-dark.svg');
}
.payment-paypal {
background-image: url('paypal.svg');
}
.payment-paysafecard-dark {
background-image: url('paysafecard-dark.svg');
}
.payment-paysafecard {
background-image: url('paysafecard.svg');
}
.payment-payu-dark {
background-image: url('payu-dark.svg');
}
.payment-payu {
background-image: url('payu.svg');
}
.payment-payza-dark {
background-image: url('payza-dark.svg');
}
.payment-payza {
background-image: url('payza.svg');
}
.payment-ripple-dark {
background-image: url('ripple-dark.svg');
}
.payment-ripple {
background-image: url('ripple.svg');
}
.payment-sage-dark {
background-image: url('sage-dark.svg');
}
.payment-sage {
background-image: url('sage.svg');
}
.payment-sepa-dark {
background-image: url('sepa-dark.svg');
}
.payment-sepa {
background-image: url('sepa.svg');
}
.payment-shopify-dark {
background-image: url('shopify-dark.svg');
}
.payment-shopify {
background-image: url('shopify.svg');
}
.payment-skrill-dark {
background-image: url('skrill-dark.svg');
}
.payment-skrill {
background-image: url('skrill.svg');
}
.payment-solo-dark {
background-image: url('solo-dark.svg');
}
.payment-solo {
background-image: url('solo.svg');
}
.payment-square-dark {
background-image: url('square-dark.svg');
}
.payment-square {
background-image: url('square.svg');
}
.payment-stripe-dark {
background-image: url('stripe-dark.svg');
}
.payment-stripe {
background-image: url('stripe.svg');
}
.payment-switch-dark {
background-image: url('switch-dark.svg');
}
.payment-switch {
background-image: url('switch.svg');
}
.payment-ukash-dark {
background-image: url('ukash-dark.svg');
}
.payment-ukash {
background-image: url('ukash.svg');
}
.payment-unionpay-dark {
background-image: url('unionpay-dark.svg');
}
.payment-unionpay {
background-image: url('unionpay.svg');
}
.payment-verifone-dark {
background-image: url('verifone-dark.svg');
}
.payment-verifone {
background-image: url('verifone.svg');
}
.payment-verisign-dark {
background-image: url('verisign-dark.svg');
}
.payment-verisign {
background-image: url('verisign.svg');
}
.payment-visa-dark {
background-image: url('visa-dark.svg');
}
.payment-visa {
background-image: url('visa.svg');
}
.payment-webmoney-dark {
background-image: url('webmoney-dark.svg');
}
.payment-webmoney {
background-image: url('webmoney.svg');
}
.payment-westernunion-dark {
background-image: url('westernunion-dark.svg');
}
.payment-westernunion {
background-image: url('westernunion.svg');
}
.payment-worldpay-dark {
background-image: url('worldpay-dark.svg');
}
.payment-worldpay {
background-image: url('worldpay.svg');
}
svg {
touch-action: none;
}
/**
Dimmer
*/
.dimmer {
position: relative;
}
.dimmer .loader {
display: none;
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.dimmer.active .loader {
display: block;
}
.dimmer.active .dimmer-content {
opacity: 0.04;
pointer-events: none;
}
/*-------- Loaders ---------*/
/*Spineer3*/
.spinner3 {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
animation: sk-rotate 2s infinite linear;
}
.dot1,
.dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
border-radius: 100%;
animation: sk-bounce 2s infinite ease-in-out;
}
.dot1 {
background: -webkit-gradient(linear, left top, right top, from(var(--primary-bg-color)), to(var(--primary-bg-color)));
}
.dot2 {
background: -webkit-gradient(linear, left top, right top, from(var(--primary-bg-color)), to(var(--primary-bg-color)));
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes sk-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
/*End of Spineer3*/
/*Spineer4*/
.spinner4 {
margin: 100px auto;
width: 70px;
text-align: center;
}
.spinner4>div {
width: 18px;
height: 18px;
background: -webkit-gradient(linear, left top, right top, from(var(--primary-bg-color)), to(var(--primary-bg-color)));
border-radius: 100%;
display: inline-block;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner4 .bounce1 {
animation-delay: -0.32s;
}
.spinner4 .bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/*End of Spineer4*/
/*Sk circle*/
.sk-circle {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: "";
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background: -webkit-gradient(linear, left top, right top, from(var(--primary-bg-color)), to(var(--primary-bg-color)));
border-radius: 100%;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/*End of Sk circle*/
/*Sk cube*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 100px auto;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background: var(--primary-bg-color);
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s;
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
transform: scale3D(1, 1, 1);
}
35% {
transform: scale3D(0, 0, 1);
}
}
/*End of Sk Cube*/
/*sk-folding-cube*/
.sk-folding-cube {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-bg-color);
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s;
}
@keyframes sk-foldCubeAngle {
0%,
10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/*End of sk-folding-cube*/
/*Spiiner5*/
.spinner5 {
margin: 100px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.spinner5>div {
background: -webkit-gradient(linear, left top, right top, from(var(--primary-bg-color)), to(var(--primary-bg-color)));
height: 100%;
width: 6px;
display: inline-block;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner5 .rect2 {
animation-delay: -1.1s;
}
.spinner5 .rect3 {
animation-delay: -1s;
}
.spinner5 .rect4 {
animation-delay: -0.9s;
}
.spinner5 .rect5 {
animation-delay: -0.8s;
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
/*End of Spiiner5*/
.spinner {
width: 40px;
height: 40px;
background: var(--primary-bg-color);
margin: 100px auto;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.spinner-lg {
width: 100px;
height: 100px;
background-color: var(--primary-bg-color);
margin: 100px auto;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.spinner1 {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.spinner1-lg {
width: 100px;
height: 100px;
position: relative;
margin: 100px auto;
}
.double-bounce1 {
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--primary-bg-color);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--primary-bg-color);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-bounce 2s infinite ease-in-out;
animation-delay: -1s;
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.spinner2 {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}
.cube1 {
background-color: var(--primary-bg-color);
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
background-color: var(--primary-bg-color);
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
animation: sk-cubemove 1.8s infinite ease-in-out;
animation-delay: -0.9s;
}
@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.lds-heart {
position: relative;
width: 64px;
height: 64px;
transform: rotate(45deg);
transform-origin: 32px 32px;
margin: 100px auto;
}
.lds-heart div {
top: 23px;
left: 19px;
position: absolute;
width: 26px;
height: 26px;
background: var(--primary-bg-color);
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after {
content: " ";
position: absolute;
display: block;
width: 26px;
height: 26px;
background: var(--primary-bg-color);
top: -17px;
border-radius: 50% 50% 0 0;
}
.lds-heart div:before {
content: " ";
position: absolute;
display: block;
width: 26px;
height: 26px;
background: var(--primary-bg-color);
left: -17px;
border-radius: 50% 0 0 50%;
}
@keyframes lds-heart {
0% {
transform: scale(0.95);
}
5% {
transform: scale(1.1);
}
39% {
transform: scale(0.85);
}
45% {
transform: scale(1);
}
60% {
transform: scale(0.95);
}
100% {
transform: scale(0.9);
}
}
.lds-ring {
position: relative;
width: 64px;
height: 64px;
margin: 100px auto;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid var(--primary-bg-color);
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: var(--primary-bg-color) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.lds-hourglass {
position: relative;
width: 40px;
height: 40px;
margin: 100px auto;
}
.lds-hourglass:after {
content: " ";
display: block;
border-radius: 50%;
width: 0;
height: 0;
margin: 6px;
box-sizing: border-box;
border: 26px solid var(--primary-bg-color);
border-color: var(--primary-bg-color) transparent;
animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
0% {
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
100% {
transform: rotate(1800deg);
}
}
/*------ Tables -----*/
.table,
.text-wrap table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.table th {
padding: 0.75rem 30px;
vertical-align: top;
border-top: 1px solid #eff0f6;
}
.text-wrap table th,
.text-wrap table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #eff0f6;
}
.table td {
padding: 0.75rem 30px;
vertical-align: top;
border-top: 0;
}
.border {
vertical-align: top;
border: 1px solid #eff0f6;
}
.table tbody+tbody,
.text-wrap table tbody+tbody {
border-top: 2px solid #dee2e6;
}
.table .table,
.text-wrap table .table,
.table .text-wrap table {
background-color: #f4f5fb;
}
.text-wrap .table table,
.text-wrap table table {
background-color: #f4f5fb;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered,
.text-wrap table,
.table-bordered th,
.text-wrap table th,
.table-bordered td,
.text-wrap table td {
border: 1px solid #eff0f6;
}
.table-bordered thead th,
.text-wrap table thead th,
.table-bordered thead td,
.text-wrap table thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover {
background-color: #f4f5fb;
}
.table-primary {
background-color: var(--primary02);
border-radius: 0 0 5px 5px;
}
.table-primary>th,
.table-primary>td {
background-color: var(--primary02);
}
.table-primary.table-vcenter th,
.table-primary.table-vcenter td {
border-color: var(--primary01) !important;
}
.table-hover .table-primary:hover {
background-color: #f4f5fb;
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #b7cded;
}
.table-secondary {
background-color: #f72d66;
border-radius: 0 0 5px 5px;
}
.table-secondary>th,
.table-secondary>td {
background-color: #f72d66;
}
.table-hover .table-secondary:hover {
background-color: #cfd2d6;
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #f72d66;
}
.table-success {
background-color: #d2ecb8;
border-radius: 0 0 5px 5px;
}
.table-success>th,
.table-success>td {
background-color: #d2ecb8;
}
.table-hover .table-success:hover {
background-color: #c5e7a4;
border-radius: 0 0 5px 5px;
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #c5e7a4;
}
.table-info {
background-color: #cbe7fb;
border-radius: 0 0 5px 5px;
}
.table-info>th,
.table-info>td {
background-color: #cbe7fb;
}
.table-hover .table-info:hover {
background-color: #b3dcf9;
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #b3dcf9;
}
.table-warning {
background-color: #fbeebc;
border-radius: 0 0 5px 5px;
color: #000 !important;
}
.table-warning>th,
.table-warning>td {
background-color: #fbeebc;
color: #000 !important;
}
.table-warning tbody tr th {
background-color: #fbeebc;
color: #000 !important;
}
.table-warning.table-vcenter th,
.table-warning.table-vcenter td {
border-color: rgba(236, 180, 3, 0.17) !important;
}
.table-hover .table-warning:hover {
background-color: #fae8a4;
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #fae8a4;
}
.table-danger {
background-color: #f1c1c0;
border-radius: 0 0 5px 5px;
}
.table-danger>th,
.table-danger>td {
background-color: #f1c1c0;
}
.table-hover .table-danger:hover {
background-color: #ecacab;
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #ecacab;
}
.table-light {
background-color: #fdfdfe;
border-radius: 0 0 5px 5px;
}
.table-light>th,
.table-light>td {
background-color: #fdfdfe;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #ececf6;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe;
}
.table-active {
background-color: rgba(0, 0, 0, 0.04);
}
.table-active>th,
.table-active>td {
background-color: rgba(0, 0, 0, 0.04);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, 0.04);
}
.table .thead-dark th,
.text-wrap table .thead-dark th {
color: #f4f5fb;
background-color: #212529;
border-color: #32383e;
}
.table .thead-light th,
.text-wrap table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #f4f5fb;
background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075);
}
.text-wrap table.table-dark {
border: 0;
}
.table-dark {
background-color: #c6c8ca;
border-radius: 0 0 5px 5px;
}
.table-dark>th,
.table-dark>td {
background-color: #c6c8ca;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm>.table-bordered {
border: 0;
}
.text-wrap .table-responsive-sm>table {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md>.table-bordered {
border: 0;
}
.text-wrap .table-responsive-md>table {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg>.table-bordered {
border: 0;
}
.text-wrap .table-responsive-lg>table {
border: 0;
}
}
@media (max-width: 1279.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl>.table-bordered {
border: 0;
}
.text-wrap .table-responsive-xl>table {
border: 0;
}
}
.table-responsive {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.text-wrap .table-responsive>table {
border: 0;
}
.table thead th,
.text-wrap table thead th {
vertical-align: bottom;
border-bottom: 1px solid #eff0f6;
border-top: 0;
border-bottom-width: 1px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.table th,
.text-wrap table th {
color: #384b6e;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 400;
}
.table-md th,
.table-md td {
padding: 0.5rem;
}
.table-vcenter td,
.table-vcenter th {
vertical-align: middle;
border-top: 1px solid #eff0f6;
}
.table-center td,
.table-center th {
text-align: center;
}
.table-striped tbody tr:nth-of-type(odd) {
background: transparent;
}
.table-striped tbody tr:nth-of-type(odd) td,
.table-striped tbody tr:nth-of-type(odd) tr {
color: #424e79 !important;
}
.table-striped tbody tr:nth-of-type(even) {
background-color: #f4f5fb;
}
.table-calendar {
margin: 0 0 0.75rem;
}
.table-calendar td,
.table-calendar th {
border: 0;
text-align: center;
padding: 0 !important;
width: 14.28571429%;
line-height: 2.5rem;
}
.table-calendar td {
border-top: 0;
}
.table-calendar-link {
line-height: 2rem;
min-width: calc(2rem + 2px);
display: inline-block;
border-radius: 3px;
background: #f8f9fa;
color: #495057;
font-weight: 600;
transition: 0.3s background, 0.3s color;
position: relative;
}
.table-calendar-link:before {
content: "";
width: 4px;
height: 4px;
position: absolute;
left: 0.25rem;
top: 0.25rem;
border-radius: 50px;
background: #467fcf;
}
.table-calendar-link:hover {
color: #fff;
text-decoration: none;
background: #467fcf;
transition: 0.3s background;
}
.table-calendar-link:hover:before {
background: #fff;
}
.table-header {
cursor: pointer;
transition: 0.3s color;
}
.table-header:hover {
color: #495057 !important;
}
.table-header:after {
content: "\f0dc";
font-family: FontAwesome;
display: inline-block;
margin-left: 0.5rem;
font-size: 0.75rem;
}
.table-header-asc {
color: #495057 !important;
}
.table-header-asc:after {
content: "\f0de";
}
.table-header-desc {
color: #495057 !important;
}
.table-header-desc:after {
content: "\f0dd";
}
.table> :not(:first-child) {
border-top: 0px solid #eff0f6;
}
.jvectormap-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
touch-action: none;
}
.jvectormap-tip {
position: absolute;
display: none;
border-radius: 3px;
background: #212529;
color: white;
padding: 6px;
font-size: 11px;
line-height: 1;
font-weight: 700;
}
.jvectormap-tip small {
font-size: inherit;
font-weight: 400;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
position: absolute;
left: 10px;
border-radius: 3px;
background: #292929;
padding: 3px;
color: white;
cursor: pointer;
line-height: 10px;
text-align: center;
box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
width: 10px;
height: 10px;
}
.jvectormap-zoomin {
top: 10px;
}
.jvectormap-zoomout {
top: 30px;
}
.jvectormap-goback {
bottom: 10px;
z-index: 1000;
padding: 6px;
}
.jvectormap-spinner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
font-weight: bold;
font-size: 14px;
text-align: center;
}
.jvectormap-legend-cnt {
position: absolute;
}
.jvectormap-legend-cnt-v {
top: 0;
right: 0;
}
.jvectormap-legend {
background: black;
color: white;
border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
float: left;
margin: 0 10px 10px 0;
padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 10px 0 0;
padding: 3px;
}
.jvectormap-legend-cnt-h {
bottom: 0;
right: 0;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
}
.jvectormap-legend-tick-text {
font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
display: inline-block;
vertical-align: middle;
line-height: 20px;
padding-left: 3px;
}
/**widgets*/
.widgets {
font-size: 35px;
padding: 20px;
}
.widgetstext {
top: 0;
bottom: 0;
padding: 20px 40px;
}
.widget-line h4 {
font-size: 24px;
font-weight: 600;
}
.fs {
font-size: 25px;
}
.widget-line p {
font-size: 16px;
}
.widget-line-list li {
display: inline-block;
font-size: 16px;
line-height: 27px;
padding: 5px 20px 0 15px;
list-style-type: none;
}
/*----Profile----*/
.media {
display: flex;
align-items: flex-start;
}
.mediaicon {
font-size: 18px;
border: 1px solid var(--primary-bg-color);
background: var(--primary-bg-color);
color: #fff;
width: 40px;
height: 40px;
text-align: center;
padding: 5px 0px;
border-radius: 20px;
}
.media-body {
flex: 1;
}
.mediafont {
font-size: 16px;
font-weight: 600;
}
/*-----Icon input-----*/
.defaultheader .input-icon-addon,
.defaultheader .form-control.header-search::placeholder {
color: #fff !important;
}
.input-icon {
position: relative;
}
.input-icon .form-control:not(:last-child),
.input-icon .form-control:not(:first-child) {
padding-left: 2.5rem;
}
.input-icon-addon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
pointer-events: none;
z-index: 1;
}
.input-icon-addon:last-child {
left: auto;
}
.form-fieldset {
background: #f8f9fa;
border: 1px solid #e9ecef;
padding: 1rem;
border-radius: 3px;
margin-bottom: 1rem;
}
.form-required {
color: #dc0441;
}
.form-required:before {
content: " ";
}
.state-valid {
padding-right: 2rem;
background: url("data:image/svg+xml;charset=utf8,") no-repeat center right 0.5rem/1rem;
}
.state-invalid {
padding-right: 2rem;
background: url("data:image/svg+xml;charset=utf8,") no-repeat center right 0.5rem/1rem;
}
.form-help {
display: inline-block;
width: 1rem;
height: 1rem;
text-align: center;
line-height: 1rem;
color: #9aa0ac;
background: #f8f9fa;
border-radius: 50%;
font-size: 0.75rem;
transition: 0.3s background-color, 0.3s color;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.form-help:hover,
.form-help[aria-describedby] {
background: #467fcf;
color: #fff;
}
.sparkline {
display: inline-block;
height: 2rem;
}
.social-links li a {
background: #f8f8f8;
border-radius: 50%;
color: #9aa0ac;
display: inline-block;
height: 1.75rem;
width: 1.75rem;
line-height: 1.75rem;
text-align: center;
}
.vmap-width {
height: 240px;
}
.map,
.chart {
position: relative;
padding-top: 56.25%;
}
.map-square,
.chart-square {
padding-top: 100%;
}
.map-content,
.chart-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.map-header {
margin-bottom: 1.5rem;
height: 15rem;
position: relative;
margin-bottom: -1.5rem;
}
.map-header:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 10rem;
background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f4f5fb 95%);
pointer-events: none;
}
.map-header-layer {
height: 100%;
}
.map-static {
height: 120px;
width: 100%;
max-width: 640px;
background-position: center center;
background-size: 640px 120px;
}
@keyframes status-pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.32;
}
}
.status-icon {
content: "";
width: 0.5rem;
height: 0.5rem;
display: inline-block;
background: currentColor;
border-radius: 50%;
transform: translateY(-1px);
margin-right: 0.375rem;
vertical-align: middle;
}
.status-animated {
animation: 1s status-pulse infinite ease;
}
.chart-circle {
display: block;
height: 8rem;
width: 8rem;
position: relative;
margin: 0 auto;
}
.chart-circle canvas {
margin: 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.chart-circle-xs {
height: 2.5rem;
width: 2.5rem;
font-size: 0.8rem;
}
.chart-circle-sm {
height: 4rem;
width: 4rem;
font-size: 0.8rem;
}
.chart-circle-md {
height: 6rem;
width: 6rem;
font-size: 0.8rem;
}
.chart-circle-lg {
height: 10rem;
width: 10rem;
font-size: 0.8rem;
}
.chart-circle-value {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
}
.chart-circle-value small {
display: block;
color: #9aa0ac;
font-size: 0.9375rem;
}
.chips {
margin: 0 0 -0.5rem;
}
.team i {
margin-left: 10px;
float: right;
}
.chips .chip {
margin: 0 0.5rem 0.5rem 0;
}
.chip {
display: inline-block;
height: 2rem;
line-height: 2rem;
font-size: 0.875rem;
font-weight: 500;
color: #6e7687;
padding: 0 0.75rem;
border-radius: 1rem;
background-color: #e8ebf9;
transition: 0.3s background;
}
.chip .avatar {
float: left;
margin: 0 0.5rem 0 -0.75rem;
height: 2rem;
width: 2rem;
border-radius: 50%;
}
a.chip:hover {
color: #fff;
text-decoration: none;
background-color: var(--primary-bg-color);
}
.emp-tab table {
margin-bottom: 0;
border: 0;
}
.stamp {
color: #fff;
background: #868e96;
display: inline-block;
min-width: 2rem;
height: 2rem;
padding: 0 0.25rem;
line-height: 2rem;
text-align: center;
border-radius: 3px;
font-weight: 600;
}
.stamp-md {
min-width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
}
.stamp-lg {
min-width: 3rem;
height: 3rem;
line-height: 3rem;
}
.chat {
outline: 0;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 100%;
}
.chat-line {
padding: 0;
text-align: right;
position: relative;
display: flex;
flex-direction: row-reverse;
}
.chat-line+.chat-line {
padding-top: 1rem;
}
.chat-message {
position: relative;
display: inline-block;
background-color: #467fcf;
color: #fff;
font-size: 0.875rem;
padding: 0.375rem 0.5rem;
border-radius: 3px;
white-space: normal;
text-align: left;
margin: 0 0.5rem 0 2.5rem;
line-height: 1.4;
}
.chat-message> :last-child {
margin-bottom: 0 !important;
}
.chat-message:after {
content: "";
position: absolute;
right: -5px;
top: 7px;
border-bottom: 6px solid transparent;
border-left: 6px solid #467fcf;
border-top: 6px solid transparent;
}
.chat-message img {
max-width: 100%;
}
.chat-message p {
margin-bottom: 1em;
}
.chat-line-friend {
flex-direction: row;
}
.chat-line-friend+.chat-line-friend {
margin-top: -0.5rem;
}
.chat-line-friend+.chat-line-friend .chat-author {
visibility: hidden;
}
.chat-line-friend+.chat-line-friend .chat-message:after {
display: none;
}
.chat-line-friend .chat-message {
background-color: #f3f3f3;
color: #495057;
margin-left: 0.5rem;
margin-right: 2.5rem;
}
.chat-line-friend .chat-message:after {
right: auto;
left: -5px;
border-left-width: 0;
border-right: 5px solid #f3f3f3;
}
.example {
padding: 1.5rem;
border: 1px solid #eff0f6;
border-radius: 3px 3px 0 0;
font-size: 0.9375rem;
}
.example-bg {
background: #f4f5fb;
}
.example+.highlight {
border-top: none;
margin-top: 0;
border-radius: 0 0 3px 3px;
}
.highlight {
margin: 0rem 0 2rem;
border: 1px solid #eff0f6;
border-radius: 3px;
font-size: 0.9375rem;
max-height: 40rem;
background: #fcfcfc;
}
.highlight pre {
margin-bottom: 0;
background-color: #f3f4f7;
}
.example-column {
margin: 0 auto;
}
.example-column>.card:last-of-type {
margin-bottom: 0;
}
.example-column-1 {
max-width: 20rem;
}
.example-column-2 {
max-width: 40rem;
}
/***** time-line*****/
.timeline__item:after {
background: #fff !important;
}
.timeline--horizontal .timeline-divider {
background: #f4f5fb !important;
}
.timeline__content {
background-color: #fff;
border-radius: 10px;
display: block;
padding: 1.25rem;
position: relative;
}
/*-----Back to Top-----*/
#back-to-top {
background: var(--primary-bg-color);
fill: #fff;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
display: none;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 2px;
height: 50px;
width: 50px;
line-height: 50px;
background-repeat: no-repeat;
background-position: center;
transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-webkit-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
}
#back-to-top i {
padding-top: 15px;
font-size: 16px;
}
#back-to-top:hover {
background: #fff;
fill: var(--primary-bg-color);
border: 2px solid var(--primary-bg-color);
}
.tabs-menu ul li a {
padding: 10px 20px 11px 20px;
display: block;
}
.tabs-menu ul li .active {
background: var(--primary-bg-color);
color: #fff !important;
border-radius: 25px;
}
.tabs-menu1 ul li a {
padding: 10px 20px 11px 20px;
display: block;
font-weight: 500;
}
.tabs-menu1 ul li .active {
border-bottom: 3px solid var(--primary-bg-color);
}
.tabs-menu-body {
padding: 15px;
border: 1px solid #eff0f6;
border-radius: 0 0 8px 8px;
}
.tabs-menu-body p:last-child {
margin-bottom: 0;
}
.tab-menu-heading {
padding: 20px;
border: 1px solid #eff0f6;
border-bottom: 0;
border-radius: 5px 5px 0 0;
}
.tab_wrapper .content_wrapper .tab_content.active p:last-child {
margin-bottom: 0;
}
.item-card .cardbody {
position: relative;
padding: 30px 15px;
border-radius: 0 0 0.2rem 0.2rem;
}
.item-card .cardtitle span {
display: block;
font-size: 0.75rem;
}
.item-card .cardtitle a {
color: #8e9cad;
font-weight: 500;
text-decoration: none;
}
.item-card .cardprice {
position: absolute;
top: 20px;
right: 0;
}
.item-card .cardprice span {
display: block;
font-size: 18px;
font-weight: 500;
}
.item-card .cardprice span.type--strikethrough {
opacity: 0.5;
text-decoration: line-through;
font-size: 14px;
font-weight: 400;
}
.features {
overflow: hidden;
}
.features h2 {
font-weight: 600;
margin-bottom: 12px;
text-align: center;
font-size: 2.2em;
}
.features h3 {
font-size: 20px;
font-weight: 600;
}
.features span {
color: #43414e;
display: block;
font-weight: 400;
text-align: center;
}
.col-sm-2 .feature {
padding: 0;
border: 0px;
box-shadow: none;
}
.feature .feature-svg {
width: 25%;
}
.feature .feature-svg3 {
width: 12%;
}
.feature .border {
position: relative;
display: inline-block;
width: 3em;
height: 3em;
line-height: 2em;
vertical-align: middle;
padding-top: 8px;
border-radius: 50%;
color: #fff;
}
.feature p {
margin-bottom: 0;
}
.sub-panel-heading .tabs-menu ul li {
display: block;
width: 100%;
border-bottom: 1px solid #efefef;
}
.sub-panel-heading .tabs-menu ul li a.active {
background: #fff;
border-radius: 0;
width: 100%;
color: var(--primary-bg-color) !important;
}
.sub-panel-heading .tabs-menu ul li:last-child {
border-bottom: 0;
}
.sub-panel-heading .tabs-menu ul li a {
padding: 15px 20px;
}
.invoicelist,
.invoicedetailspage {
max-height: 600px;
height: 600px;
overflow: auto;
}
@media (min-width: 992px) {
.invoicedetailspage.tabs-menu-body {
border-radius: 0 8px 8px 0;
}
}
@media (min-width: 1600px) {
.sales-img {
width: 400px;
}
}
@media (min-width: 1800px) {
.vmap-width {
height: 300px;
}
.countryscroll {
height: 350px;
}
.sales-img {
width: 400px;
}
}
/* ###### forms ####### */
/*----- Custom control -----*/
.card-custom-icon {
position: absolute;
right: 25px;
top: 15px;
color: #e5e9f2;
width: 60px;
height: 60px;
}
.timeline__item:after {
border: 6px solid var(--primary-bg-color);
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-user-select: none;
user-select: none;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
background-color: var(--primary-bg-color);
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.custom-control-input:active~.custom-control-label::before {
color: #fff;
background-color: #d4e1f4;
}
.custom-control-input:disabled~.custom-control-label {
color: #868e96;
}
.custom-control-input:disabled~.custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
margin-bottom: 0;
display: block;
line-height: 25px;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
user-select: none;
border: 1px solid #eff0f6;
background-color: #fff;
background-size: 0.5rem;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-control-label-md {
padding-left: 15px;
padding-top: 6px;
}
.custom-control-label-md::before,
.custom-control-label-md::after {
top: 0.25rem !important;
width: 1.5rem !important;
height: 1.5rem !important;
}
.custom-control-md {
min-height: 2rem !important;
}
.custom-control-lg {
min-height: 2.5rem;
}
.custom-control-label-lg {
padding-left: 15px;
padding-top: 10px;
}
.custom-control-label-lg::before,
.custom-control-label-lg::after {
top: 0.25rem !important;
width: 2rem !important;
height: 2rem !important;
}
.custom-checkbox .custom-control-label::before {
border-radius: 3px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
background-color: var(--primary-bg-color);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
background-color: var(--primary-bg-color);
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: var(--primary-bg-color);
opacity: 0.5;
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(70, 127, 207, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
background-color: var(--primary-bg-color);
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: var(--primary-bg-color);
opacity: 0.5;
}
.form-select {
display: inline-block;
width: 100%;
height: 2.375rem;
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
line-height: 1.5;
color: #6b6f80;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #eff0f6;
border-radius: 3px;
-webkit-appearance: none;
appearance: none;
}
.form-select:focus {
border-color: var(--primary-bg-color);
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(25, 145, 235, 0.5);
}
.form-select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
color: #868e96;
background-color: #e9ecef;
}
.form-select::-ms-expand {
opacity: 0;
}
.form-select-sm {
height: calc(1.8125rem + 2px) !important;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 90% !important;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
height: 2.375rem;
}
.form-select-lg {
height: calc(2.6875rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 125%;
}
.form-file {
position: relative;
display: inline-block;
width: 100%;
height: 2.375rem;
margin-bottom: 0;
}
.form-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 2.375rem;
margin: 0;
opacity: 0;
}
.form-file-input:focus~.form-file-label {
border-color: var(--primary-bg-color);
box-shadow: none;
}
.form-file-input:focus~.form-file-label::after {
border-color: var(--primary-bg-color);
}
.form-file-input:lang(en)~.form-file-label::after {
content: "Browse";
}
.form-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 2.375rem;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 3px;
}
.form-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(2.375rem - 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #fff;
font-weight: 500;
content: "Browse";
background-color: var(--primary-bg-color);
border-left: 1px solid var(--primary-bg-color);
border-radius: 0 3px 3px 0;
}
.form-label {
display: block;
margin-bottom: 0.375rem;
font-weight: 500;
font-size: 0.875rem;
}
.form-label-small {
float: right;
font-weight: 400;
font-size: 87.5%;
}
.form-footer {
margin-top: 2rem;
}
.custom-controls-stacked .custom-control {
margin-bottom: 0.25rem;
}
.custom-control-description {
line-height: 1.5rem;
}
.input-group-text,
.input-group-text,
.input-group-btn {
font-size: 0.9375rem;
}
.input-group-text>.btn,
.input-group-text>.btn,
.input-group-btn>.btn {
height: 100%;
border-color: rgba(0, 40, 100, 0.12);
}
.input-group-text>.input-group-text {
border-right: 0;
}
.input-group-text>.input-group-text {
border-left: 0;
}
.form-range {
align-items: center;
-webkit-appearance: none;
appearance: none;
background: none;
cursor: pointer;
display: flex;
height: 100%;
min-height: 2.375rem;
overflow: hidden;
padding: 0;
border: 0;
width: 100%;
padding-left: 0;
background-color: transparent;
}
.form-range::-webkit-slider-thumb {
width: 14px;
height: 14px;
-webkit-appearance: none;
appearance: none;
background: #fff;
border-radius: 50px;
box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12), 6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12), 8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12), 10px 0 0 -6px rgba(0, 50, 126, 0.12), 11px 0 0 -6px rgba(0, 50, 126, 0.12), 12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12), 14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12), 16px 0 0 -6px rgba(0, 50, 126, 0.12), 17px 0 0 -6px rgba(0, 50, 126, 0.12), 18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12), 20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12), 22px 0 0 -6px rgba(0, 50, 126, 0.12), 23px 0 0 -6px rgba(0, 50, 126, 0.12), 24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12), 26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12), 28px 0 0 -6px rgba(0, 50, 126, 0.12), 29px 0 0 -6px rgba(0, 50, 126, 0.12), 30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12), 32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12), 34px 0 0 -6px rgba(0, 50, 126, 0.12), 35px 0 0 -6px rgba(0, 50, 126, 0.12), 36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12), 38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12), 40px 0 0 -6px rgba(0, 50, 126, 0.12), 41px 0 0 -6px rgba(0, 50, 126, 0.12), 42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12), 44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12), 46px 0 0 -6px rgba(0, 50, 126, 0.12), 47px 0 0 -6px rgba(0, 50, 126, 0.12), 48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12), 50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12), 52px 0 0 -6px rgba(0, 50, 126, 0.12), 53px 0 0 -6px rgba(0, 50, 126, 0.12), 54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12), 56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12), 58px 0 0 -6px rgba(0, 50, 126, 0.12), 59px 0 0 -6px rgba(0, 50, 126, 0.12), 60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12), 62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12), 64px 0 0 -6px rgba(0, 50, 126, 0.12), 65px 0 0 -6px rgba(0, 50, 126, 0.12), 66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12), 68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12), 70px 0 0 -6px rgba(0, 50, 126, 0.12), 71px 0 0 -6px rgba(0, 50, 126, 0.12), 72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12), 74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12), 76px 0 0 -6px rgba(0, 50, 126, 0.12), 77px 0 0 -6px rgba(0, 50, 126, 0.12), 78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12), 80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12), 82px 0 0 -6px rgba(0, 50, 126, 0.12), 83px 0 0 -6px rgba(0, 50, 126, 0.12), 84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12), 86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12), 88px 0 0 -6px rgba(0, 50, 126, 0.12), 89px 0 0 -6px rgba(0, 50, 126, 0.12), 90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12), 92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12), 94px 0 0 -6px rgba(0, 50, 126, 0.12), 95px 0 0 -6px rgba(0, 50, 126, 0.12), 96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12), 98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12), 100px 0 0 -6px rgba(0, 50, 126, 0.12), 101px 0 0 -6px rgba(0, 50, 126, 0.12), 102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12), 104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12), 106px 0 0 -6px rgba(0, 50, 126, 0.12), 107px 0 0 -6px rgba(0, 50, 126, 0.12), 108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12), 110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12), 112px 0 0 -6px rgba(0, 50, 126, 0.12), 113px 0 0 -6px rgba(0, 50, 126, 0.12), 114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12), 116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12), 118px 0 0 -6px rgba(0, 50, 126, 0.12), 119px 0 0 -6px rgba(0, 50, 126, 0.12), 120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12), 122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12), 124px 0 0 -6px rgba(0, 50, 126, 0.12), 125px 0 0 -6px rgba(0, 50, 126, 0.12), 126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12), 128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12), 130px 0 0 -6px rgba(0, 50, 126, 0.12), 131px 0 0 -6px rgba(0, 50, 126, 0.12), 132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12), 134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12), 136px 0 0 -6px rgba(0, 50, 126, 0.12), 137px 0 0 -6px rgba(0, 50, 126, 0.12), 138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12), 140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12), 142px 0 0 -6px rgba(0, 50, 126, 0.12), 143px 0 0 -6px rgba(0, 50, 126, 0.12), 144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12), 146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12), 148px 0 0 -6px rgba(0, 50, 126, 0.12), 149px 0 0 -6px rgba(0, 50, 126, 0.12), 150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12), 152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12), 154px 0 0 -6px rgba(0, 50, 126, 0.12), 155px 0 0 -6px rgba(0, 50, 126, 0.12), 156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12), 158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12), 160px 0 0 -6px rgba(0, 50, 126, 0.12), 161px 0 0 -6px rgba(0, 50, 126, 0.12), 162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12), 164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12), 166px 0 0 -6px rgba(0, 50, 126, 0.12), 167px 0 0 -6px rgba(0, 50, 126, 0.12), 168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12), 170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12), 172px 0 0 -6px rgba(0, 50, 126, 0.12), 173px 0 0 -6px rgba(0, 50, 126, 0.12), 174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12), 176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12), 178px 0 0 -6px rgba(0, 50, 126, 0.12), 179px 0 0 -6px rgba(0, 50, 126, 0.12), 180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12), 182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12), 184px 0 0 -6px rgba(0, 50, 126, 0.12), 185px 0 0 -6px rgba(0, 50, 126, 0.12), 186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12), 188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12), 190px 0 0 -6px rgba(0, 50, 126, 0.12), 191px 0 0 -6px rgba(0, 50, 126, 0.12), 192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12), 194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12), 196px 0 0 -6px rgba(0, 50, 126, 0.12), 197px 0 0 -6px rgba(0, 50, 126, 0.12), 198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12), 200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12), 202px 0 0 -6px rgba(0, 50, 126, 0.12), 203px 0 0 -6px rgba(0, 50, 126, 0.12), 204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12), 206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12), 208px 0 0 -6px rgba(0, 50, 126, 0.12), 209px 0 0 -6px rgba(0, 50, 126, 0.12), 210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12), 212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12), 214px 0 0 -6px rgba(0, 50, 126, 0.12), 215px 0 0 -6px rgba(0, 50, 126, 0.12), 216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12), 218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12), 220px 0 0 -6px rgba(0, 50, 126, 0.12), 221px 0 0 -6px rgba(0, 50, 126, 0.12), 222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12), 224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12), 226px 0 0 -6px rgba(0, 50, 126, 0.12), 227px 0 0 -6px rgba(0, 50, 126, 0.12), 228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12), 230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12), 232px 0 0 -6px rgba(0, 50, 126, 0.12), 233px 0 0 -6px rgba(0, 50, 126, 0.12), 234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12), 236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12), 238px 0 0 -6px rgba(0, 50, 126, 0.12), 239px 0 0 -6px rgba(0, 50, 126, 0.12), 240px 0 0 -6px rgba(0, 50, 126, 0.12);
margin-top: -6px;
border: 1px solid rgba(0, 30, 75, 0.12);
-webkit-transition: 0.3s border-color, 0.3s background-color;
transition: 0.3s border-color, 0.3s background-color;
}
.form-range::-webkit-slider-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-range::-webkit-slider-thumb:active {
background-color: #d4e1f4;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 14px;
height: 14px;
background: #fff;
border-radius: 50px;
border: 1px solid rgba(0, 30, 75, 0.12);
position: relative;
-moz-transition: 0.3s border-color, 0.3s background-color;
transition: 0.3s border-color, 0.3s background-color;
}
.form-range::-moz-range-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-range::-moz-range-thumb:active {
background-color: #d4e1f4;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-ms-thumb {
width: 1rem;
height: 1rem;
background-color: var(--primary-bg-color);
border: 0;
border-radius: 1rem;
appearance: none;
}
.form-range::-ms-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-range::-ms-thumb:active {
background-color: #d4e1f4;
}
.form-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.form-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.form-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
}
.form-range:focus {
box-shadow: none;
outline: none;
}
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb,
.form-range:focus::-ms-thumb {
border-color: #467fcf;
background-color: #467fcf;
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-runnable-track {
background: #467fcf;
content: "";
height: 2px;
pointer-events: none;
}
.form-range::-moz-range-progress {
height: 2px;
background: #467fcf;
border: 0;
margin-top: 0;
}
.form-range::-ms-track {
background: transparent;
border: 0;
border-color: transparent;
border-radius: 0;
border-width: 0;
color: transparent;
height: 2px;
margin-top: 10px;
width: 240px;
}
.form-range::-ms-thumb {
width: 240px;
height: 2px;
background: #fff;
border-radius: 50px;
border: 1px solid rgba(0, 30, 75, 0.12);
-ms-transition: 0.3s border-color, 0.3s background-color;
transition: 0.3s border-color, 0.3s background-color;
}
.form-range::-ms-fill-lower {
background: #467fcf;
border-radius: 0;
}
.form-range::-ms-fill-upper {
background: rgba(0, 50, 126, 0.12);
border-radius: 0;
}
.form-range::-ms-tooltip {
display: none;
}
/*----- Date Picker ----*/
.ui-datepicker {
background-color: #f3f4f7;
border: 1px solid #eff0f6;
font-family: inherit;
font-size: inherit;
padding: 10px;
margin: 1px 0 0;
display: none;
width: auto !important;
z-index: 5 !important;
}
.ui-datepicker .ui-datepicker-header {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: #473b52;
padding: 0 0 5px;
letter-spacing: 1px;
border: 0;
background-color: transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
text-indent: -99999px;
color: #6c757d;
top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
font-size: 16px;
font-family: "FontAwesome";
position: absolute;
top: -4px;
text-indent: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
color: #343a40;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
color: #343a40;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
order: 3;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
right: 5px;
content: "\f105";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
left: 5px;
content: "\f104";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
color: #495057;
cursor: pointer;
top: 1px;
border: 0;
background-color: transparent;
}
.ui-datepicker .ui-datepicker-title {
color: var(--primary-bg-color);
}
.ui-datepicker .ui-datepicker-calendar {
margin: 0;
background-color: transparent;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.ui-datepicker .ui-datepicker-calendar th {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
padding: 6px 10px;
color: #98a1b5;
}
.ui-datepicker .ui-datepicker-calendar td {
border: 1px solid #eff0f6;
padding: 0;
background-color: #f3f4f7;
text-align: right;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
color: #ced1da;
}
.ui-datepicker .ui-datepicker-calendar td span {
transition: all 0.2s ease-in-out;
padding: 5px;
background-color: #fff;
color: #424e79;
padding: 6px 10px;
display: block;
font-weight: 400;
font-size: 12px;
border: 0;
border-radius: 1px;
}
.ui-datepicker .ui-datepicker-calendar td a {
transition: all 0.2s ease-in-out;
padding: 5px;
background-color: #fff;
color: #424e79;
padding: 6px 10px;
display: block;
font-weight: 400;
font-size: 12px;
border: 0;
border-radius: 1px;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
background-color: #f0f2f7;
color: #473b52;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
background-color: var(--primary-bg-color);
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover {
background-color: var(--primary-bg-color);
color: #fff;
}
@media (max-width: 320px) {
.ui-datepicker .ui-datepicker-calendar th {
padding: 4px 0;
letter-spacing: normal;
}
}
.ui-datepicker-multi .ui-datepicker-group {
padding-right: 15px;
width: auto;
float: left;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
margin: auto;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
left: 10px;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
right: 10px;
}
.ui-datepicker-multi .ui-datepicker-group table {
margin: 0;
}
.ui-datepicker-multi .ui-datepicker-group-last {
padding-right: 0;
}
.ui-datepicker-inline {
max-width: 270px;
border-radius: 12px;
}
.model-wrapper-demo {
padding: 50px 0;
background: #f4f5fb;
}
.custom-checkbox:before {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
user-select: none;
background-color: transparent;
}
.custom-checkbox:after {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
/*------- Forms -------*/
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 0.9375rem;
line-height: 1.6;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eff0f6;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border-radius: 5px;
outline: 0;
color: #424e79;
opacity: 1;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #424e79;
background-color: #fff;
border-color: var(--primary-bg-color);
outline: 0;
box-shadow: none;
}
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
color: #b3bdca !important;
opacity: 1;
}
.form-control:disabled {
background-color: #f2f6f9;
opacity: 1;
}
.form-control[readonly] {
background-color: #f8f9fa;
opacity: 1;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 20px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #eff0f6 !important;
border-radius: 4px;
outline: 0;
}
.select2-container--default .select2-selection--single:focus {
outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 2.375rem !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
color: #495057;
background-color: #fff;
border-color: var(--primary-bg-color);
outline: 0;
box-shadow: none;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #eff0f6 !important;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #eff0f6 !important;
border-radius: 4px;
outline: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #ebeef4 !important;
border: 1px solid #ebeef4 !important;
outline: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::placeholder {
color: #b3bdca !important;
opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
height: 2.375rem;
}
.select2-container .select2-selection--single {
height: 2.375rem !important;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.6;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.125rem;
line-height: 1.44444444;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.14285714;
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.6;
color: #495057;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0;
}
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
padding: 0.5rem 0.5rem;
font-size: 0.875rem;
line-height: 1.14285714;
border-radius: 3px;
}
select.form-control-sm:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>.input-group-text>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-text>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-text>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-text>select.btn:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-text>.input-group-text,
.input-group-sm>.input-group-text>.input-group-text,
.input-group-sm>.input-group-text>.btn,
.input-group-sm>.input-group-text>.btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.14285714;
border-radius: 3px;
}
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-text>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-text>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-text>.form-control-plaintext.btn,
.input-group-sm>.input-group-text>.form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-lg {
padding: 0.5rem 1rem;
font-size: 1.125rem;
line-height: 1.44444444;
border-radius: 3px;
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-text>.input-group-text,
.input-group-lg>.input-group-text>.input-group-text,
.input-group-lg>.input-group-text>.btn,
.input-group-lg>.input-group-text>.btn {
padding: 0.5rem 1rem;
font-size: 1.125rem;
line-height: 1.44444444;
border-radius: 3px;
}
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>.input-group-text>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-text>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-text>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-text>select.btn:not([size]):not([multiple]) {
height: calc(2.6875rem + 2px);
}
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-text>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-text>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-text>.form-control-plaintext.btn,
.input-group-lg>.input-group-text>.form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
select.form-control-lg:not([size]):not([multiple]) {
height: calc(2.6875rem + 2px);
}
.mb-3 {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input:disabled~.form-check-label {
color: #505662;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 87.5%;
color: #2dce89;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1;
color: #fff;
background-color: rgba(94, 186, 0, 0.8);
border-radius: 0.2rem;
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid {
border-color: #2dce89;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
border-color: #2dce89;
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
display: block;
}
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip {
display: block;
}
.was-validated .form-select:valid~.valid-feedback,
.was-validated .form-select:valid~.valid-tooltip {
display: block;
}
.form-select.is-valid~.valid-feedback,
.form-select.is-valid~.valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
color: #2dce89;
}
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
display: block;
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
color: #2dce89;
}
.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
background-color: #9eff3b;
}
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
display: block;
}
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
background-color: #78ed00;
}
.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.was-validated .form-file-input:valid~.form-file-label,
.form-file-input.is-valid~.form-file-label {
border-color: #2dce89;
}
.was-validated .form-file-input:valid~.form-file-label::before,
.form-file-input.is-valid~.form-file-label::before {
border-color: inherit;
}
.was-validated .form-file-input:valid~.valid-feedback,
.was-validated .form-file-input:valid~.valid-tooltip {
display: block;
}
.form-file-input.is-valid~.valid-feedback,
.form-file-input.is-valid~.valid-tooltip {
display: block;
}
.was-validated .form-file-input:valid:focus~.form-file-label,
.form-file-input.is-valid:focus~.form-file-label {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 87.5%;
color: #dc0441;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1;
color: #fff;
background-color: rgba(205, 32, 31, 0.8);
border-radius: 0.2rem;
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: #dc0441;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: #dc0441;
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
display: block;
}
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .form-select:invalid~.invalid-feedback,
.was-validated .form-select:invalid~.invalid-tooltip {
display: block;
}
.form-select.is-invalid~.invalid-feedback,
.form-select.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: #dc0441;
}
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
display: block;
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
color: #dc0441;
}
.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
background-color: #ec8080;
}
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
display: block;
}
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
background-color: #e23e3d;
}
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.was-validated .form-file-input:invalid~.form-file-label,
.form-file-input.is-invalid~.form-file-label {
border-color: #dc0441;
}
.was-validated .form-file-input:invalid~.form-file-label::before,
.form-file-input.is-invalid~.form-file-label::before {
border-color: inherit;
}
.was-validated .form-file-input:invalid~.invalid-feedback,
.was-validated .form-file-input:invalid~.invalid-tooltip {
display: block;
}
.form-file-input.is-invalid~.invalid-feedback,
.form-file-input.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .form-file-input:invalid:focus~.form-file-label,
.form-file-input.is-invalid:focus~.form-file-label {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .mb-3 {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .form-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.select2-container--focus {
outline: 1px auto #eff0f6;
}
.ms-choice {
outline: 0;
}
.ms-choice:focus {
outline: 0;
}
select [aria-selected=true] {
outline: 0;
}
select [aria-selected=true]:focus {
outline: 0;
}
.modal .select2-container {
width: 100% !important;
}
.select2-container--open .select2-dropdown--below {
z-index: 9;
}
.form-group {
margin-bottom: 1rem;
}
/*--- WIZARD ELEMENTS ---*/
.wizard {
border: 1px solid #eff0f6;
background-color: #fff;
}
.wizard>.steps {
padding: 20px;
}
.wizard>.steps>ul {
padding: 0;
margin-bottom: 0;
display: flex;
}
.wizard>.steps>ul li {
float: none;
display: block;
width: auto;
}
.wizard>.steps>ul li .current-info {
display: none;
}
.wizard>.steps>ul li .title {
margin-left: 5px;
white-space: nowrap;
transition: all 0.2s ease-in-out;
margin: 0;
min-height: auto;
}
.wizard>.steps>ul li+li {
margin-left: 5px;
}
.wizard>.steps a {
color: #14112d;
font-weight: 500;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.wizard>.steps a:hover,
.wizard>.steps a:active {
color: #14112d;
font-weight: 500;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.wizard>.steps a .number,
.wizard>.steps a:hover .number,
.wizard>.steps a:active .number {
flex-shrink: 0;
font-weight: 700;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #fff;
display: block;
text-align: center;
line-height: 2;
width: 30px;
height: 30px;
background-color: var(--primary02);
border-radius: 100%;
transition: all 0.2s ease-in-out;
margin-right: 5px;
}
.wizard>.steps .disabled a {
color: #737688;
}
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
color: #737688;
}
.wizard>.steps .current a {
color: var(--primary-bg-color);
}
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
color: var(--primary-bg-color);
}
.wizard>.steps .current a .title,
.wizard>.steps .current a:hover .title,
.wizard>.steps .current a:active .title {
display: inline-block;
}
.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number {
background-color: var(--primary-bg-color);
}
.wizard>.steps .done a {
color: #2dce89;
}
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
color: #2dce89;
}
.wizard>.steps .done a .title,
.wizard>.steps .done a:hover .title,
.wizard>.steps .done a:active .title {
display: none;
}
.wizard>.steps .done a .number,
.wizard>.steps .done a:hover .number,
.wizard>.steps .done a:active .number {
background-color: #2dce89;
}
.wizard>.content {
border-top: 1px solid #eff0f6;
border-bottom: 1px solid #eff0f6;
min-height: 150px;
padding: 20px;
}
.wizard>.content>.title {
font-size: 18px;
color: #424e79;
font-weight: 700;
margin-bottom: 5px;
display: none;
margin: 0;
}
.wizard>.content>.title.current {
display: block;
}
.wizard>.content>.body {
float: none;
position: static;
width: auto;
height: auto;
}
.wizard>.content>.body input.parsley-error {
border-color: #ff5c77;
}
.wizard>.content>.body input.parsley-error+ul {
list-style: none !important;
}
.wizard>.actions {
padding: 20px;
}
.wizard>.actions>ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
.wizard>.actions>ul>li:last-child a {
background-color: #2dce89;
}
.wizard>.actions a {
display: block;
background-color: var(--primary-bg-color);
padding: 9px 25px;
line-height: 1.573;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.wizard>.actions a:hover,
.wizard>.actions a:active {
display: block;
background-color: var(--primary-bg-color);
padding: 9px 25px;
line-height: 1.573;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.wizard>.actions .disabled a {
background-color: #e8ebf2;
color: #424e79;
}
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
background-color: #e8ebf2;
color: #424e79;
}
.wizard.vertical>.steps {
padding: 20px;
}
.wizard.vertical>.steps ul li+li {
margin-left: 10px;
}
.wizard.vertical>.steps ul li .title {
display: none;
}
.wizard.vertical>.steps .current a .title {
display: inline-block;
}
.wizard.vertical>.content {
margin: 0;
padding: 20px;
}
.wizard.vertical>.actions {
padding: 20px;
}
.wizard.vertical>.actions ul {
float: none;
margin: 0;
padding: 0;
}
@media (min-width: 1200px) {
.wizard>.steps a {
justify-content: flex-start;
}
.wizard>.steps a:hover,
.wizard>.steps a:active {
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.wizard>.steps a .number,
.wizard>.steps a:hover .number,
.wizard>.steps a:active .number {
transition: none;
}
.wizard>.steps>ul li .title {
transition: none;
}
}
@media (max-width: 991px) {
.wizard>.steps .disabled {
display: none;
}
}
@media (min-width: 992px) {
.wizard.vertical>.steps {
float: left;
width: 20%;
}
.wizard.vertical>.steps ul {
flex-direction: column;
}
.wizard.vertical>.steps ul li+li {
margin-top: 10px;
margin-left: 0;
}
.wizard.vertical>.actions {
width: 80%;
float: right;
border-left: 1px solid #eff0f6;
}
.wizard>.steps a .number,
.wizard>.steps a:hover .number,
.wizard>.steps a:active .number {
font-size: 18px;
font-weight: 600;
line-height: 2.1;
width: 40px;
height: 40px;
}
.wizard>.steps>ul li+li {
margin-left: 20px;
}
.wizard>.steps>ul li .title {
display: none;
margin-left: 10px;
}
}
/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
.step-equal-width>.steps>ul {
display: flex;
display: flex;
}
.step-equal-width>.steps>ul>li {
flex: 1;
width: auto;
float: none;
flex: 1;
width: auto;
float: none;
}
/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
/***** CUSTOM STYLES *****/
.wizard-style-1>.steps>ul a {
padding: 0;
height: 50px;
}
.wizard-style-1>.steps>ul a:hover,
.wizard-style-1>.steps>ul a:active {
padding: 0;
height: 50px;
}
.wizard-style-1>.steps>ul a .number,
.wizard-style-1>.steps>ul a:hover .number,
.wizard-style-1>.steps>ul a:active .number {
width: 50px;
height: 100%;
border: 0;
font-size: 18px;
font-weight: bold;
color: #737688;
background-color: #f3f7fd;
border-radius: 0;
}
.wizard-style-1>.steps>ul a .title,
.wizard-style-1>.steps>ul a:hover .title,
.wizard-style-1>.steps>ul a:active .title {
margin-right: 20px;
margin-left: 20px;
}
.wizard-style-1>.steps>ul .current a .number,
.wizard-style-1>.steps>ul .current a:hover .number,
.wizard-style-1>.steps>ul .current a:active .number {
background-color: var(--primary-bg-color);
color: #fff;
}
.wizard-style-1>.steps>ul .done a .number,
.wizard-style-1>.steps>ul .done a:hover .number,
.wizard-style-1>.steps>ul .done a:active .number {
background-color: #643ab0;
color: #fff;
}
.wizard-style-2>.steps>ul a {
padding: 0;
height: 50px;
border-radius: 50px;
}
.wizard-style-2>.steps>ul a:hover,
.wizard-style-2>.steps>ul a:active {
padding: 0;
height: 50px;
border-radius: 50px;
}
.wizard-style-2>.steps>ul a .number,
.wizard-style-2>.steps>ul a:hover .number,
.wizard-style-2>.steps>ul a:active .number {
width: 50px;
height: 100%;
border: 2px solid #f3f7fd;
font-size: 18px;
font-weight: bold;
color: #737688;
background-color: #fff;
}
.wizard-style-2>.steps>ul a .title,
.wizard-style-2>.steps>ul a:hover .title,
.wizard-style-2>.steps>ul a:active .title {
margin-right: 20px;
}
.wizard-style-2>.steps>ul .current a .number,
.wizard-style-2>.steps>ul .current a:hover .number,
.wizard-style-2>.steps>ul .current a:active .number {
border-color: var(--primary-bg-color);
color: var(--primary-bg-color);
}
.wizard-style-2>.steps>ul .done a .number,
.wizard-style-2>.steps>ul .done a:hover .number,
.wizard-style-2>.steps>ul .done a:active .number {
border-color: #8c3feb;
color: #8c3feb;
}
/*--- WIZARD ELEMENTS ---*/
.parsley-required {
font-size: 12px;
color: #ff5c77;
margin-top: 3px;
}
@media (min-width: 992px) {
.wizard>.steps .done a .title,
.wizard>.steps .done a:hover .title,
.wizard>.steps .done a:active .title {
display: inline-block;
}
.wizard.vertical>.steps {
width: 15%;
}
.wizard.vertical>.steps ul li+li {
margin-top: 20px;
}
.wizard>.actions {
padding: 25px;
}
.wizard>.content {
padding: 25px;
}
.wizard.vertical>.actions {
width: 85%;
}
.wizard.vertical>.content {
width: 85%;
}
.wizard>.steps {
padding: 25px;
}
.wizard>.steps>ul li .title {
display: inline-block;
}
}
@media (min-width: 992px) {
.wizard.vertical>.steps ul li .title {
display: block;
}
.wizard.vertical>.steps a {
justify-content: flex-start;
}
.wizard.vertical>.steps {
padding: 20px;
width: 40%;
}
.wizard>.actions {
padding: 20px;
}
.wizard>.content {
padding: 20px;
}
.wizard>.steps .disabled {
display: block;
}
.wizard>.steps>ul li+li {
margin-left: 30px;
}
.wizard.vertical>.steps .current a .title {
display: inline-block;
}
.wizard.vertical>.content {
border-top-width: 0;
border-bottom-width: 0;
width: 80%;
float: right;
border-left: 1px solid #eff0f6;
}
.wizard.vertical>.actions {
width: 60%;
padding: 25px;
}
.wizard>.steps {
padding: 20px;
}
.wizard.vertical>.content {
width: 60%;
padding: 25px;
}
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group-addon {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
color: #b7bec5;
text-align: center;
border: 1px solid #eff0f6;
border-right: 0;
border-radius: 0.25rem 0 0 0.2rem;
}
.box-shadow-0 {
box-shadow: none;
}
.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-file:focus {
z-index: 3;
}
.input-group>.form-control+.form-control,
.input-group>.form-control+.form-select,
.input-group>.form-control+.form-file {
margin-left: -1px;
}
.input-group>.form-select+.form-control,
.input-group>.form-select+.form-select,
.input-group>.form-select+.form-file {
margin-left: -1px;
}
.input-group>.form-file+.form-control,
.input-group>.form-file+.form-select,
.input-group>.form-file+.form-file {
margin-left: -1px;
}
.input-group>.form-control:not(:last-child),
.input-group>.form-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.form-control:not(:first-child),
.input-group>.form-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group>.form-file {
display: flex;
align-items: center;
}
.input-group>.form-file:not(:last-child) .form-file-label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.form-file:not(:last-child) .form-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.form-file:not(:first-child) .form-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group>.form-file:not(:first-child) .form-file-label::after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group>.input-group-text>.btn,
.input-group>.input-group-text>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.input-group-text:not(:last-child)>.btn,
.input-group>.input-group-text:not(:last-child)>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.input-group-text:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-text:last-child>.input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.input-group-text>.btn,
.input-group>.input-group-text>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group>.input-group-text:not(:first-child)>.btn,
.input-group>.input-group-text:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group>.input-group-text:first-child>.btn:not(:first-child),
.input-group>.input-group-text:first-child>.input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-text,
.input-group-text {
display: flex;
}
.input-group-text .btn,
.input-group-text .btn {
position: relative;
z-index: 1;
}
.input-group-text .btn+.btn,
.input-group-text .btn+.input-group-text {
margin-left: -1px;
}
.input-group-text .input-group-text+.input-group-text,
.input-group-text .input-group-text+.btn {
margin-left: -1px;
}
.input-group-text {
margin-right: -1px;
margin-left: -1px;
}
.input-group-text .btn+.btn,
.input-group-text .btn+.input-group-text {
margin-left: -1px;
}
.input-group-text .input-group-text+.input-group-text,
.input-group-text .input-group-text+.btn {
margin-left: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e5e9f2;
border: 1px solid #eff0f6;
border-radius: 3px;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
margin-top: 0;
}
.selectgroup {
display: inline-flex;
}
.selectgroup-item {
flex-grow: 1;
position: relative;
}
.selectgroup-item+.selectgroup-item {
margin-left: -1px;
}
.selectgroup-item:not(:first-child) .selectgroup-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.selectgroup-item:not(:last-child) .selectgroup-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.selectgroup-button {
display: block;
border: 1px solid #eff0f6;
text-align: center;
padding: 0.375rem 1rem;
position: relative;
cursor: pointer;
border-radius: 3px;
color: #9aa0ac;
-webkit-user-select: none;
user-select: none;
font-size: 0.9375rem;
line-height: 1.5rem;
min-width: 2.375rem;
}
.selectgroup-button-icon {
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 1rem;
}
.selectgroup-input {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.selectgroup-input:checked+.selectgroup-button {
border-color: var(--primary-bg-color);
z-index: 1;
color: var(--primary-bg-color);
}
.selectgroup-input:focus+.selectgroup-button {
border-color: var(--primary-bg-color);
z-index: 2;
color: var(--primary-bg-color);
}
.selectgroup-pills {
flex-wrap: wrap;
align-items: flex-start;
}
.selectgroup-pills .selectgroup-item {
margin-right: 0.5rem;
flex-grow: 0;
}
.selectgroup-pills .selectgroup-button {
border-radius: 50px !important;
}
.form-switch {
-webkit-user-select: none;
user-select: none;
cursor: default;
display: inline-flex;
align-items: center;
margin: 0;
padding-left: 0;
}
.form-switch-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.form-switches-stacked {
display: flex;
flex-direction: column;
}
.form-switches-stacked .form-switch {
margin-bottom: 0.5rem;
}
.form-switch-indicator {
display: inline-block;
height: 1.25rem;
width: 2.25rem;
background: #e9ecef;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #eff0f6;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator:before {
content: "";
position: absolute;
height: calc(1.25rem - 4px);
width: calc(1.25rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked~.form-switch-indicator {
background: var(--primary-bg-color);
}
.form-switch-input:checked~.form-switch-indicator:before {
left: calc(1rem + 1px);
}
.form-switch-indicator-lg {
display: inline-block;
height: 1.5rem;
width: 3rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-lg:before {
content: "";
position: absolute;
height: calc(1.5rem - 4px);
width: calc(1.5rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked~.form-switch-indicator-lg:before {
left: calc(1.46rem + 1px);
}
.form-switch-indicator-xl {
display: inline-block;
height: 2rem;
width: 4rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-xl:before {
content: "";
position: absolute;
height: calc(2rem - 4px);
width: calc(2rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.custom-square {
border-radius: 0px !important;
}
.custom-square:before {
border-radius: 0px !important;
}
.custom-radius {
border-radius: 4px !important;
}
.custom-radius:before {
border-radius: 4px !important;
}
.form-switch-input:focus~.form-switch-indicator {
box-shadow: 0 0 0 2px var(--primary02);
border-color: var(--primary-bg-color);
}
.form-switch-description {
margin-left: 0.5rem;
color: #6e7687;
transition: 0.3s color;
}
.form-switch-input:checked~.form-switch-description {
color: #495057;
}
.material-switch>input[type=checkbox] {
display: none;
}
.material-switch>label {
cursor: pointer;
height: 0px;
position: relative;
width: 40px;
}
.material-switch>label::before {
background: rgb(243, 244, 247);
box-shadow: inset 0px 0px 10px rgb(101, 116, 205);
border-radius: 8px;
content: "";
height: 16px;
margin-top: -8px;
position: absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.material-switch>label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: "";
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch>input[type=checkbox]:checked+label::before {
background: inherit;
opacity: 0.5;
}
.material-switch>input[type=checkbox]:checked+label::after {
background: inherit;
left: 20px;
}
.label-default {
background: #f3f4f7;
}
.label-primary {
background: var(--primary-bg-color);
}
.label-success {
background: #2dce89;
}
.label-danger {
background: #dc0441;
}
.label-warning {
background: #ecb403;
}
.label-info {
background: #45aaf2;
}
.imagecheck {
margin: 0;
position: relative;
cursor: pointer;
}
.imagecheck-figure {
border: 1px solid #eff0f6;
border-radius: 3px;
margin: 0;
position: relative;
}
.imagecheck-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.imagecheck-input:focus~.imagecheck-figure {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.imagecheck-input:checked~.imagecheck-figure {
border-color: rgba(0, 40, 100, 0.24);
}
.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,
.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption {
color: #495057;
}
.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,
.imagecheck-input:checked~.imagecheck-figure .imagecheck-image {
opacity: 1;
}
.imagecheck-figure:before {
content: "";
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
background: #467fcf url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
color: #fff;
z-index: 1;
border-radius: 3px;
opacity: 0;
transition: 0.3s opacity;
}
.imagecheck-input:checked~.imagecheck-figure:before {
opacity: 1;
}
.imagecheck-image {
max-width: 100%;
opacity: 0.64;
transition: 0.3s opacity;
}
.imagecheck-image:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.imagecheck-image:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.imagecheck:hover .imagecheck-image {
opacity: 1;
}
.imagecheck-caption {
text-align: center;
padding: 0.25rem 0.25rem;
color: #9aa0ac;
font-size: 0.875rem;
transition: 0.3s color;
}
.imagecheck:hover .imagecheck-caption {
color: #495057;
}
.colorinput {
margin: 0;
position: relative;
cursor: pointer;
}
.colorinput-color {
display: inline-block;
width: 1.75rem;
height: 1.75rem;
border-radius: 3px;
border: 1px solid #eff0f6;
color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.colorinput-color:before {
content: "";
opacity: 0;
position: absolute;
top: 0.25rem;
left: 0.25rem;
height: 1.25rem;
width: 1.25rem;
transition: 0.3s opacity;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
}
.colorinput-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.colorinput-input:checked~.colorinput-color:before {
opacity: 1;
}
/*-----selectize ------*/
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
visibility: visible !important;
background: #f2f6f9 !important;
background: rgba(0, 0, 0, 0.06) !important;
border: 0 none !important;
box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
content: "!";
visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
position: relative;
padding: 5px 8px;
border-bottom: 1px solid #d0d0d0;
background: #f8f8f8;
border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
position: absolute;
right: 8px;
top: 50%;
color: #495057;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #eff0f6;
border-top: 0 none;
float: left;
box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.selectize-control {
position: relative;
padding: 0;
border: 0;
}
.selectize-control.single .selectize-input {
cursor: pointer;
}
.selectize-control.single .selectize-input input {
cursor: pointer;
}
.selectize-control.single .selectize-input.input-active {
background: #fff;
cursor: text;
display: inline-block;
}
.selectize-control.single .selectize-input.input-active input {
cursor: text;
}
.selectize-control.single .selectize-input:after {
content: "";
display: block;
position: absolute;
top: 13px;
right: 12px;
width: 8px;
height: 10px;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center;
background-size: 8px 10px;
transition: 0.3s transform;
}
.selectize-control.single .selectize-input.dropdown-active:after {
transform: rotate(180deg);
}
.selectize-control .selectize-input.disabled {
opacity: 0.5;
background-color: #fafafa;
}
.selectize-control.plugin-remove_button [data-value] {
position: relative;
padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
z-index: 1;
/* fixes ie bug (see #392) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 2px 0 0 0;
border-left: 1px solid #d0d0d0;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: #fff;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
background: none;
}
.selectize-control.plugin-remove_button .remove-single {
position: absolute;
right: 28px;
top: 6px;
font-size: 23px;
}
.selectize-control.multi .selectize-input.has-items {
padding: 7px 0.75rem 4px 7px;
}
.selectize-input {
border: 1px solid #eff0f6;
padding: 0.5625rem 0.75rem;
display: inline-block;
display: block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
box-sizing: border-box;
border-radius: 3px;
transition: 0.3s border-color, 0.3s box-shadow;
color: #495057;
font-family: inherit;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: inherit;
background: #fff;
cursor: text;
}
.selectize-input input {
color: #495057;
font-family: inherit;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: inherit;
}
.selectize-input>input {
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 2px 0 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
box-shadow: none !important;
}
.selectize-input>input::-ms-clear {
display: none;
}
.selectize-input>input:focus {
outline: none !important;
}
.selectize-input::after {
content: " ";
display: block;
clear: left;
}
.selectize-input.dropdown-active::before {
content: " ";
display: block;
position: absolute;
background: #f0f0f0;
height: 1px;
bottom: 0;
left: 0;
right: 0;
}
.selectize-input.full {
background-color: #fff;
}
.selectize-input.disabled {
cursor: default !important;
}
.selectize-input.disabled * {
cursor: default !important;
}
.selectize-input.focus {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.selectize-input.dropdown-active {
border-radius: 3px 3px 0 0;
}
.selectize-input>* {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
display: inline;
}
.selectize-control.multi .selectize-input>div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #e9ecef;
color: #495057;
font-size: 13px;
border: 0 solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
font-weight: 400;
}
.selectize-control.multi .selectize-input>div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled>div {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff;
}
.selectize-control.multi .selectize-input.disabled>div.active {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff;
}
.selectize-dropdown {
color: #495057;
font-family: inherit;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: inherit;
position: absolute;
z-index: 10;
border: 1px solid #eff0f6;
background: #fff;
margin: -1px 0 0 0;
border-top: 0 none;
box-sizing: border-box;
border-radius: 0 0 3px 3px;
height: auto;
padding: 0;
}
.selectize-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
padding: 6px 0.75rem;
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, 0.2);
border-radius: 1px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
color: #495057;
background: #fff;
cursor: default;
padding: 6px 0.75rem;
}
.selectize-dropdown .active {
background-color: #F1F4F8;
color: #467fcf;
}
.selectize-dropdown .active.create {
color: #495057;
}
.selectize-dropdown .create {
color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
-webkit-overflow-scrolling: touch;
}
.selectize-dropdown .image,
.selectize-input .image {
width: 1.25rem;
height: 1.25rem;
background-size: contain;
margin: -1px 0.5rem -1px -4px;
line-height: 1.25rem;
float: left;
display: flex;
align-items: center;
justify-content: center;
}
.selectize-dropdown .image img {
max-width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 2px;
}
.selectize-input .image {
width: 1.5rem;
height: 1.5rem;
margin: -3px 0.75rem -3px -5px;
}
.selectize-input .image img {
max-width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 2px;
}
/* ###### layouts ####### */
/*------ Alignments -------*/
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: var(--primary-bg-color) !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: var(--primary-bg-color) !important;
}
button.bg-primary:hover,
button.bg-primary:focus {
background-color: var(--primary-bg-color) !important;
}
.bg-secondary {
background-color: #f72d66 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus {
background-color: #f72d66 !important;
}
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #f72d66 !important;
}
.bg-success {
background-color: #2dce89 !important;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #15ca7c !important;
}
button.bg-success:hover,
button.bg-success:focus {
background-color: #15ca7c !important;
}
.bg-info {
background-color: #45aaf2 !important;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #1594ef !important;
}
button.bg-info:hover,
button.bg-info:focus {
background-color: #1594ef !important;
}
.bg-warning {
background-color: #ecb403 !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #c29d0b !important;
}
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #c29d0b !important;
}
.bg-danger {
background-color: #ff5b51 !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #a11918 !important;
}
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #a11918 !important;
}
.bg-light {
background-color: #f4f5fb !important;
}
a.bg-light:hover,
a.bg-light:focus {
background-color: #dae0e5 !important;
}
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-light2 {
background-color: #fbfbfb !important;
}
a.bg-light2:hover,
a.bg-light2:focus {
background-color: #f4f5fb !important;
}
button.bg-light2:hover,
button.bg-light2:focus {
background-color: #f4f5fb !important;
}
.bg-light3 {
background-color: #d3dfea !important;
}
.bg-light4 {
background-color: #f7f7f7 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus {
background-color: #1d2124 !important;
}
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gradient-primary {
background: -webkit-gradient(linear, left top, right top, from(var(--primary-bg-color)), to(#113ca9));
}
.bg-gradient-success {
background-image: linear-gradient(to right, #63d457 0, #9fe797 100%);
}
.bg-gradient-info {
background-image: linear-gradient(to right, #1e9fc4 0, #69c7de 100%);
}
.bg-gradient-warning {
background-image: linear-gradient(to right, #fcaa01 0, #fece4d 100%);
}
.bg-gradient-teal {
background-image: linear-gradient(to right, #00796b 0, #4db6ac 100%);
}
.bg-gradient-blue {
background-image: linear-gradient(to right, #1976d2 0, #083dc1 100%);
}
.bg-gradient-danger {
background-image: linear-gradient(to right, #ff5b51 0, #fc9197 100%);
}
.bg-gray-100 {
background-color: #f1f2f7;
}
.bg-gray-200 {
background-color: #e5e7f1;
}
.bg-gray-300 {
background-color: #d2d6e4;
}
.bg-gray-400 {
background-color: #b7bdd2;
}
.bg-gray-500 {
background-color: #a2aac7;
}
.bg-gray-600 {
background-color: #8d96b7;
}
.bg-gray-700 {
background-color: #7a85ad;
}
.bg-gray-800 {
background-color: #53608c;
}
.bg-gray-900 {
background-color: #424e79;
}
.bg-white-1 {
background-color: rgba(255, 255, 255, 0.1);
}
.bg-white-2 {
background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-3 {
background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-4 {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-5 {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-6 {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-7 {
background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-8 {
background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-9 {
background-color: rgba(255, 255, 255, 0.9);
}
.bg-black-1 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-2 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-3 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-4 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-5 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-6 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-7 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-8 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-9 {
background-color: rgba(0, 0, 0, 0.9);
}
.border {
border: 1px solid #eff0f6 !important;
}
.border-top {
border-top: 1px solid #eff0f6 !important;
}
.border-end {
border-right: 1px solid #eff0f6 !important;
}
.border-bottom {
border-bottom: 1px solid #eff0f6 !important;
}
.border-start {
border-left: 1px solid #eff0f6 !important;
}
.border-top-bottom {
border-top: 1px solid #eff0f6 !important;
border-bottom: 1px solid #eff0f6 !important;
}
.border-left-right {
border-right: 1px solid #eff0f6 !important;
border-left: 1px solid #eff0f6 !important;
}
@media (min-width: 992px) {
.border-lg-end {
border-right: 1px solid #eff0f6;
}
.border-lg-end-0 {
border-right: 0 !important;
}
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-top-bottom-0 {
border-top: 0px solid #eff0f6 !important;
border-bottom: 0px solid #eff0f6 !important;
}
.border-left-right-0 {
border-right: 0px solid #eff0f6 !important;
border-left: 0px solid #eff0f6 !important;
}
.border-primary {
border-color: var(--primary-bg-color) !important;
}
.border-secondary {
border-color: #f72d66 !important;
}
.border-success {
border-color: #2dce89 !important;
}
.border-info {
border-color: #45aaf2 !important;
}
.border-warning {
border-color: #ecb403 !important;
}
.border-danger {
border-color: #dc0441 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-transparent {
border-color: rgba(255, 255, 255, 0.15) !important;
}
.border-dark-transparent {
border-color: rgba(0, 0, 0, 0.15) !important;
}
.border-light2 {
border-color: #eff0f6 !important;
}
.border-white {
border-color: #fff !important;
}
.border-wd-1 {
border-width: 1px !important;
}
.border-wd-2 {
border-width: 2px !important;
}
.border-wd-3 {
border-width: 3px !important;
}
.border-wd-4 {
border-width: 4px !important;
}
.border-wd-5 {
border-width: 5px !important;
}
.rounded {
border-radius: 3px !important;
}
.rounded-top {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.rounded-right {
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.rounded-bottom {
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.rounded-left {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.br-5 {
border-radius: 5px;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.clearfix .fab {
font-size: 25px;
}
.clearfix h5 {
font-size: 20px;
font-weight: bold;
}
i.fa.round {
border: 1px solid var(--primary-bg-color);
border-radius: 50%;
padding: 5px;
width: 15%;
}
.list-icon span p {
border: 1px solid var(--primary-bg-color);
border-radius: 15px;
width: 50%;
margin: 0px auto;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1280px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1280px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1280px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
/*------ Widths, Margins & Paddings -------*/
.wd-5 {
width: 5% !important;
}
.w-10 {
width: 10% !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-25 {
width: 25% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-45 {
width: 45% !important;
}
.w-50 {
width: 50% !important;
}
.w-55 {
width: 55% !important;
}
.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-70 {
width: 70% !important;
}
.w-75 {
width: 75% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-90 {
width: 90% !important;
}
.w-95 {
width: 95% !important;
}
.w-100 {
width: 100% !important;
}
.w-150 {
width: 150px !important;
}
.w-auto {
width: auto !important;
}
.w-0 {
width: 0 !important;
}
.w-1 {
width: 0.25rem !important;
}
.w-2 {
width: 0.5rem !important;
}
.w-3 {
width: 0.75rem !important;
}
.w-4 {
width: 1rem !important;
}
.w-5 {
width: 1.5rem !important;
}
.w-6 {
width: 2rem !important;
}
.w-7 {
width: 3rem !important;
}
.w-8 {
width: 4rem !important;
}
.w-9 {
width: 6rem !important;
}
.w-100h {
width: 100px !important;
}
.w-200 {
width: 200px !important;
}
.w-250 {
width: 250px !important;
}
.w-300 {
width: 300px !important;
}
.w-350 {
width: 350px !important;
}
.w-400 {
width: 400px !important;
}
.w-450 {
width: 450px !important;
}
.w-500 {
width: 500px !important;
}
.ht-5 {
height: 5% !important;
}
.h-10 {
height: 10% !important;
}
.h-15 {
height: 15% !important;
}
.h-20 {
height: 20% !important;
}
.h-25 {
height: 25% !important;
}
.h-30 {
height: 30% !important;
}
.h-35 {
height: 35% !important;
}
.h-40 {
height: 40% !important;
}
.h-45 {
height: 45% !important;
}
.h-50 {
height: 50% !important;
}
.h-55 {
height: 55% !important;
}
.h-60 {
height: 60% !important;
}
.h-65 {
height: 65% !important;
}
.h-70 {
height: 70% !important;
}
.h-75 {
height: 75% !important;
}
.h-80 {
height: 80% !important;
}
.h-85 {
height: 85% !important;
}
.h-90 {
height: 90% !important;
}
.h-95 {
height: 95% !important;
}
.h-100vh {
height: 100vh !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.h-0 {
height: 0 !important;
}
.h-1 {
height: 0.25rem !important;
}
.h-2 {
height: 0.5rem !important;
}
.h-3 {
height: 0.75rem !important;
}
.h-4 {
height: 1rem !important;
}
.h-5 {
height: 1.5rem !important;
}
.h-6 {
height: 2rem !important;
}
.h-7 {
height: 3rem !important;
}
.h-8 {
height: 4rem !important;
}
.h-9 {
height: 6rem !important;
}
.h-100h {
height: 100px !important;
}
.h-150 {
height: 150px !important;
}
.h-200 {
height: 200px !important;
}
.h-250 {
height: 250px !important;
}
.h-300 {
height: 300px !important;
}
.h-350 {
height: 350px !important;
}
.h-370 {
height: 370px !important;
}
.h-400 {
height: 400px !important;
}
.h-420 {
height: 420px !important;
}
.h-450 {
height: 450px !important;
}
.h-500 {
height: 500px !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.me-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ms-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.me-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ms-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.me-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ms-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.mt-3,
.my-3 {
margin-top: 0.75rem !important;
}
.me-3,
.mx-3 {
margin-right: 0.75rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 0.75rem !important;
}
.ms-3,
.mx-3 {
margin-left: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.mt-4,
.my-4 {
margin-top: 1rem !important;
}
.me-4,
.mx-4 {
margin-right: 1rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1rem !important;
}
.ms-4,
.mx-4 {
margin-left: 1rem !important;
}
.m-5 {
margin: 1.5rem !important;
}
.mt-5,
.my-5 {
margin-top: 1.5rem !important;
}
.me-5,
.mx-5 {
margin-right: 1.5rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 1.5rem !important;
}
.ms-5,
.mx-5 {
margin-left: 1.5rem !important;
}
.m-6 {
margin: 2rem !important;
}
.mt-6,
.my-6 {
margin-top: 2rem !important;
}
.me-6,
.mx-6 {
margin-right: 2rem !important;
}
.mb-6,
.my-6 {
margin-bottom: 2rem !important;
}
.ms-6,
.mx-6 {
margin-left: 2rem !important;
}
.m-7 {
margin: 3rem !important;
}
.mt-7,
.my-7 {
margin-top: 3rem !important;
}
.me-7,
.mx-7 {
margin-right: 3rem !important;
}
.mb-7,
.my-7 {
margin-bottom: 3rem !important;
}
.ms-7,
.mx-7 {
margin-left: 3rem !important;
}
.m-8 {
margin: 4rem !important;
}
.mt-8,
.my-8 {
margin-top: 4rem !important;
}
.me-8,
.mx-8 {
margin-right: 4rem !important;
}
.mb-8,
.my-8 {
margin-bottom: 4rem !important;
}
.ms-8,
.mx-8 {
margin-left: 4rem !important;
}
.m-9 {
margin: 6rem !important;
}
.mt-9,
.my-9 {
margin-top: 6rem !important;
}
.me-9,
.mx-9 {
margin-right: 6rem !important;
}
.mb-9,
.my-9 {
margin-bottom: 6rem !important;
}
.ms-9,
.mx-9 {
margin-left: 6rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pe-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.ps-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pe-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.ps-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pe-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.ps-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.pt-3,
.py-3 {
padding-top: 0.75rem !important;
}
.pe-3,
.px-3 {
padding-right: 0.75rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 0.75rem !important;
}
.ps-3,
.px-3 {
padding-left: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.pt-4,
.py-4 {
padding-top: 1rem !important;
}
.pe-4,
.px-4 {
padding-right: 1rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1rem !important;
}
.ps-4,
.px-4 {
padding-left: 1rem !important;
}
.p-5 {
padding: 1.5rem !important;
}
.pt-5,
.py-5 {
padding-top: 1.5rem !important;
}
.pe-5,
.px-5 {
padding-right: 1.5rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 1.5rem !important;
}
.ps-5,
.px-5 {
padding-left: 1.5rem !important;
}
.p-6 {
padding: 2rem !important;
}
.pt-6,
.py-6 {
padding-top: 2rem !important;
}
.pe-6,
.px-6 {
padding-right: 2rem !important;
}
.pb-6,
.py-6 {
padding-bottom: 2rem !important;
}
.ps-6,
.px-6 {
padding-left: 2rem !important;
}
.p-7 {
padding: 3rem !important;
}
.pt-7,
.py-7 {
padding-top: 3rem !important;
}
.pe-7,
.px-7 {
padding-right: 3rem !important;
}
.pb-7,
.py-7 {
padding-bottom: 3rem !important;
}
.ps-7,
.px-7 {
padding-left: 3rem !important;
}
.p-8 {
padding: 4rem !important;
}
.pt-8,
.py-8 {
padding-top: 4rem !important;
}
.pe-8,
.px-8 {
padding-right: 4rem !important;
}
.pb-8,
.py-8 {
padding-bottom: 4rem !important;
}
.ps-8,
.px-8 {
padding-left: 4rem !important;
}
.p-9 {
padding: 6rem !important;
}
.pt-9,
.py-9 {
padding-top: 6rem !important;
}
.pe-9,
.px-9 {
padding-right: 6rem !important;
}
.pb-9,
.py-9 {
padding-bottom: 6rem !important;
}
.ps-9,
.px-9 {
padding-left: 6rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.me-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ms-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.me-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ms-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.me-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ms-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.me-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ms-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 0.75rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 0.75rem !important;
}
.me-sm-3,
.mx-sm-3 {
margin-right: 0.75rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 0.75rem !important;
}
.ms-sm-3,
.mx-sm-3 {
margin-left: 0.75rem !important;
}
.m-sm-4 {
margin: 1rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1rem !important;
}
.me-sm-4,
.mx-sm-4 {
margin-right: 1rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1rem !important;
}
.ms-sm-4,
.mx-sm-4 {
margin-left: 1rem !important;
}
.m-sm-5 {
margin: 1.5rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 1.5rem !important;
}
.me-sm-5,
.mx-sm-5 {
margin-right: 1.5rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 1.5rem !important;
}
.ms-sm-5,
.mx-sm-5 {
margin-left: 1.5rem !important;
}
.m-sm-6 {
margin: 2rem !important;
}
.mt-sm-6,
.my-sm-6 {
margin-top: 2rem !important;
}
.me-sm-6,
.mx-sm-6 {
margin-right: 2rem !important;
}
.mb-sm-6,
.my-sm-6 {
margin-bottom: 2rem !important;
}
.ms-sm-6,
.mx-sm-6 {
margin-left: 2rem !important;
}
.m-sm-7 {
margin: 3rem !important;
}
.mt-sm-7,
.my-sm-7 {
margin-top: 3rem !important;
}
.me-sm-7,
.mx-sm-7 {
margin-right: 3rem !important;
}
.mb-sm-7,
.my-sm-7 {
margin-bottom: 3rem !important;
}
.ms-sm-7,
.mx-sm-7 {
margin-left: 3rem !important;
}
.m-sm-8 {
margin: 4rem !important;
}
.mt-sm-8,
.my-sm-8 {
margin-top: 4rem !important;
}
.me-sm-8,
.mx-sm-8 {
margin-right: 4rem !important;
}
.mb-sm-8,
.my-sm-8 {
margin-bottom: 4rem !important;
}
.ms-sm-8,
.mx-sm-8 {
margin-left: 4rem !important;
}
.m-sm-9 {
margin: 6rem !important;
}
.mt-sm-9,
.my-sm-9 {
margin-top: 6rem !important;
}
.me-sm-9,
.mx-sm-9 {
margin-right: 6rem !important;
}
.mb-sm-9,
.my-sm-9 {
margin-bottom: 6rem !important;
}
.ms-sm-9,
.mx-sm-9 {
margin-left: 6rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pe-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.ps-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pe-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.ps-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pe-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.ps-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 0.75rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 0.75rem !important;
}
.pe-sm-3,
.px-sm-3 {
padding-right: 0.75rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 0.75rem !important;
}
.ps-sm-3,
.px-sm-3 {
padding-left: 0.75rem !important;
}
.p-sm-4 {
padding: 1rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1rem !important;
}
.pe-sm-4,
.px-sm-4 {
padding-right: 1rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1rem !important;
}
.ps-sm-4,
.px-sm-4 {
padding-left: 1rem !important;
}
.p-sm-5 {
padding: 1.5rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 1.5rem !important;
}
.pe-sm-5,
.px-sm-5 {
padding-right: 1.5rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 1.5rem !important;
}
.ps-sm-5,
.px-sm-5 {
padding-left: 1.5rem !important;
}
.p-sm-6 {
padding: 2rem !important;
}
.pt-sm-6,
.py-sm-6 {
padding-top: 2rem !important;
}
.pe-sm-6,
.px-sm-6 {
padding-right: 2rem !important;
}
.pb-sm-6,
.py-sm-6 {
padding-bottom: 2rem !important;
}
.ps-sm-6,
.px-sm-6 {
padding-left: 2rem !important;
}
.p-sm-7 {
padding: 3rem !important;
}
.pt-sm-7,
.py-sm-7 {
padding-top: 3rem !important;
}
.pe-sm-7,
.px-sm-7 {
padding-right: 3rem !important;
}
.pb-sm-7,
.py-sm-7 {
padding-bottom: 3rem !important;
}
.ps-sm-7,
.px-sm-7 {
padding-left: 3rem !important;
}
.p-sm-8 {
padding: 4rem !important;
}
.pt-sm-8,
.py-sm-8 {
padding-top: 4rem !important;
}
.pe-sm-8,
.px-sm-8 {
padding-right: 4rem !important;
}
.pb-sm-8,
.py-sm-8 {
padding-bottom: 4rem !important;
}
.ps-sm-8,
.px-sm-8 {
padding-left: 4rem !important;
}
.p-sm-9 {
padding: 6rem !important;
}
.pt-sm-9,
.py-sm-9 {
padding-top: 6rem !important;
}
.pe-sm-9,
.px-sm-9 {
padding-right: 6rem !important;
}
.pb-sm-9,
.py-sm-9 {
padding-bottom: 6rem !important;
}
.ps-sm-9,
.px-sm-9 {
padding-left: 6rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.me-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.me-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ms-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.me-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ms-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.me-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ms-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 0.75rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 0.75rem !important;
}
.me-md-3,
.mx-md-3 {
margin-right: 0.75rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 0.75rem !important;
}
.ms-md-3,
.mx-md-3 {
margin-left: 0.75rem !important;
}
.m-md-4 {
margin: 1rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1rem !important;
}
.me-md-4,
.mx-md-4 {
margin-right: 1rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1rem !important;
}
.ms-md-4,
.mx-md-4 {
margin-left: 1rem !important;
}
.m-md-5 {
margin: 1.5rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 1.5rem !important;
}
.me-md-5,
.mx-md-5 {
margin-right: 1.5rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 1.5rem !important;
}
.ms-md-5,
.mx-md-5 {
margin-left: 1.5rem !important;
}
.m-md-6 {
margin: 2rem !important;
}
.mt-md-6,
.my-md-6 {
margin-top: 2rem !important;
}
.me-md-6,
.mx-md-6 {
margin-right: 2rem !important;
}
.mb-md-6,
.my-md-6 {
margin-bottom: 2rem !important;
}
.ms-md-6,
.mx-md-6 {
margin-left: 2rem !important;
}
.m-md-7 {
margin: 3rem !important;
}
.mt-md-7,
.my-md-7 {
margin-top: 3rem !important;
}
.me-md-7,
.mx-md-7 {
margin-right: 3rem !important;
}
.mb-md-7,
.my-md-7 {
margin-bottom: 3rem !important;
}
.ms-md-7,
.mx-md-7 {
margin-left: 3rem !important;
}
.m-md-8 {
margin: 4rem !important;
}
.mt-md-8,
.my-md-8 {
margin-top: 4rem !important;
}
.me-md-8,
.mx-md-8 {
margin-right: 4rem !important;
}
.mb-md-8,
.my-md-8 {
margin-bottom: 4rem !important;
}
.ms-md-8,
.mx-md-8 {
margin-left: 4rem !important;
}
.m-md-9 {
margin: 6rem !important;
}
.mt-md-9,
.my-md-9 {
margin-top: 6rem !important;
}
.me-md-9,
.mx-md-9 {
margin-right: 6rem !important;
}
.mb-md-9,
.my-md-9 {
margin-bottom: 6rem !important;
}
.ms-md-9,
.mx-md-9 {
margin-left: 6rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pe-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.ps-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pe-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.ps-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pe-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.ps-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 0.75rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 0.75rem !important;
}
.pe-md-3,
.px-md-3 {
padding-right: 0.75rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 0.75rem !important;
}
.ps-md-3,
.px-md-3 {
padding-left: 0.75rem !important;
}
.p-md-4 {
padding: 1rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1rem !important;
}
.pe-md-4,
.px-md-4 {
padding-right: 1rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1rem !important;
}
.ps-md-4,
.px-md-4 {
padding-left: 1rem !important;
}
.p-md-5 {
padding: 1.5rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 1.5rem !important;
}
.pe-md-5,
.px-md-5 {
padding-right: 1.5rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 1.5rem !important;
}
.ps-md-5,
.px-md-5 {
padding-left: 1.5rem !important;
}
.p-md-6 {
padding: 2rem !important;
}
.pt-md-6,
.py-md-6 {
padding-top: 2rem !important;
}
.pe-md-6,
.px-md-6 {
padding-right: 2rem !important;
}
.pb-md-6,
.py-md-6 {
padding-bottom: 2rem !important;
}
.ps-md-6,
.px-md-6 {
padding-left: 2rem !important;
}
.p-md-7 {
padding: 3rem !important;
}
.pt-md-7,
.py-md-7 {
padding-top: 3rem !important;
}
.pe-md-7,
.px-md-7 {
padding-right: 3rem !important;
}
.pb-md-7,
.py-md-7 {
padding-bottom: 3rem !important;
}
.ps-md-7,
.px-md-7 {
padding-left: 3rem !important;
}
.p-md-8 {
padding: 4rem !important;
}
.pt-md-8,
.py-md-8 {
padding-top: 4rem !important;
}
.pe-md-8,
.px-md-8 {
padding-right: 4rem !important;
}
.pb-md-8,
.py-md-8 {
padding-bottom: 4rem !important;
}
.ps-md-8,
.px-md-8 {
padding-left: 4rem !important;
}
.p-md-9 {
padding: 6rem !important;
}
.pt-md-9,
.py-md-9 {
padding-top: 6rem !important;
}
.pe-md-9,
.px-md-9 {
padding-right: 6rem !important;
}
.pb-md-9,
.py-md-9 {
padding-bottom: 6rem !important;
}
.ps-md-9,
.px-md-9 {
padding-left: 6rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.me-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ms-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.me-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ms-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.me-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ms-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.me-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ms-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 0.75rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 0.75rem !important;
}
.me-lg-3,
.mx-lg-3 {
margin-right: 0.75rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 0.75rem !important;
}
.ms-lg-3,
.mx-lg-3 {
margin-left: 0.75rem !important;
}
.m-lg-4 {
margin: 1rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1rem !important;
}
.me-lg-4,
.mx-lg-4 {
margin-right: 1rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1rem !important;
}
.ms-lg-4,
.mx-lg-4 {
margin-left: 1rem !important;
}
.m-lg-5 {
margin: 1.5rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 1.5rem !important;
}
.me-lg-5,
.mx-lg-5 {
margin-right: 1.5rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 1.5rem !important;
}
.ms-lg-5,
.mx-lg-5 {
margin-left: 1.5rem !important;
}
.m-lg-6 {
margin: 2rem !important;
}
.mt-lg-6,
.my-lg-6 {
margin-top: 2rem !important;
}
.me-lg-6,
.mx-lg-6 {
margin-right: 2rem !important;
}
.mb-lg-6,
.my-lg-6 {
margin-bottom: 2rem !important;
}
.ms-lg-6,
.mx-lg-6 {
margin-left: 2rem !important;
}
.m-lg-7 {
margin: 3rem !important;
}
.mt-lg-7,
.my-lg-7 {
margin-top: 3rem !important;
}
.me-lg-7,
.mx-lg-7 {
margin-right: 3rem !important;
}
.mb-lg-7,
.my-lg-7 {
margin-bottom: 3rem !important;
}
.ms-lg-7,
.mx-lg-7 {
margin-left: 3rem !important;
}
.m-lg-8 {
margin: 4rem !important;
}
.mt-lg-8,
.my-lg-8 {
margin-top: 4rem !important;
}
.me-lg-8,
.mx-lg-8 {
margin-right: 4rem !important;
}
.mb-lg-8,
.my-lg-8 {
margin-bottom: 4rem !important;
}
.ms-lg-8,
.mx-lg-8 {
margin-left: 4rem !important;
}
.m-lg-9 {
margin: 6rem !important;
}
.mt-lg-9,
.my-lg-9 {
margin-top: 6rem !important;
}
.me-lg-9,
.mx-lg-9 {
margin-right: 6rem !important;
}
.mb-lg-9,
.my-lg-9 {
margin-bottom: 6rem !important;
}
.ms-lg-9,
.mx-lg-9 {
margin-left: 6rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pe-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.ps-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pe-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.ps-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pe-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.ps-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 0.75rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 0.75rem !important;
}
.pe-lg-3,
.px-lg-3 {
padding-right: 0.75rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 0.75rem !important;
}
.ps-lg-3,
.px-lg-3 {
padding-left: 0.75rem !important;
}
.p-lg-4 {
padding: 1rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1rem !important;
}
.pe-lg-4,
.px-lg-4 {
padding-right: 1rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1rem !important;
}
.ps-lg-4,
.px-lg-4 {
padding-left: 1rem !important;
}
.p-lg-5 {
padding: 1.5rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 1.5rem !important;
}
.pe-lg-5,
.px-lg-5 {
padding-right: 1.5rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 1.5rem !important;
}
.ps-lg-5,
.px-lg-5 {
padding-left: 1.5rem !important;
}
.p-lg-6 {
padding: 2rem !important;
}
.pt-lg-6,
.py-lg-6 {
padding-top: 2rem !important;
}
.pe-lg-6,
.px-lg-6 {
padding-right: 2rem !important;
}
.pb-lg-6,
.py-lg-6 {
padding-bottom: 2rem !important;
}
.ps-lg-6,
.px-lg-6 {
padding-left: 2rem !important;
}
.p-lg-7 {
padding: 3rem !important;
}
.pt-lg-7,
.py-lg-7 {
padding-top: 3rem !important;
}
.pe-lg-7,
.px-lg-7 {
padding-right: 3rem !important;
}
.pb-lg-7,
.py-lg-7 {
padding-bottom: 3rem !important;
}
.ps-lg-7,
.px-lg-7 {
padding-left: 3rem !important;
}
.p-lg-8 {
padding: 4rem !important;
}
.pt-lg-8,
.py-lg-8 {
padding-top: 4rem !important;
}
.pe-lg-8,
.px-lg-8 {
padding-right: 4rem !important;
}
.pb-lg-8,
.py-lg-8 {
padding-bottom: 4rem !important;
}
.ps-lg-8,
.px-lg-8 {
padding-left: 4rem !important;
}
.p-lg-9 {
padding: 6rem !important;
}
.pt-lg-9,
.py-lg-9 {
padding-top: 6rem !important;
}
.pe-lg-9,
.px-lg-9 {
padding-right: 6rem !important;
}
.pb-lg-9,
.py-lg-9 {
padding-bottom: 6rem !important;
}
.ps-lg-9,
.px-lg-9 {
padding-left: 6rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.me-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1280px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.me-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ms-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.me-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ms-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.me-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ms-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 0.75rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 0.75rem !important;
}
.me-xl-3,
.mx-xl-3 {
margin-right: 0.75rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 0.75rem !important;
}
.ms-xl-3,
.mx-xl-3 {
margin-left: 0.75rem !important;
}
.m-xl-4 {
margin: 1rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1rem !important;
}
.me-xl-4,
.mx-xl-4 {
margin-right: 1rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1rem !important;
}
.ms-xl-4,
.mx-xl-4 {
margin-left: 1rem !important;
}
.m-xl-5 {
margin: 1.5rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 1.5rem !important;
}
.me-xl-5,
.mx-xl-5 {
margin-right: 1.5rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 1.5rem !important;
}
.ms-xl-5,
.mx-xl-5 {
margin-left: 1.5rem !important;
}
.m-xl-6 {
margin: 2rem !important;
}
.mt-xl-6,
.my-xl-6 {
margin-top: 2rem !important;
}
.me-xl-6,
.mx-xl-6 {
margin-right: 2rem !important;
}
.mb-xl-6,
.my-xl-6 {
margin-bottom: 2rem !important;
}
.ms-xl-6,
.mx-xl-6 {
margin-left: 2rem !important;
}
.m-xl-7 {
margin: 3rem !important;
}
.mt-xl-7,
.my-xl-7 {
margin-top: 3rem !important;
}
.me-xl-7,
.mx-xl-7 {
margin-right: 3rem !important;
}
.mb-xl-7,
.my-xl-7 {
margin-bottom: 3rem !important;
}
.ms-xl-7,
.mx-xl-7 {
margin-left: 3rem !important;
}
.m-xl-8 {
margin: 4rem !important;
}
.mt-xl-8,
.my-xl-8 {
margin-top: 4rem !important;
}
.me-xl-8,
.mx-xl-8 {
margin-right: 4rem !important;
}
.mb-xl-8,
.my-xl-8 {
margin-bottom: 4rem !important;
}
.ms-xl-8,
.mx-xl-8 {
margin-left: 4rem !important;
}
.m-xl-9 {
margin: 6rem !important;
}
.mt-xl-9,
.my-xl-9 {
margin-top: 6rem !important;
}
.me-xl-9,
.mx-xl-9 {
margin-right: 6rem !important;
}
.mb-xl-9,
.my-xl-9 {
margin-bottom: 6rem !important;
}
.ms-xl-9,
.mx-xl-9 {
margin-left: 6rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pe-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.ps-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pe-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.ps-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pe-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.ps-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 0.75rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 0.75rem !important;
}
.pe-xl-3,
.px-xl-3 {
padding-right: 0.75rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 0.75rem !important;
}
.ps-xl-3,
.px-xl-3 {
padding-left: 0.75rem !important;
}
.p-xl-4 {
padding: 1rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1rem !important;
}
.pe-xl-4,
.px-xl-4 {
padding-right: 1rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1rem !important;
}
.ps-xl-4,
.px-xl-4 {
padding-left: 1rem !important;
}
.p-xl-5 {
padding: 1.5rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 1.5rem !important;
}
.pe-xl-5,
.px-xl-5 {
padding-right: 1.5rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 1.5rem !important;
}
.ps-xl-5,
.px-xl-5 {
padding-left: 1.5rem !important;
}
.p-xl-6 {
padding: 2rem !important;
}
.pt-xl-6,
.py-xl-6 {
padding-top: 2rem !important;
}
.pe-xl-6,
.px-xl-6 {
padding-right: 2rem !important;
}
.pb-xl-6,
.py-xl-6 {
padding-bottom: 2rem !important;
}
.ps-xl-6,
.px-xl-6 {
padding-left: 2rem !important;
}
.p-xl-7 {
padding: 3rem !important;
}
.pt-xl-7,
.py-xl-7 {
padding-top: 3rem !important;
}
.pe-xl-7,
.px-xl-7 {
padding-right: 3rem !important;
}
.pb-xl-7,
.py-xl-7 {
padding-bottom: 3rem !important;
}
.ps-xl-7,
.px-xl-7 {
padding-left: 3rem !important;
}
.p-xl-8 {
padding: 4rem !important;
}
.pt-xl-8,
.py-xl-8 {
padding-top: 4rem !important;
}
.pe-xl-8,
.px-xl-8 {
padding-right: 4rem !important;
}
.pb-xl-8,
.py-xl-8 {
padding-bottom: 4rem !important;
}
.ps-xl-8,
.px-xl-8 {
padding-left: 4rem !important;
}
.p-xl-9 {
padding: 6rem !important;
}
.pt-xl-9,
.py-xl-9 {
padding-top: 6rem !important;
}
.pe-xl-9,
.px-xl-9 {
padding-right: 6rem !important;
}
.pb-xl-9,
.py-xl-9 {
padding-bottom: 6rem !important;
}
.ps-xl-9,
.px-xl-9 {
padding-left: 6rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.me-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
/*------- Alignments & values-------*/
.text-monospace {
font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1280px) {
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-semibold {
font-weight: 600 !important;
}
.font-weight-bold {
font-weight: bold !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #f0f0f0 !important;
}
.text-primary {
color: var(--primary-bg-color) !important;
}
a.text-primary:hover,
a.text-primary:focus {
color: #5e69b8 !important;
}
.text-secondary {
color: #f72d66 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: #f72d66 !important;
}
.text-success {
color: #2dce89 !important;
}
a.text-success:hover,
a.text-success:focus {
color: #15ca7c !important;
}
.text-info {
color: #45aaf2 !important;
}
a.text-info:hover,
a.text-info:focus {
color: #25a1c0 !important;
}
.text-warning {
color: #ecb403 !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: #c29d0b !important;
}
.text-danger {
color: #ff5b51 !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: #df0812 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #424e79 !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: #384b6e !important;
}
.text-body {
color: #495057 !important;
}
.text-muted {
color: #728096 !important;
}
.icon-muted {
color: #e5e9f2 !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-white-80 {
color: rgba(255, 255, 255, 0.8) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
* {
text-shadow: none !important;
box-shadow: none !important;
}
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body,
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table,
.text-wrap table {
border-collapse: collapse !important;
}
.table td,
.text-wrap table td,
.table th,
.text-wrap table th {
background-color: #fff !important;
}
.table-bordered th,
.text-wrap table th,
.table-bordered td,
.text-wrap table td {
border: 1px solid #eff0f6 !important;
}
}
.lead {
line-height: 1.4;
}
a {
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: inherit;
}
strong,
b {
font-weight: 600;
}
p,
ul,
ol {
margin-bottom: 1em;
}
blockquote {
margin-bottom: 1em;
font-style: italic;
color: #6e7687;
padding-left: 2rem;
border-left: 2px solid rgba(0, 40, 100, 0.12);
}
blockquote p {
margin-bottom: 1rem;
}
blockquote cite {
display: block;
text-align: right;
}
blockquote cite:before {
content: "— ";
}
code {
background: #eff0f6;
border: 1px solid #eff0f6;
border-radius: 3px;
padding: 3px;
}
pre code {
padding: 0;
border-radius: 0;
border: none;
background: none;
}
hr {
margin-top: 2rem;
margin-bottom: 2rem;
}
pre {
color: #45aaf2;
padding: 1.5rem;
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-left: 3px solid var(--primary-bg-color);
background-color: #f8fafc;
border-radius: 3px;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
img {
max-width: 100%;
}
.text-wrap {
font-size: 14px;
line-height: 1.66;
}
.text-wrap> :first-child {
margin-top: 0;
}
.text-wrap> :last-child {
margin-bottom: 0;
}
.text-wrap>h1,
.text-wrap>h2,
.text-wrap>h3,
.text-wrap>h4,
.text-wrap>h5,
.text-wrap>h6 {
margin-top: 1em;
}
.section-nav {
background-color: #f8f9fa;
margin: 1rem 0;
padding: 0.5rem 1rem;
border: 1px solid #eff0f6;
border-radius: 3px;
list-style: none;
}
.section-nav:before {
content: "Table of contents:";
display: block;
font-weight: 600;
}
@media print {
.container {
max-width: none;
}
}
.row-cards>.col,
.row-cards>[class*=col-] {
display: flex;
flex-direction: column;
}
.row-deck>.col,
.row-deck>[class*=col-] {
display: flex;
align-items: stretch;
}
.row-deck>.col .card,
.row-deck>[class*=col-] .card {
flex: 1 1 auto;
}
.col-text {
max-width: 48rem;
}
.col-login {
max-width: 24rem;
}
.gutters-0 {
margin-right: 0;
margin-left: 0;
}
.gutters-0>.col,
.gutters-0>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.gutters-0 .card {
margin-bottom: 0;
}
.gutters-xs {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.gutters-xs>.col,
.gutters-xs>[class*=col-] {
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.gutters-xs .card {
margin-bottom: 0.5rem;
}
.gutters-sm {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.gutters-sm>.col,
.gutters-sm>[class*=col-] {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.gutters-sm .card {
margin-bottom: 1rem;
}
.gutters-lg {
margin-right: -1rem;
margin-left: -1rem;
}
.gutters-lg>.col,
.gutters-lg>[class*=col-] {
padding-right: 1rem;
padding-left: 1rem;
}
.gutters-lg .card {
margin-bottom: 2rem;
}
.gutters-xl {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.gutters-xl>.col,
.gutters-xl>[class*=col-] {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.gutters-xl .card {
margin-bottom: 3rem;
}
.page,
.page-content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
body.fixed-header .page {
padding-top: 4.5rem;
}
@media (min-width: 1600px) {
body.aside-opened .page {
margin-right: 22rem;
}
}
.page-main {
flex: 1 1 auto;
}
.page-content {
margin: 0.75rem 0;
}
@media (min-width: 768px) {
.page-content {
margin: 1.5rem 0;
}
.h-100vh .page-content {
margin: 0;
}
}
.pos-absolute {
position: absolute;
top: 0;
border: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
}
.pos-static {
position: static;
}
.bg-light.border.border-primary {
border-color: var(--primary-bg-color) !important;
}
.bg-light.border.border-secondary {
border-color: #f72d66 !important;
}
.bg-light.border.border-success {
border-color: #2dce89 !important;
}
.bg-light.border.border-info {
border-color: #45aaf2 !important;
}
.bg-light.border.border-warning {
border-color: #ecb403 !important;
}
.bg-light.border.border-danger {
border-color: #dc0441 !important;
}
.bg-light.border.border-light {
border-color: #f8f9fa !important;
}
.bg-light.border.border-dark {
border-color: #343a40 !important;
}
/*------ Background colors -------*/
.bg-blue-lightest {
background-color: #edf2fa !important;
}
a.bg-blue-lightest:hover,
a.bg-blue-lightest:focus {
background-color: #c5d5ef !important;
}
button.bg-blue-lightest:hover,
button.bg-blue-lightest:focus {
background-color: #c5d5ef !important;
}
.bg-blue-lighter {
background-color: #c8d9f1 !important;
}
a.bg-blue-lighter:hover,
a.bg-blue-lighter:focus {
background-color: #9fbde7 !important;
}
button.bg-blue-lighter:hover,
button.bg-blue-lighter:focus {
background-color: #9fbde7 !important;
}
.bg-blue-light {
background-color: #7ea5dd !important;
}
a.bg-blue-light:hover,
a.bg-blue-light:focus {
background-color: #5689d2 !important;
}
button.bg-blue-light:hover,
button.bg-blue-light:focus {
background-color: #5689d2 !important;
}
.bg-blue-dark {
background-color: #3866a6 !important;
}
a.bg-blue-dark:hover,
a.bg-blue-dark:focus {
background-color: #2b4f80 !important;
}
button.bg-blue-dark:hover,
button.bg-blue-dark:focus {
background-color: #2b4f80 !important;
}
.bg-blue-darker {
background-color: #1c3353 !important;
}
a.bg-blue-darker:hover,
a.bg-blue-darker:focus {
background-color: #0f1c2d !important;
}
button.bg-blue-darker:hover,
button.bg-blue-darker:focus {
background-color: #0f1c2d !important;
}
.bg-blue-darkest {
background-color: #0e1929 !important;
}
a.bg-blue-darkest:hover,
a.bg-blue-darkest:focus {
background-color: #010203 !important;
}
button.bg-blue-darkest:hover,
button.bg-blue-darkest:focus {
background-color: #010203 !important;
}
.bg-purssianblue {
background-color: #362f71;
}
a.bg-purssianblue-lightest:hover,
a.bg-purssianblue-lightest:focus {
background-color: #3f3688 !important;
}
button.bg-purssianblue-lightest:hover,
button.bg-purssianblue-lightest:focus {
background-color: #3f3688 !important;
}
.bg-indigo-lightest {
background-color: #f0f1fa !important;
}
a.bg-indigo-lightest:hover,
a.bg-indigo-lightest:focus {
background-color: #cacded !important;
}
button.bg-indigo-lightest:hover,
button.bg-indigo-lightest:focus {
background-color: #cacded !important;
}
.bg-indigo-lighter {
background-color: #d1d5f0 !important;
}
a.bg-indigo-lighter:hover,
a.bg-indigo-lighter:focus {
background-color: #abb2e3 !important;
}
button.bg-indigo-lighter:hover,
button.bg-indigo-lighter:focus {
background-color: #abb2e3 !important;
}
.bg-indigo-light {
background-color: #939edc !important;
}
a.bg-indigo-light:hover,
a.bg-indigo-light:focus {
background-color: #6c7bd0 !important;
}
button.bg-indigo-light:hover,
button.bg-indigo-light:focus {
background-color: #6c7bd0 !important;
}
.bg-indigo-dark {
background-color: #515da4 !important;
}
a.bg-indigo-dark:hover,
a.bg-indigo-dark:focus {
background-color: #404a82 !important;
}
button.bg-indigo-dark:hover,
button.bg-indigo-dark:focus {
background-color: #404a82 !important;
}
.bg-indigo-darker {
background-color: #282e52 !important;
}
a.bg-indigo-darker:hover,
a.bg-indigo-darker:focus {
background-color: #171b30 !important;
}
button.bg-indigo-darker:hover,
button.bg-indigo-darker:focus {
background-color: #171b30 !important;
}
.bg-indigo-darkest {
background-color: #141729 !important;
}
a.bg-indigo-darkest:hover,
a.bg-indigo-darkest:focus {
background-color: #030407 !important;
}
button.bg-indigo-darkest:hover,
button.bg-indigo-darkest:focus {
background-color: #030407 !important;
}
.bg-purple-lightest {
background-color: #f6effd !important;
}
a.bg-purple-lightest:hover,
a.bg-purple-lightest:focus {
background-color: #ddc2f7 !important;
}
button.bg-purple-lightest:hover,
button.bg-purple-lightest:focus {
background-color: #ddc2f7 !important;
}
.bg-purple-lighter {
background-color: #e4cff9 !important;
}
a.bg-purple-lighter:hover,
a.bg-purple-lighter:focus {
background-color: #cba2f3 !important;
}
button.bg-purple-lighter:hover,
button.bg-purple-lighter:focus {
background-color: #cba2f3 !important;
}
.bg-purple-light {
background-color: #c08ef0 !important;
}
a.bg-purple-light:hover,
a.bg-purple-light:focus {
background-color: #a761ea !important;
}
button.bg-purple-light:hover,
button.bg-purple-light:focus {
background-color: #a761ea !important;
}
.bg-purple-dark {
background-color: #844bbb !important;
}
a.bg-purple-dark:hover,
a.bg-purple-dark:focus {
background-color: #6a3a99 !important;
}
button.bg-purple-dark:hover,
button.bg-purple-dark:focus {
background-color: #6a3a99 !important;
}
.bg-purple-darker {
background-color: #42265e !important;
}
a.bg-purple-darker:hover,
a.bg-purple-darker:focus {
background-color: #29173a !important;
}
button.bg-purple-darker:hover,
button.bg-purple-darker:focus {
background-color: #29173a !important;
}
.bg-purple-darkest {
background-color: #21132f !important;
}
a.bg-purple-darkest:hover,
a.bg-purple-darkest:focus {
background-color: #08040b !important;
}
button.bg-purple-darkest:hover,
button.bg-purple-darkest:focus {
background-color: #08040b !important;
}
.bg-pink-lightest {
background-color: #fef0f5 !important;
}
a.bg-pink-lightest:hover,
a.bg-pink-lightest:focus {
background-color: #fbc0d5 !important;
}
button.bg-pink-lightest:hover,
button.bg-pink-lightest:focus {
background-color: #fbc0d5 !important;
}
.bg-pink-lighter {
background-color: #fcd3e1 !important;
}
a.bg-pink-lighter:hover,
a.bg-pink-lighter:focus {
background-color: #f9a3c0 !important;
}
button.bg-pink-lighter:hover,
button.bg-pink-lighter:focus {
background-color: #f9a3c0 !important;
}
.bg-pink-light {
background-color: #f999b9 !important;
}
a.bg-pink-light:hover,
a.bg-pink-light:focus {
background-color: #f66998 !important;
}
button.bg-pink-light:hover,
button.bg-pink-light:focus {
background-color: #f66998 !important;
}
.bg-pink-dark {
background-color: #c5577c !important;
}
a.bg-pink-dark:hover,
a.bg-pink-dark:focus {
background-color: #ad3c62 !important;
}
button.bg-pink-dark:hover,
button.bg-pink-dark:focus {
background-color: #ad3c62 !important;
}
.bg-pink-darker {
background-color: #622c3e !important;
}
a.bg-pink-darker:hover,
a.bg-pink-darker:focus {
background-color: #3f1c28 !important;
}
button.bg-pink-darker:hover,
button.bg-pink-darker:focus {
background-color: #3f1c28 !important;
}
.bg-pink-darkest {
background-color: #31161f !important;
}
a.bg-pink-darkest:hover,
a.bg-pink-darkest:focus {
background-color: #0e0609 !important;
}
button.bg-pink-darkest:hover,
button.bg-pink-darkest:focus {
background-color: #0e0609 !important;
}
.bg-red-lightest {
background-color: #fae9e9 !important;
}
a.bg-red-lightest:hover,
a.bg-red-lightest:focus {
background-color: #f1bfbf !important;
}
button.bg-red-lightest:hover,
button.bg-red-lightest:focus {
background-color: #f1bfbf !important;
}
.bg-red-lighter {
background-color: #f0bcbc !important;
}
a.bg-red-lighter:hover,
a.bg-red-lighter:focus {
background-color: #e79292 !important;
}
button.bg-red-lighter:hover,
button.bg-red-lighter:focus {
background-color: #e79292 !important;
}
.bg-red-light {
background-color: #dc6362 !important;
}
a.bg-red-light:hover,
a.bg-red-light:focus {
background-color: #d33a38 !important;
}
button.bg-red-light:hover,
button.bg-red-light:focus {
background-color: #d33a38 !important;
}
.bg-red-dark {
background-color: #a41a19 !important;
}
a.bg-red-dark:hover,
a.bg-red-dark:focus {
background-color: #781312 !important;
}
button.bg-red-dark:hover,
button.bg-red-dark:focus {
background-color: #781312 !important;
}
.bg-red-darker {
background-color: #520d0c !important;
}
a.bg-red-darker:hover,
a.bg-red-darker:focus {
background-color: #260605 !important;
}
button.bg-red-darker:hover,
button.bg-red-darker:focus {
background-color: #260605 !important;
}
.bg-red-darkest {
background-color: #290606 !important;
}
a.bg-red-darkest:hover,
a.bg-red-darkest:focus {
background-color: black !important;
}
button.bg-red-darkest:hover,
button.bg-red-darkest:focus {
background-color: black !important;
}
.bg-orange-lightest {
background-color: #fff5ec !important;
}
a.bg-orange-lightest:hover,
a.bg-orange-lightest:focus {
background-color: peachpuff !important;
}
button.bg-orange-lightest:hover,
button.bg-orange-lightest:focus {
background-color: peachpuff !important;
}
.bg-orange-lighter {
background-color: #fee0c7 !important;
}
a.bg-orange-lighter:hover,
a.bg-orange-lighter:focus {
background-color: #fdc495 !important;
}
button.bg-orange-lighter:hover,
button.bg-orange-lighter:focus {
background-color: #fdc495 !important;
}
.bg-orange-light {
background-color: #feb67c !important;
}
a.bg-orange-light:hover,
a.bg-orange-light:focus {
background-color: #fe9a49 !important;
}
button.bg-orange-light:hover,
button.bg-orange-light:focus {
background-color: #fe9a49 !important;
}
.bg-orange-dark {
background-color: #ca7836 !important;
}
a.bg-orange-dark:hover,
a.bg-orange-dark:focus {
background-color: #a2602b !important;
}
button.bg-orange-dark:hover,
button.bg-orange-dark:focus {
background-color: #a2602b !important;
}
.bg-orange-darker {
background-color: #653c1b !important;
}
a.bg-orange-darker:hover,
a.bg-orange-darker:focus {
background-color: #3d2410 !important;
}
button.bg-orange-darker:hover,
button.bg-orange-darker:focus {
background-color: #3d2410 !important;
}
.bg-orange-darkest {
background-color: #331e0e !important;
}
a.bg-orange-darkest:hover,
a.bg-orange-darkest:focus {
background-color: #0b0603 !important;
}
button.bg-orange-darkest:hover,
button.bg-orange-darkest:focus {
background-color: #0b0603 !important;
}
.bg-yellow-lightest {
background-color: #fef9e7 !important;
}
a.bg-yellow-lightest:hover,
a.bg-yellow-lightest:focus {
background-color: #fcedb6 !important;
}
button.bg-yellow-lightest:hover,
button.bg-yellow-lightest:focus {
background-color: #fcedb6 !important;
}
.bg-yellow-lighter {
background-color: #fbedb7 !important;
}
a.bg-yellow-lighter:hover,
a.bg-yellow-lighter:focus {
background-color: #f8e187 !important;
}
button.bg-yellow-lighter:hover,
button.bg-yellow-lighter:focus {
background-color: #f8e187 !important;
}
.bg-yellow-light {
background-color: #f5d657 !important;
}
a.bg-yellow-light:hover,
a.bg-yellow-light:focus {
background-color: #f2ca27 !important;
}
button.bg-yellow-light:hover,
button.bg-yellow-light:focus {
background-color: #f2ca27 !important;
}
.bg-yellow-dark {
background-color: #c19d0c !important;
}
a.bg-yellow-dark:hover,
a.bg-yellow-dark:focus {
background-color: #917609 !important;
}
button.bg-yellow-dark:hover,
button.bg-yellow-dark:focus {
background-color: #917609 !important;
}
.bg-yellow-darker {
background-color: #604e06 !important;
}
a.bg-yellow-darker:hover,
a.bg-yellow-darker:focus {
background-color: #302703 !important;
}
button.bg-yellow-darker:hover,
button.bg-yellow-darker:focus {
background-color: #302703 !important;
}
.bg-yellow-darkest {
background-color: #302703 !important;
}
a.bg-yellow-darkest:hover,
a.bg-yellow-darkest:focus {
background-color: black !important;
}
button.bg-yellow-darkest:hover,
button.bg-yellow-darkest:focus {
background-color: black !important;
}
.bg-green-lightest {
background-color: #eff8e6 !important;
}
a.bg-green-lightest:hover,
a.bg-green-lightest:focus {
background-color: #d6edbe !important;
}
button.bg-green-lightest:hover,
button.bg-green-lightest:focus {
background-color: #d6edbe !important;
}
.bg-green-lighter {
background-color: #cfeab3 !important;
}
a.bg-green-lighter:hover,
a.bg-green-lighter:focus {
background-color: #b6df8b !important;
}
button.bg-green-lighter:hover,
button.bg-green-lighter:focus {
background-color: #b6df8b !important;
}
.bg-green-light {
background-color: #8ecf4d !important;
}
a.bg-green-light:hover,
a.bg-green-light:focus {
background-color: #75b831 !important;
}
button.bg-green-light:hover,
button.bg-green-light:focus {
background-color: #75b831 !important;
}
.bg-green-dark {
background-color: #4b9500 !important;
}
a.bg-green-dark:hover,
a.bg-green-dark:focus {
background-color: #316200 !important;
}
button.bg-green-dark:hover,
button.bg-green-dark:focus {
background-color: #316200 !important;
}
.bg-green-darker {
background-color: #264a00 !important;
}
a.bg-green-darker:hover,
a.bg-green-darker:focus {
background-color: #0c1700 !important;
}
button.bg-green-darker:hover,
button.bg-green-darker:focus {
background-color: #0c1700 !important;
}
.bg-green-darkest {
background-color: #132500 !important;
}
a.bg-green-darkest:hover,
a.bg-green-darkest:focus {
background-color: black !important;
}
button.bg-green-darkest:hover,
button.bg-green-darkest:focus {
background-color: black !important;
}
.bg-teal-lightest {
background-color: #eafaf8 !important;
}
a.bg-teal-lightest:hover,
a.bg-teal-lightest:focus {
background-color: #c1f0ea !important;
}
button.bg-teal-lightest:hover,
button.bg-teal-lightest:focus {
background-color: #c1f0ea !important;
}
.bg-teal-lighter {
background-color: #bfefea !important;
}
a.bg-teal-lighter:hover,
a.bg-teal-lighter:focus {
background-color: #96e5dd !important;
}
button.bg-teal-lighter:hover,
button.bg-teal-lighter:focus {
background-color: #96e5dd !important;
}
.bg-teal-light {
background-color: #6bdbcf !important;
}
a.bg-teal-light:hover,
a.bg-teal-light:focus {
background-color: #42d1c2 !important;
}
button.bg-teal-light:hover,
button.bg-teal-light:focus {
background-color: #42d1c2 !important;
}
.bg-teal-dark {
background-color: #22a295 !important;
}
a.bg-teal-dark:hover,
a.bg-teal-dark:focus {
background-color: #19786e !important;
}
button.bg-teal-dark:hover,
button.bg-teal-dark:focus {
background-color: #19786e !important;
}
.bg-teal-darker {
background-color: #11514a !important;
}
a.bg-teal-darker:hover,
a.bg-teal-darker:focus {
background-color: #082723 !important;
}
button.bg-teal-darker:hover,
button.bg-teal-darker:focus {
background-color: #082723 !important;
}
.bg-teal-darkest {
background-color: #092925 !important;
}
a.bg-teal-darkest:hover,
a.bg-teal-darkest:focus {
background-color: black !important;
}
button.bg-teal-darkest:hover,
button.bg-teal-darkest:focus {
background-color: black !important;
}
.bg-cyan-lightest {
background-color: #e8f6f8 !important;
}
a.bg-cyan-lightest:hover,
a.bg-cyan-lightest:focus {
background-color: #c1e7ec !important;
}
button.bg-cyan-lightest:hover,
button.bg-cyan-lightest:focus {
background-color: #c1e7ec !important;
}
.bg-cyan-lighter {
background-color: #b9e3ea !important;
}
a.bg-cyan-lighter:hover,
a.bg-cyan-lighter:focus {
background-color: #92d3de !important;
}
button.bg-cyan-lighter:hover,
button.bg-cyan-lighter:focus {
background-color: #92d3de !important;
}
.bg-cyan-light {
background-color: #5dbecd !important;
}
a.bg-cyan-light:hover,
a.bg-cyan-light:focus {
background-color: #3aabbd !important;
}
button.bg-cyan-light:hover,
button.bg-cyan-light:focus {
background-color: #3aabbd !important;
}
.bg-cyan-dark {
background-color: #128293 !important;
}
a.bg-cyan-dark:hover,
a.bg-cyan-dark:focus {
background-color: #0c5a66 !important;
}
button.bg-cyan-dark:hover,
button.bg-cyan-dark:focus {
background-color: #0c5a66 !important;
}
.bg-cyan-darker {
background-color: #09414a !important;
}
a.bg-cyan-darker:hover,
a.bg-cyan-darker:focus {
background-color: #03191d !important;
}
button.bg-cyan-darker:hover,
button.bg-cyan-darker:focus {
background-color: #03191d !important;
}
.bg-cyan-darkest {
background-color: #052025 !important;
}
a.bg-cyan-darkest:hover,
a.bg-cyan-darkest:focus {
background-color: black !important;
}
button.bg-cyan-darkest:hover,
button.bg-cyan-darkest:focus {
background-color: black !important;
}
.bg-white-lightest {
background-color: white !important;
}
a.bg-white-lightest:hover,
a.bg-white-lightest:focus {
background-color: #e6e5e5 !important;
}
button.bg-white-lightest:hover,
button.bg-white-lightest:focus {
background-color: #e6e5e5 !important;
}
.bg-white-lighter {
background-color: white !important;
}
a.bg-white-lighter:hover,
a.bg-white-lighter:focus {
background-color: #e6e5e5 !important;
}
button.bg-white-lighter:hover,
button.bg-white-lighter:focus {
background-color: #e6e5e5 !important;
}
.bg-white-light {
background-color: white !important;
}
a.bg-white-light:hover,
a.bg-white-light:focus {
background-color: #e6e5e5 !important;
}
button.bg-white-light:hover,
button.bg-white-light:focus {
background-color: #e6e5e5 !important;
}
.bg-white-dark {
background-color: #424e79 !important;
}
a.bg-white-dark:hover,
a.bg-white-dark:focus {
background-color: #b3b2b2 !important;
}
button.bg-white-dark:hover,
button.bg-white-dark:focus {
background-color: #b3b2b2 !important;
}
.bg-white-darker {
background-color: #666666 !important;
}
a.bg-white-darker:hover,
a.bg-white-darker:focus {
background-color: #4d4c4c !important;
}
button.bg-white-darker:hover,
button.bg-white-darker:focus {
background-color: #4d4c4c !important;
}
.bg-white-darkest {
background-color: #333333 !important;
}
a.bg-white-darkest:hover,
a.bg-white-darkest:focus {
background-color: #1a1919 !important;
}
button.bg-white-darkest:hover,
button.bg-white-darkest:focus {
background-color: #1a1919 !important;
}
.bg-gray-lightest {
background-color: #f3f4f5 !important;
}
a.bg-gray-lightest:hover,
a.bg-gray-lightest:focus {
background-color: #d7dbde !important;
}
button.bg-gray-lightest:hover,
button.bg-gray-lightest:focus {
background-color: #d7dbde !important;
}
.bg-gray-lighter {
background-color: #dbdde0 !important;
}
a.bg-gray-lighter:hover,
a.bg-gray-lighter:focus {
background-color: #c0c3c8 !important;
}
button.bg-gray-lighter:hover,
button.bg-gray-lighter:focus {
background-color: #c0c3c8 !important;
}
.bg-gray-light {
background-color: #aab0b6 !important;
}
a.bg-gray-light:hover,
a.bg-gray-light:focus {
background-color: #8f979e !important;
}
button.bg-gray-light:hover,
button.bg-gray-light:focus {
background-color: #8f979e !important;
}
.bg-gray-darker {
background-color: #36393c !important;
}
a.bg-gray-darker:hover,
a.bg-gray-darker:focus {
background-color: #1e2021 !important;
}
button.bg-gray-darker:hover,
button.bg-gray-darker:focus {
background-color: #1e2021 !important;
}
.bg-gray-darkest {
background-color: #1b1c1e !important;
}
a.bg-gray-darkest:hover,
a.bg-gray-darkest:focus {
background-color: #030303 !important;
}
button.bg-gray-darkest:hover,
button.bg-gray-darkest:focus {
background-color: #030303 !important;
}
.bg-gray-dark-lightest {
background-color: #ebebec !important;
}
a.bg-gray-dark-lightest:hover,
a.bg-gray-dark-lightest:focus {
background-color: #d1d1d3 !important;
}
button.bg-gray-dark-lightest:hover,
button.bg-gray-dark-lightest:focus {
background-color: #d1d1d3 !important;
}
.bg-gray-dark-lighter {
background-color: #c2c4c6 !important;
}
a.bg-gray-dark-lighter:hover,
a.bg-gray-dark-lighter:focus {
background-color: #a8abad !important;
}
button.bg-gray-dark-lighter:hover,
button.bg-gray-dark-lighter:focus {
background-color: #a8abad !important;
}
.bg-gray-dark-light {
background-color: #717579 !important;
}
a.bg-gray-dark-light:hover,
a.bg-gray-dark-light:focus {
background-color: #585c5f !important;
}
button.bg-gray-dark-light:hover,
button.bg-gray-dark-light:focus {
background-color: #585c5f !important;
}
.bg-gray-dark-dark {
background-color: #2a2e33 !important;
}
a.bg-gray-dark-dark:hover,
a.bg-gray-dark-dark:focus {
background-color: #131517 !important;
}
button.bg-gray-dark-dark:hover,
button.bg-gray-dark-dark:focus {
background-color: #131517 !important;
}
.bg-gray-dark-darker {
background-color: #15171a !important;
}
a.bg-gray-dark-darker:hover,
a.bg-gray-dark-darker:focus {
background-color: black !important;
}
button.bg-gray-dark-darker:hover,
button.bg-gray-dark-darker:focus {
background-color: black !important;
}
.bg-gray-dark-darkest {
background-color: #0a0c0d !important;
}
a.bg-gray-dark-darkest:hover,
a.bg-gray-dark-darkest:focus {
background-color: black !important;
}
button.bg-gray-dark-darkest:hover,
button.bg-gray-dark-darkest:focus {
background-color: black !important;
}
.bg-azure-lightest {
background-color: #ecf7fe !important;
}
a.bg-azure-lightest:hover,
a.bg-azure-lightest:focus {
background-color: #bce3fb !important;
}
button.bg-azure-lightest:hover,
button.bg-azure-lightest:focus {
background-color: #bce3fb !important;
}
.bg-azure-lighter {
background-color: #c7e6fb !important;
}
a.bg-azure-lighter:hover,
a.bg-azure-lighter:focus {
background-color: #97d1f8 !important;
}
button.bg-azure-lighter:hover,
button.bg-azure-lighter:focus {
background-color: #97d1f8 !important;
}
.bg-azure-light {
background-color: #7dc4f6 !important;
}
a.bg-azure-light:hover,
a.bg-azure-light:focus {
background-color: #4daef3 !important;
}
button.bg-azure-light:hover,
button.bg-azure-light:focus {
background-color: #4daef3 !important;
}
.bg-azure-dark {
background-color: #3788c2 !important;
}
a.bg-azure-dark:hover,
a.bg-azure-dark:focus {
background-color: #2c6c9a !important;
}
button.bg-azure-dark:hover,
button.bg-azure-dark:focus {
background-color: #2c6c9a !important;
}
.bg-azure-darker {
background-color: #1c4461 !important;
}
a.bg-azure-darker:hover,
a.bg-azure-darker:focus {
background-color: #112839 !important;
}
button.bg-azure-darker:hover,
button.bg-azure-darker:focus {
background-color: #112839 !important;
}
.bg-azure-darkest {
background-color: #0e2230 !important;
}
a.bg-azure-darkest:hover,
a.bg-azure-darkest:focus {
background-color: #020609 !important;
}
button.bg-azure-darkest:hover,
button.bg-azure-darkest:focus {
background-color: #020609 !important;
}
.bg-lime-lightest {
background-color: #f2fbeb !important;
}
a.bg-lime-lightest:hover,
a.bg-lime-lightest:focus {
background-color: #d6f3c1 !important;
}
button.bg-lime-lightest:hover,
button.bg-lime-lightest:focus {
background-color: #d6f3c1 !important;
}
.bg-lime-lighter {
background-color: #d7f2c2 !important;
}
a.bg-lime-lighter:hover,
a.bg-lime-lighter:focus {
background-color: #bbe998 !important;
}
button.bg-lime-lighter:hover,
button.bg-lime-lighter:focus {
background-color: #bbe998 !important;
}
.bg-lime-light {
background-color: #a3e072 !important;
}
a.bg-lime-light:hover,
a.bg-lime-light:focus {
background-color: #88d748 !important;
}
button.bg-lime-light:hover,
button.bg-lime-light:focus {
background-color: #88d748 !important;
}
.bg-lime-dark {
background-color: #62a82a !important;
}
a.bg-lime-dark:hover,
a.bg-lime-dark:focus {
background-color: #4a7f20 !important;
}
button.bg-lime-dark:hover,
button.bg-lime-dark:focus {
background-color: #4a7f20 !important;
}
.bg-lime-darker {
background-color: #315415 !important;
}
a.bg-lime-darker:hover,
a.bg-lime-darker:focus {
background-color: #192b0b !important;
}
button.bg-lime-darker:hover,
button.bg-lime-darker:focus {
background-color: #192b0b !important;
}
.bg-lime-darkest {
background-color: #192a0b !important;
}
a.bg-lime-darkest:hover,
a.bg-lime-darkest:focus {
background-color: #010200 !important;
}
button.bg-lime-darkest:hover,
button.bg-lime-darkest:focus {
background-color: #010200 !important;
}
.display-1 i,
.display-2 i,
.display-3 i,
.display-4 i {
vertical-align: baseline;
font-size: 0.815em;
}
.text-inherit {
color: inherit !important;
}
.text-default {
color: #4e5761 !important;
}
.text-muted-dark {
color: #6e7687 !important;
}
.tracking-tight {
letter-spacing: -0.05em !important;
}
.tracking-normal {
letter-spacing: 0 !important;
}
.tracking-wide {
letter-spacing: 0.05em !important;
}
.leading-none {
line-height: 1 !important;
}
.leading-tight {
line-height: 1.25 !important;
}
.leading-normal {
line-height: 1.5 !important;
}
.leading-loose {
line-height: 2 !important;
}
.bg-blue {
background-color: #083dc1 !important;
color: #fff !important;
}
a.bg-blue:hover,
a.bg-blue:focus {
background-color: #1747bd !important;
}
button.bg-blue:hover,
button.bg-blue:focus {
background-color: #1747bd !important;
}
.text-blue {
color: #083dc1 !important;
}
.bg-indigo {
background-color: #6574cd !important;
color: #fff !important;
}
a.bg-indigo:hover,
a.bg-indigo:focus {
background-color: #3f51c1 !important;
}
button.bg-indigo:hover,
button.bg-indigo:focus {
background-color: #3f51c1 !important;
}
.text-indigo {
color: #6574cd !important;
}
.bg-purple {
background-color: #aa4cf2 !important;
color: #fff !important;
}
a.bg-purple:hover,
a.bg-purple:focus {
background-color: #8c31e4 !important;
}
button.bg-purple:hover,
button.bg-purple:focus {
background-color: #8c31e4 !important;
}
.text-purple {
color: #aa4cf2 !important;
}
.text-lightpink-red {
color: #ff7088 !important;
}
.text-lightgreen {
color: #26eda2 !important;
}
.bg-pink {
background-color: #ec82ef !important;
color: #fff !important;
}
.bg-darkpink {
background-color: #14A485 !important;
color: #fff !important;
}
a.bg-pink:hover,
a.bg-pink:focus {
background-color: #f33d7a !important;
}
button.bg-pink:hover,
button.bg-pink:focus {
background-color: #f33d7a !important;
}
.text-pink {
color: #ec82ef !important;
}
.bg-red {
background-color: #dc0441 !important;
color: #fff !important;
}
a.bg-red:hover,
a.bg-red:focus {
background-color: #a11918 !important;
}
button.bg-red:hover,
button.bg-red:focus {
background-color: #a11918 !important;
}
.text-red {
color: #dc0441 !important;
}
.bg-orange {
background-color: #fc7303 !important;
color: #fff !important;
}
a.bg-orange:hover,
a.bg-orange:focus {
background-color: #fc7a12 !important;
}
button.bg-orange:hover,
button.bg-orange:focus {
background-color: #fc7a12 !important;
}
.text-orange {
color: #fc7303 !important;
}
.bg-yellow {
background-color: #ecb403 !important;
color: #fff !important;
}
a.bg-yellow:hover,
a.bg-yellow:focus {
background-color: #c29d0b !important;
}
button.bg-yellow:hover,
button.bg-yellow:focus {
background-color: #c29d0b !important;
}
.text-yellow {
color: #ecb403 !important;
}
.bg-green {
background-color: #2dce89 !important;
color: #000 !important;
}
a.bg-green:hover,
a.bg-green:focus {
background-color: #15ca7c !important;
}
button.bg-green:hover,
button.bg-green:focus {
background-color: #15ca7c !important;
}
.text-green {
color: #2dce89 !important;
}
.bg-teal {
background-color: #2bcbba !important;
}
a.bg-teal:hover,
a.bg-teal:focus {
background-color: #22a193 !important;
}
button.bg-teal:hover,
button.bg-teal:focus {
background-color: #22a193 !important;
}
.text-teal {
color: #2bcbba !important;
}
.bg-cyan {
background-color: #17a2b8 !important;
color: #fff !important;
}
a.bg-cyan:hover,
a.bg-cyan:focus {
background-color: #117a8b !important;
}
button.bg-cyan:hover,
button.bg-cyan:focus {
background-color: #117a8b !important;
}
.text-cyan {
color: #17a2b8 !important;
}
.bg-white {
background-color: #fff !important;
}
a.bg-white:hover,
a.bg-white:focus {
background-color: #f3f4f5 !important;
}
button.bg-white:hover,
button.bg-white:focus {
background-color: #f3f4f5 !important;
}
.text-white {
color: #fff !important;
}
.bg-gray {
background-color: #868e96 !important;
}
a.bg-gray:hover,
a.bg-gray:focus {
background-color: #6c757d !important;
}
button.bg-gray:hover,
button.bg-gray:focus {
background-color: #6c757d !important;
}
.text-gray {
color: #969696 !important;
}
.bg-lightpink-red {
color: #ff7088 !important;
}
.bg-gray-dark {
background-color: #343a40 !important;
}
a.bg-gray-dark:hover,
a.bg-gray-dark:focus {
background-color: #1d2124 !important;
}
button.bg-gray-dark:hover,
button.bg-gray-dark:focus {
background-color: #1d2124 !important;
}
.text-gray-dark {
color: #343a40 !important;
}
.bg-azure {
background-color: #45aaf2 !important;
}
a.bg-azure:hover,
a.bg-azure:focus {
background-color: #1594ef !important;
}
button.bg-azure:hover,
button.bg-azure:focus {
background-color: #1594ef !important;
}
.text-azure {
color: #45aaf2 !important;
}
.bg-lime {
background-color: #1e74a0 !important;
}
a.bg-lime:hover,
a.bg-lime:focus {
background-color: #63ad27 !important;
}
button.bg-lime:hover,
button.bg-lime:focus {
background-color: #63ad27 !important;
}
.text-lime {
color: #1e74a0 !important;
}
.icon {
color: #fff !important;
}
.icon i {
vertical-align: -1px;
color: #b6c1d9;
}
a.icon {
text-decoration: none;
cursor: pointer;
}
a.icon:hover {
color: #fff !important;
}
.o-auto {
overflow: auto !important;
}
.o-hidden {
overflow: hidden !important;
}
.shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.shadow2 {
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0), 10px 10px 15px -5px rgb(176, 184, 214) !important;
}
.shadow-none {
box-shadow: none !important;
}
.bg-light2 {
background: #cedbfd;
}
.bg-light-color {
background: #cedbfd;
}
.bg-primary-transparent {
background-color: var(--primary05) !important;
}
.bg-secondary-transparent {
background-color: rgba(247, 45, 102, 0.5) !important;
}
.bg-success-transparent {
background-color: rgba(45, 206, 137, 0.5) !important;
}
.bg-info-transparent {
background-color: rgba(69, 170, 242, 0.5) !important;
}
.bg-warning-transparent {
background-color: rgba(236, 180, 3, 0.5) !important;
}
.bg-danger-transparent {
background-color: rgba(255, 91, 81, 0.5) !important;
}
.bg-primary-transparent-2 {
background-color: var(--primary02) !important;
}
.bg-secondary-transparent-2 {
background-color: rgba(247, 45, 102, 0.2) !important;
}
.bg-success-transparent-2 {
background-color: rgba(45, 206, 137, 0.2) !important;
}
.bg-info-transparent-2 {
background-color: rgba(69, 170, 242, 0.2) !important;
}
.bg-warning-transparent-2 {
background-color: rgba(236, 180, 3, 0.2) !important;
}
.bg-danger-transparent-2 {
background-color: rgba(255, 91, 81, 0.2) !important;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1280px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
order: -1;
}
.order-xxl-last {
order: 13;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
}
.app-sidebar .mCSB_draggerContainer {
right: -11px !important;
}
@media (min-width: 992px) {
.app.sidenav-toggled .app-content {
margin-left: 70px;
}
.app.sidenav-toggled .app-sidebar {
left: 0;
width: 70px;
overflow: hidden;
transition: left 0.3s ease, width 0.3s ease;
}
.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.app.sidenav-toggled .slide.is-expanded .slide-menu {
display: none;
}
.side-badge {
display: none;
}
.app-header {
width: 250px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 1;
}
}
@media (max-width: 991px) {
.app {
overflow-x: hidden;
}
.app .app-sidebar {
left: -250px;
}
.app .app-sidebar__overlay {
visibility: hidden;
}
.app.sidenav-toggled .app-content {
margin-left: 0;
}
.app.sidenav-toggled .app-sidebar {
left: 0;
}
.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.app.sidebar-gone.sidenav-toggled .app-sidebar {
left: 0;
}
.app.sidenav-toggled .side-menu .side-menu__icon {
margin-right: 13px !important;
margin-left: 0;
}
.sidebar-mini .side-menu,
.sidebar-gone .side-menu {
margin-inline: 0 !important;
padding: 10px;
}
}
.app-content {
min-height: calc(100vh - 50px);
margin-top: 50px;
margin-bottom: 0 !important;
transition: margin-left 0.2s ease;
overflow: hidden;
}
.app-content .side-app {
padding: 25px 1.5rem 0 1.5rem;
}
.footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.app.sidebar-mini.sidenav-toggled .logo-icon.icon-light {
display: block;
}
.app.sidebar-mini.sidenav-toggled .logo-icon {
text-align: center;
}
.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-dark {
display: none;
}
.app.sidebar-mini .main-sidebar-header .logo-icon {
display: none;
}
.app.sidebar-mini.sidenav-toggled .main-sidebar-header .main-logo {
display: none;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .main-sidebar-header .main-logo {
display: block;
}
.app.sidebar-mini .main-semi-white {
display: none;
}
.app.sidebar-mini .desktop-semilogo {
display: none;
}
.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
line-height: 19px;
}
.app.sidebar-mini.sidenav-toggled .side-item.side-item-category {
display: none;
}
.app.sidebar-mini.sidenav-toggled .side-item.side-item-category {
display: none;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-item.side-item-category {
display: block;
}
}
@media (max-width: 991px) {
.app-content {
min-width: 100%;
}
}
@media print {
.app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.light-text {
font-weight: 300 !important;
}
.semibold-text {
font-weight: 600 !important;
}
.line-head {
padding-bottom: 10px;
border-bottom: 1px solid #eff0f6;
}
/*----- Componant: Top Navigation Bar ----- */
@media print {
.app-header {
display: none;
}
}
.app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: "Niconne";
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.app-header__logo:focus,
.app-header__logo:hover {
text-decoration: none;
}
@media (min-width: 992px) {
.app-header__logo {
flex: 0 0 auto;
display: block;
width: 230px;
}
}
@media (max-width: 991px) {
.app-sidebar__toggle {
order: -1;
}
.main-sidebar-header {
display: none !important;
}
.main-sidemenu {
margin-top: 0 !important;
}
}
.app-nav {
display: flex;
margin-bottom: 0;
justify-content: flex-end;
}
@media (min-width: 992px) {
.app-nav {
flex: 1 0 auto;
}
}
.app-nav__item {
display: block;
padding: 15px;
line-height: 20px;
color: #a8a8a8;
transition: background-color 0.3s ease;
}
.app-nav__item:hover,
.app-nav__item:focus {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.app-search {
position: relative;
display: flex;
align-self: center;
margin-right: 15px;
padding: 10px 0;
}
@media (max-width: 480px) {
.app-search {
display: none;
}
}
.app-search__input {
border: 0;
padding: 5px 10px;
padding-right: 30px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.8);
transition: background-color 0.3s ease;
}
.app-search__input::-webkit-input-placeholder,
.app-search__input:-ms-input-placeholder,
.app-search__input::-ms-input-placeholder,
.app-search__input::placeholder {
color: rgba(0, 0, 0, 0.4);
}
.app-search__button {
position: absolute;
right: 0;
top: 10px;
bottom: 10px;
padding: 0 10px;
border: 0;
color: rgba(0, 0, 0, 0.8);
background: none;
cursor: pointer;
}
.app-notification {
min-width: 270px;
}
.app-notification__title {
padding: 8px 20px;
text-align: center;
background-color: rgba(0, 150, 136, 0.4);
color: #333;
}
.app-notification__footer {
padding: 8px 20px;
text-align: center;
background-color: #eee;
}
.app-notification__content {
max-height: 220px;
overflow-y: auto;
}
.app-notification__content::-webkit-scrollbar {
width: 6px;
}
.app-notification__content::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.app-notification__item {
display: flex;
padding: 8px 20px;
color: inherit;
border-bottom: 1px solid #eff0f6;
transition: background-color 0.3s ease;
}
.app-notification__item:focus,
.app-notification__item:hover {
color: inherit;
text-decoration: none;
background-color: #e0e0e0;
}
.app-notification__message,
.app-notification__meta {
margin-bottom: 0;
}
.app-notification__icon {
padding-right: 10px;
}
.app-notification__message {
line-height: 1.2;
}
.app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
color: #424e79;
width: 250px;
max-height: 100%;
z-index: 1024;
background: #fff;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(204, 210, 236, 0.32);
border-right: 1px solid #eff0f6;
transition: left 0.3s ease, width 0.3s ease;
padding-bottom: 70px;
}
.app-sidebar::-webkit-scrollbar {
width: 6px;
}
.app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
@media print {
.app-sidebar {
display: none;
}
}
@media (max-width: 991px) {
.app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
}
.app-sidebar__user {
display: flex;
align-items: center;
color: #424e79;
width: 100%;
padding: 25px 20px;
display: inline-block;
border-bottom: 1px solid #eff0f6;
}
.app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.app-sidebar__user-name {
font-size: 17px;
line-height: 1.3;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
}
.app-sidebar__user-designation {
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.side-menu {
margin-bottom: 0;
padding: 0;
list-style: none;
}
.side-menu .slide .side-menu__item {
padding: 10px 20px 10px 22px;
margin: 0;
border-radius: 0;
color: #576482;
}
slide is-expanded side-menu__item {
background: rgba(238, 238, 247, 0.9);
}
.slide {
margin: 0;
}
.side-menu .slide.active .side-menu__item {
background-color: transparent;
}
.side-menu .slide.active .side-menu__label,
.side-menu .slide.active .side-menu__icon {
color: var(--primary-bg-color);
}
.side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 0;
font-size: 14px;
font-weight: 500;
}
.side-menu__item.active,
.side-menu__item:hover,
.side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color);
}
.side-menu__item.active .side-menu__label {
color: var(--primary-bg-color) !important;
}
.side-menu__item.active .angle {
color: var(--primary-bg-color) !important;
}
.side-menu__item.active .side-menu__icon,
.side-menu__item:hover .side-menu__icon,
.side-menu__item:focus .side-menu__icon {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.app.sidebar-mini.sidenav-toggled .profile-status {
right: 22px;
top: 57px;
}
.app.sidenav-toggled .side-menu__label {
display: none !important;
position: relative;
padding: 0;
margin: 0;
left: 0;
color: rgba(255, 255, 255, 0.8);
opacity: 1;
background: transparent;
font-size: 12px;
box-shadow: none;
}
}
.slide:hover .side-menu__label,
.slide:hover .angle,
.slide:hover .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary02) !important;
}
.slide.is-expanded .side-menu__label,
.slide.is-expanded .side-menu__icon,
.slide.is-expanded .angle {
color: var(--primary-bg-color);
fill: var(--primary02);
}
.slide-item.active,
.slide-item:hover,
.slide-item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.slide-item.active::before,
.slide-item:hover::before,
.slide-item:focus::before {
color: var(--primary-bg-color) !important;
}
.slide-item.active .sub-angle,
.slide-item:hover .sub-angle,
.slide-item:focus .sub-angle {
color: var(--primary-bg-color) !important;
opacity: 1;
}
.sub-side-menu__item.active,
.sub-side-menu__item:hover,
.sub-side-menu__item:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.sub-side-menu__item.active::before,
.sub-side-menu__item:hover::before,
.sub-side-menu__item:focus::before {
color: var(--primary-bg-color) !important;
}
.sub-side-menu__item.active .sub-angle,
.sub-side-menu__item:hover .sub-angle,
.sub-side-menu__item:focus .sub-angle {
color: var(--primary-bg-color) !important;
opacity: 1;
}
.sub-slide-menu a.active,
.sub-slide-menu a:hover,
.sub-slide-menu a:focus {
text-decoration: none;
color: var(--primary-bg-color) !important;
}
.sub-slide-menu a.active::before,
.sub-slide-menu a:hover::before,
.sub-slide-menu a:focus::before {
color: var(--primary-bg-color) !important;
}
.slide-menu .sub-slide-menu {
padding: 0 5px;
}
.sub-slide .sub-angle {
margin-left: auto;
float: right;
font-size: 12px;
}
.slide-menu li {
position: relative;
}
.slide.is-expanded a {
color: #576482;
text-decoration: none;
}
.slide.is-expanded .sub-side-menu__item:before {
content: "\e048";
font-family: typicons !important;
margin-right: 8px;
position: relative;
color: #576482;
opacity: 0.6;
}
.side-menu .side-menu__icon {
display: flex;
font-size: 23px;
line-height: 0;
margin-right: 8px;
margin-left: -8px;
width: 22px;
height: 22px;
line-height: 34px;
border-radius: 3px;
text-align: center;
color: var(--primary05);
fill: var(--primary02);
}
.side-menu__icon {
flex: 0 0 auto;
width: 25px;
}
.side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
display: flex;
align-items: center;
position: relative;
font-size: 0.85rem;
line-height: 1;
vertical-align: middle;
font-weight: 500;
letter-spacing: 0.6px;
}
.app-sidebar .side-item.side-item-category {
color: #2c364c;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 12px;
height: 15px;
padding: 0 20px 0 25px;
}
.app-sidebar .side-item.side-item-category:not(:first-child) {
margin-top: 25px;
}
.slide-menu {
display: none;
list-style: none;
}
.slide.is-expanded .slide-menu {
display: block;
}
.slide-item {
display: flex;
align-items: center;
font-size: 12px;
padding: 8px 14px 8px 47px;
font-weight: 400;
color: #576482;
}
.slide-item .icon {
margin-right: 5px;
}
.angle {
transform-origin: center;
transition: transform 0.3s ease;
}
@media (max-width: 848px) {
.profile-user .p-text {
display: none;
}
}
@media (min-width: 992px) {
.sidenav-toggled .app-sidebar__user-designation,
.sidenav-toggled .angle,
.sidenav-toggled .user-notification,
.sidenav-toggled .user-info {
display: none;
}
.sidenav-toggled .sidenav-toggled.user-notification::before {
background: transparent;
display: none;
}
.sidenav-toggled .app-sidebar .avatar-xl {
width: 3rem !important;
height: 3rem !important;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0px !important;
}
.sidenav-toggled .app-sidebar__user,
.sidenav-toggled .side-menu {
margin-top: 0px;
}
.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.sidenav-toggled .app-sidebar__user {
padding: 12px 0px 12px 0;
margin-bottom: 0px;
}
.sidenav-toggled .profile-img {
top: 0px;
right: 19px;
}
.sidenav-toggled .app-content {
margin-left: 0;
}
.sidenav-toggled .app-sidebar:hover {
overflow: visible;
}
.sidenav-toggled .side-menu__item {
overflow: hidden;
}
.sidenav-toggled .side-menu__item:hover {
overflow: visible;
}
.sidenav-toggled .side-menu__item:hover .side-menu__label {
opacity: 1;
}
.sidenav-toggled .side-menu__item:hover+.slide-menu {
visibility: visible;
}
.sidenav-toggled .side-menu__label {
display: block;
position: absolute;
top: 0;
left: 50px;
padding: 12px 5px 12px 20px;
margin-left: -3px;
line-height: 1;
opacity: 0;
background: #fff;
color: #a8a8a8;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
}
.sidenav-toggled .slide:hover .side-menu__label {
opacity: 1;
}
.sidenav-toggled .slide:hover .slide-menu {
max-height: 100%;
opacity: 1;
visibility: visible;
z-index: 10;
}
.sidenav-toggled .slide .side-menu__label {
border-bottom-right-radius: 0;
}
.sidenav-toggled .slide-menu {
position: absolute;
left: 90px;
min-width: 180px;
opacity: 0;
border-bottom-right-radius: 4px;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
}
.app.sidenav-toggled .side-menu__item {
display: flex;
justify-content: center;
padding: 13px 0 13px 0 !important;
margin: 0 auto;
text-align: center;
}
.app.sidenav-toggled .side-menu_label {
display: block;
font-size: 12px;
}
.app.sidenav-toggled .side-menu__label {
display: block;
position: relative;
padding: 0;
margin: 0;
left: 0;
color: #5c6287;
opacity: 1;
background: transparent;
font-size: 12px;
box-shadow: none;
}
.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.app.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
}
.app.sidenav-toggled .side-menu .side-menu__icon {
margin-right: 0;
margin-left: 0;
}
.app .side-menu_label {
display: none;
}
.dropdown-menu {
border-radius: 0;
}
.dropdown-menu.dropdown-menu-right {
left: auto;
}
.dropdown-item .fa,
.dropdown-item .icon {
vertical-align: middle;
}
.app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #fff;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.app-title p {
margin-bottom: 0;
font-style: italic;
}
@media print {
.app-title {
display: none;
}
}
@media (max-width: 480px) {
.app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.app-title p {
display: none;
}
}
.app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
@media (max-width: 480px) {
.app-breadcrumb {
margin-top: 10px;
}
}
.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.05);
}
.app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(255, 255, 255, 0.2);
}
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
.app-header .header-brand1 {
text-align: center;
display: table;
}
.app-header .header-brand-img.desktop-logo {
max-height: 2.5rem;
text-align: center;
display: block;
margin-right: 0;
}
.sidenav-toggled .app-sidebar .app-header .header-brand-img.desktop-logo,
.app-header .header-brand-img.toggle-logo {
display: none;
}
.sidenav-toggled .app-sidebar .app-header .header-brand-img.toggle-logo {
display: none;
margin-right: 0;
}
.sidenav-toggled .user-pic {
margin-bottom: 0;
}
.app-header {
display: flex;
border-bottom: 1px solid #eff0f6;
transition: left 0.3s ease;
}
.sidenav-toggled .app-sidebar__toggle {
display: block;
}
.user-pic {
margin-bottom: 0.8rem;
}
.side-menu h3 {
font-size: 11px;
font-weight: 400;
letter-spacing: 1px;
opacity: 1;
padding: 20px 34px 10px;
text-transform: capitalize;
width: 100%;
position: relative;
color: #90909e;
position: relative;
}
.side-menu h3:after {
content: "--";
position: absolute;
left: 21px;
top: 20px;
}
.sidenav-toggled .side-menu h3 {
display: none;
}
.slide.is-expanded .slide-menu,
.sub-slide {
display: block;
}
/*-- Sub-slide--**/
.sub-side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 8px 0;
font-size: 12px;
color: #576482;
}
.sub-side-menu__label {
white-space: normal;
flex: 1 1 auto;
font-weight: 400;
}
.sub-slide .sub-angle {
transform-origin: center;
opacity: 0.5;
}
.sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
.sub-slide-menu {
list-style: none;
padding: 0;
}
.sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
font-size: 12px;
padding: 8px 0 8px 65px !important;
}
.sub-slide-menu {
display: none;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.sub-slide.is-expanded .sub-slide-menu {
display: block;
}
.slide-menu .sub-slide.is-expanded {
display: block;
}
.sub-side-menu__item {
padding-left: 48px !important;
padding-right: 20px !important;
}
.app-sidebar .side-menu__item.active:hover {
color: #7282a9 !important;
}
.app-sidebar .slide.active .side-menu__item {
color: var(--primary-bg-color) !important;
}
.side-menu .slid.active .sub-slide.is-expanded .sub-slide-menu {
max-height: 0;
}
.app-sidebar .slide-menu a:before {
content: "\e048";
font-family: typicons !important;
margin-right: 8px;
position: relative;
color: #576482;
opacity: 0.6;
}
.sub-slide-menu1 .sub-slide-item2:before {
content: "\e048";
font-family: typicons !important;
position: absolute;
left: 35px !important;
font-size: 9px;
color: #576482;
top: 5px !important;
font-weight: 900;
}
.app-sidebar__toggle .close-toggle,
.sidebar-mini.sidenav-toggled .open-toggle {
display: none;
}
.header-icon {
text-align: center;
line-height: 40px;
width: 34px;
height: 34px;
border-radius: 4px;
text-align: center;
line-height: 1.7;
font-size: 1.5rem;
color: #a8b1c7;
}
.sidebar-mini.sidenav-toggled .close-toggle {
display: block;
color: #000;
font-size: 18px;
text-align: center;
}
.sidenav-toggled .app-content {
transition: margin-left 0.3s ease;
}
.sub-slide-menu .active .sub-slide-item.active {
color: var(--primary-bg-color);
}
.app-sidebar .slide-menu a.active:before {
color: var(--primary-bg-color);
}
@media (min-width: 992px) {
.app.sidebar-mini.sidenav-toggled-open .app-sidebar {
left: 0;
width: 250px;
}
.app.sidebar-mini.sidenav-toggled-open .side-menu__item {
display: flex;
align-items: center;
padding: 12px 14px;
margin: 2px 0;
}
.app.sidebar-mini.sidenav-toggled-open .side-menu .slide .side-menu__item {
padding: 10px 20px 10px 22px !important;
margin: 0;
text-align: left;
border-radius: 0;
}
.app.sidebar-mini.sidenav-toggled-open .side-menu__label {
white-space: normal;
flex: 1 1 auto;
opacity: 1;
display: block !important;
position: initial;
font-size: 0.875rem;
line-height: 1;
font-weight: 400;
}
.app.sidebar-mini.sidenav-toggled-open .angle {
display: block;
}
.app.sidebar-mini.sidenav-toggled-open .avatar-xl {
width: 4rem !important;
height: 4rem !important;
font-size: 36px !important;
}
.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user .user-info {
margin: 0 auto;
display: block !important;
text-align: center;
}
.app.sidebar-mini.sidenav-toggled-open .side-menu .side-menu__icon {
margin-right: 12px;
}
.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header {
width: 250px !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .logo-icon {
display: none !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-light {
display: block;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .profile-status {
right: 97px;
top: 70px;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark {
display: none;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {
display: block !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {
left: 0;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:hover+.slide-menu {
visibility: visible;
opacity: inherit;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {
display: block;
box-shadow: none;
}
.sidenav-toggled .slide-menu {
box-shadow: none !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {
position: inherit;
visibility: visible;
opacity: inherit !important;
z-index: 0;
cursor: pointer;
}
}
@media (min-width: 991px) and (max-width: 992px) {
.main-sidebar-header .main-logo {
display: block;
}
}
@media (max-width: 991px) {
.main-body.app.sidebar-mini.sidebar-gone.sidenav-toggled .desktop-logo.logo-light {
display: none !important;
}
.main-body.app.sidebar-mini.sidebar-gone.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-light {
display: block !important;
}
}
@media (max-width: 991px) and (min-width: 992px) {
.desktop-logo {
height: auto !important;
text-align: inherit !important;
margin: 0 !important;
justify-content: inherit !important;
}
}
@media only screen and (max-width: 991px) {
.app .desktop-logo {
margin-left: 0 !important;
}
.main-body.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-header form[role=search].active input {
padding-left: 250px;
transition: none;
}
.main-body.app.sidebar-mini.sidenav-toggled .app-header form[role=search].active input {
padding-left: 90px;
}
.main-body.app.sidebar-mini.sidebar-gone .app-header form[role=search].active input {
padding-left: 20px;
}
.main-body.app.sidebar-mini .app-header form[role=search].active input {
padding-left: 250px;
}
}
.slide.is-expanded .angle {
transform: rotate(90deg);
}
.sub-slide.is-expanded .sub-slide-sub.is-expanded .sub-angle {
transform: rotate(180deg);
}
.sub-slide.is-expanded .sub-slide-sub .sub-angle {
transform: rotate(0deg);
}
.sub-slide-menu-sub {
display: none;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
padding: 0 5px;
}
.sub-slide.is-expanded .sub-side-menu__item:hover {
color: var(--primary-bg-color);
}
.slide.is-expanded .sub-slide-item:hover {
color: var(--primary-bg-color);
}
.sub-slide-menu-sub .sub-slide-item {
padding-left: 55px !important;
}
.app-sidebar .slide-menu .sub-slide-menu .sub-slide-menu-sub a:before {
left: 35px;
}
@media (min-width: 992px) {
.app.sidenav-toggled .side-menu__item .badge {
display: none;
}
.app.sidenav-toggled.sidenav-toggled-open .side-menu__item .badge {
display: block;
}
.app.sidenav-toggled.sidenav-toggled-open .app-sidebar__user {
padding: 25px 20px;
}
}
.side-menu-label1 {
display: none !important;
}
.sub-slide-menu1 .sub-slide-item2 {
padding: 6px 0px 6px 48px !important;
display: block;
font-size: 11px;
color: #576482;
}
.sub-slide-menu1 .sub-slide-item2:hover {
color: var(--primary-bg-color) !important;
}
.sub-slide2.is-expanded .sub-slide-menu1 {
display: none;
}
.slide-menu .sub-slide-menu1 {
padding: 0 10px;
}
.sub-slide-menu1 {
display: none;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.sidebar-mini .slide-left,
.sidebar-mini .slide-right {
display: none !important;
}
.logo-icon img {
height: 2.5rem;
}
.sidebar-mini .side-menu {
margin-inline: 0 !important;
padding: 10px;
}
@media (min-width: 992px) {
.closed-menu.app.sidenav-toggled .app-sidebar {
display: none !important;
}
.closed-menu.app.sidenav-toggled .app-content {
margin-left: 0px !important;
}
.closed-menu.app.sidenav-toggled .app-header {
padding-left: 0px !important;
}
}
@media (min-width: 992px) {
.icontext-menu.app.sidenav-toggled .side-menu .side-menu__icon {
margin-bottom: 5px;
}
.icontext-menu.app.sidenav-toggled .side-menu__label {
display: block !important;
font-size: 13.5px !important;
position: relative !important;
}
.icontext-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__label {
font-size: 0.875rem !important;
}
.icontext-menu.app.sidenav-toggled .side-menu__label {
font-size: 12px !important;
}
.icontext-menu.app.sidenav-toggled .app-sidebar {
width: 90px !important;
}
.icontext-menu.app.sidenav-toggled .main-sidebar-header {
width: 90px !important;
}
.icontext-menu.app.sidenav-toggled .app-header {
padding-left: 90px !important;
}
.icontext-menu.app.sidenav-toggled .app-content {
margin-left: 90px;
}
.icontext-menu.app.sidenav-toggled .app-sidebar-help {
width: 90px;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled-open .app-sidebar {
width: 250px !important;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header {
width: 250px !important;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled-open .close-toggle {
display: none !important;
}
.icontext-menu.app.sidebar-mini.sidenav-toggled-open .app-sidebar-help {
width: 250px;
}
.icontext-menu.sidebar-mini.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
width: inherit;
height: inherit;
}
}
@media (min-width: 992px) {
.hover-submenu.sidenav-toggled-open .slide-menu {
border-radius: 0px 7px 7px 0px !important;
}
.hover-submenu.sidenav-toggled-open .slide-item {
padding: 8px 18px 8px 18px;
}
.hover-submenu.sidenav-toggled-open .sub-side-menu__item {
padding: 8px 18px 8px 18px !important;
}
.hover-submenu.sidenav-toggled-open .sub-slide-item {
padding: 8px 0 8px 30px !important;
}
.hover-submenu .slide-menu {
border-radius: 0px 7px 7px 0px;
}
.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
position: absolute;
left: 90px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
display: block;
max-height: inherit;
}
.hover-submenu .app-sidebar .slide {
position: relative;
display: block;
}
.hover-submenu.app.sidenav-toggled .side-menu__item {
padding: 13px 0 13px 0;
}
.hover-submenu.app.sidenav-toggled-open .ps>.ps__rail-y {
display: none !important;
}
.hover-submenu.app.sidenav-toggled-open .slide-menu {
padding-left: 0 !important;
padding: 10px 0px !important;
position: absolute;
background: #fff;
opacity: 1;
visibility: visible;
z-index: 999;
width: 200px;
left: 90px;
border: 1px solid #eff0f6;
transition: none !important;
display: block !important;
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1) !important;
top: 0;
}
.hover-submenu.app.sidenav-toggled-open .slide:hover .slide-menu {
visibility: visible;
display: block !important;
height: auto !important;
}
.hover-submenu.app.sidenav-toggled-open .app-sidebar {
overflow: visible !important;
position: absolute !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu__label {
white-space: nowrap;
display: block;
position: relative;
padding: 0;
margin: 0;
left: 0;
color: #7b8191;
opacity: 1;
background: transparent;
font-size: 12px;
box-shadow: none;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .side-menu__icon {
margin-bottom: 5px !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
border-right: 0 !important;
padding: 10px;
}
.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .mobile-logo {
display: block !important;
}
.hover-submenu.app.sidenav-toggled-open .side-item.side-item-category {
display: none !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu__icon {
margin-right: 0;
margin-left: 0;
margin: 0 auto !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
display: block;
margin: 0 auto !important;
padding: 13px 0 13px 0 !important;
border-radius: 0;
text-align: center !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item {
display: block;
margin: 0 auto !important;
padding: 13px 0 13px 0 !important;
border-radius: 0;
text-align: center !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item i {
display: none !important;
}
.hover-submenu.app.sidenav-toggled .main-content {
min-height: 1300px;
}
.hover-submenu.app.sidenav-toggled .side-menu__label {
font-size: 11px !important;
}
.hover-submenu.app.sidenav-toggled .app-sidebar {
position: absolute !important;
}
.hover-submenu.app.sidenav-toggled .side-menu .side-menu__icon {
margin-bottom: 5px;
}
.hover-submenu.app.sidenav-toggled .side-menu__label {
display: block !important;
}
.hover-submenu.app.sidenav-toggled .app-sidebar__toggle .close-toggle {
display: block;
}
.hover-submenu.app.sidenav-toggled .app-header {
padding-left: 90px;
}
.hover-submenu.app.sidenav-toggled .main-sidebar-header {
width: 90px !important;
}
.hover-submenu.app.sidenav-toggled .app-content {
margin-left: 90px;
}
.hover-submenu.app.sidenav-toggled .app-sidebar {
left: 0;
width: 90px !important;
}
.hover-submenu.app.sidenav-toggled .slide.is-expanded .slide-menu {
display: none;
}
.hover-submenu.app.sidenav-toggled .app-sidebar-help {
display: none;
}
.hover-submenu .side-badge {
display: none;
}
.hover-submenu .app-header {
width: 250px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 1;
}
}
.hover-submenu .sub-slide-menu .sub-side-menu__item:before {
left: 25px !important;
font-size: 9px;
}
@media (min-width: 992px) {
.hover-submenu.app.sidebar-mini.sidenav-toggled .logo-icon.mobile-logo {
margin: 0 auto;
text-align: center;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .avatar-xl {
width: 3rem !important;
height: 3rem !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .profile-status {
right: 22px;
top: 57px;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user {
padding: 12px 0 12px 0;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .side-menu {
padding: 10px 0;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user .user-info {
display: none !important;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user .user-pic {
margin: 0;
}
.hover-submenu.app.sidebar-mini.sidenav-toggled-open #bg-side-text,
.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: none !important;
}
}
@media (min-width: 992px) {
.hover-submenu1.sidenav-toggled-open .slide-menu {
border-radius: 0px 7px 7px 0px !important;
}
.hover-submenu1.sidenav-toggled-open .slide-item {
padding: 8px 18px 8px 18px;
}
.hover-submenu1.sidenav-toggled-open .sub-side-menu__item {
padding: 8px 18px 8px 18px !important;
}
.hover-submenu1.sidenav-toggled-open .sub-slide-item {
padding: 8px 0 8px 30px !important;
}
.hover-submenu1 .slide-menu .side-menu-label1 a:before {
display: none;
}
.hover-submenu1 .slide-menu {
border-radius: 0px 7px 7px 0px;
}
.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
position: absolute;
left: 90px;
min-width: 180px;
opacity: 1;
z-index: 9999;
visibility: hidden;
top: 0;
display: block;
max-height: inherit;
}
.hover-submenu1 .app-sidebar .slide {
position: relative;
display: block;
}
.hover-submenu1.app.sidenav-toggled .side-menu__item {
padding: 13px 0 13px 0;
}
.hover-submenu1.app.sidenav-toggled-open .ps>.ps__rail-y {
display: none !important;
}
.hover-submenu1.app.sidenav-toggled-open .slide-menu {
padding-left: 0 !important;
padding: 10px 0px !important;
position: absolute;
background: #fff;
opacity: 1;
visibility: visible;
z-index: 999;
width: 200px;
left: 90px;
border: 1px solid #eff0f6;
transition: none !important;
display: block !important;
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
top: 0;
}
.hover-submenu1.app.sidenav-toggled-open .slide:hover .slide-menu {
visibility: visible;
display: block !important;
height: auto !important;
}
.hover-submenu1.app.sidenav-toggled-open .app-sidebar {
overflow: visible !important;
position: absolute !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu__label {
white-space: nowrap;
display: block;
position: relative;
padding: 0;
margin: 0;
left: 0;
color: #7b8191;
opacity: 1;
background: transparent;
font-size: 12px;
box-shadow: none;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu .side-menu__icon {
margin-bottom: 5px !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
border-right: 0 !important;
padding: 10px;
}
.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .mobile-logo {
display: block !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-item.side-item-category {
display: none !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu__icon {
margin-right: 0;
margin-left: 0;
margin: 0 auto !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
display: block;
margin: 0 auto !important;
padding: 13px 0 13px 0 !important;
border-radius: 0;
text-align: center !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu .slide .side-menu__item {
display: block;
margin: 0 auto !important;
padding: 13px 0 13px 0 !important;
border-radius: 0;
text-align: center !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu .slide .side-menu__item i {
display: none !important;
}
.hover-submenu1.app.sidenav-toggled-open .side-menu-label1 {
display: block !important;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid #eff0f6;
padding: 0 20px 10px 20px !important;
margin-bottom: 6px;
}
.hover-submenu1.app.sidenav-toggled .main-content {
min-height: 1300px;
}
.hover-submenu1.app.sidenav-toggled .side-menu__label {
font-size: 11px !important;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar {
position: absolute !important;
}
.hover-submenu1.app.sidenav-toggled .side-menu .side-menu__icon {
margin-bottom: 5px;
}
.hover-submenu1.app.sidenav-toggled .side-menu__label {
display: none !important;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar__toggle .close-toggle {
display: block;
}
.hover-submenu1.app.sidenav-toggled .app-header {
padding-left: 90px;
}
.hover-submenu1.app.sidenav-toggled .main-sidebar-header {
width: 90px !important;
}
.hover-submenu1.app.sidenav-toggled .app-content {
margin-left: 90px;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar {
left: 0;
width: 90px !important;
}
.hover-submenu1.app.sidenav-toggled .slide.is-expanded .slide-menu {
display: none;
}
.hover-submenu1.app.sidenav-toggled .app-sidebar-help {
display: none;
}
.hover-submenu1 .side-badge {
display: none;
}
.hover-submenu1 .app-header {
width: 250px;
left: 0;
right: 0;
top: 0;
position: fixed;
z-index: 1;
}
}
.hover-submenu1 .sub-slide-menu .sub-side-menu__item:before {
left: 25px !important;
font-size: 9px;
}
@media (min-width: 992px) {
.hover-submenu1.app.sidebar-mini.sidenav-toggled .logo-icon.mobile-logo {
margin: 0 auto;
text-align: center;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .avatar-xl {
width: 3rem !important;
height: 3rem !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .profile-status {
right: 22px;
top: 57px;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user {
padding: 12px 0 12px 0;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .side-menu {
padding: 10px 0;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user .user-info {
display: none !important;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .app-sidebar__user .user-pic {
margin: 0;
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open #bg-side-text,
.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: none !important;
}
}
.main-sidebar-header {
height: 75px;
padding: 18px 20px;
width: 250px;
background: #fff;
border-bottom: 1px solid #eff0f6;
position: fixed;
border-right: 1px solid #eff0f6;
z-index: 999;
top: 0;
left: 0;
right: 0;
transition: left 0.3s ease, width 0.3s ease;
}
.main-logo {
display: flex;
align-items: center;
position: relative;
height: 2.5rem;
margin: 0 auto;
justify-content: center;
text-align: center;
}
.slide-menu .side-menu-label1 {
display: none;
}
.app.sidebar-mini .desktop-logo.logo-dark {
display: none;
}
.main-sidemenu {
margin-top: 75px;
}
@media (min-width: 992px) {
.main-content {
padding-bottom: 1rem !important;
margin-left: 250px;
}
}
.app-sidebar__user .user-info .text-muted {
color: #b3bdca !important;
font-size: 12px;
}
.app-sidebar__user .user-pic {
margin: 0 0 10px 0;
}
.app-sidebar-help {
border-top: 1px solid #eff0f6;
border-right: 1px solid #eff0f6;
background: #fff;
position: fixed;
bottom: 0;
z-index: 11;
width: 250px;
padding: 5px 13px;
transition: left 0.3s ease, width 0.3s ease;
}
.app-sidebar .dropdown-menu {
box-shadow: 0px 10px 10px 20px rgba(16, 22, 58, 0.02), 10px 10px 15px -5px rgba(16, 22, 58, 0.08);
background: var(--primary-bg-color);
color: #fff;
border: 1px solid #eff0f6;
}
.app-sidebar .dropdown-menu a {
color: rgba(255, 255, 255, 0.8);
}
.app-sidebar .dropdown-menu-arrow.dropdown-menu-end::before,
.app-sidebar .dropdown-menu-arrow.dropdown-menu-end::after {
bottom: -9px;
top: auto;
transform: rotate(-180deg);
right: auto;
left: 12px;
border-bottom: 9px solid var(--primary-bg-color);
}
.sidebar-dropdown-divider {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 992px) {
.app.sidenav-toggled .main-sidebar-header {
width: 70px;
padding: 18px 15px;
}
.app.sidenav-toggled .app-header {
padding-left: 70px;
}
.sidenav-toggled .app-sidebar-help {
width: 70px;
}
.sidenav-toggled .app-sidebar-help .help-dropdown {
display: none;
}
.sidenav-toggled.sidenav-toggled-open .app-sidebar-help {
width: 250px;
}
.sidenav-toggled.sidenav-toggled-open .app-sidebar-help .help-dropdown {
display: flex;
}
}
@media (min-width: 992px) {
.sidenav-toggled .app-sidebar__user .user-pic {
margin: 0;
}
}
.sidenav-toggled.sidenav-toggled-open .app-sidebar__user .user-pic {
margin: 0 0 10px 0;
}
@media (max-width: 991px) {
.app-sidebar {
z-index: 9 !important;
top: 65px !important;
}
}
@media (max-width: 991.98px) {
.main-content .container {
max-width: none;
}
}
@media (min-width: 992px) {
.sidenav-toggled .app-sidebar-help .help .ms-auto {
margin: 0 auto !important;
}
.sidenav-toggled .sidenav-toggled-open .app-sidebar-help .help .ms-auto {
margin-left: auto !important;
}
}
/*------ App Header -------*/
.header.top-header {
top: 0;
position: fixed;
width: 100%;
margin: 0 auto;
z-index: 10;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgb(176, 184, 214);
}
.header.top-header .search-element input {
border-radius: 6em;
}
.app-header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
display: flex;
background-color: #fff;
z-index: 999;
padding-right: 15px;
padding: 0.75rem 0;
transition: padding-left 0.2s ease;
}
.app-header .header-brand {
color: inherit;
margin: 0 auto;
font-size: 1.25rem;
white-space: nowrap;
font-weight: 600;
padding: 0;
transition: 0.3s opacity;
line-height: 2.9rem;
min-width: 220px;
text-align: center;
min-width: auto !important;
}
.app-header .header-brand .header-brand-img {
margin-right: 0;
}
.header-brand-img {
height: 2.5rem;
line-height: 2rem;
vertical-align: bottom;
margin-right: 0;
width: auto;
}
.app-sidebar__toggle {
margin: 5px;
padding: 5px 18px;
text-align: center;
height: 2.5rem;
font-size: 1.2rem;
position: relative;
border-radius: 3px;
}
.app-sidebar__toggle a {
color: #b6c1d9;
}
.app-sidebar__toggle:hover {
color: var(--primary-bg-color);
}
.app-sidebar__toggle:focus,
.app-sidebar__toggle:hover {
text-decoration: none;
}
.svg-icon,
.header-icon,
.header-icon2 {
color: var(--primary05);
fill: var(--primary05);
}
.header-icon {
width: 25px;
height: 25px;
}
.close-toggle {
display: none;
}
.sidenav-toggled .close-toggle {
display: flex;
}
.sidenav-toggled .open-toggle {
display: none;
}
.nav-link.icon {
margin: 5px;
padding: 12px;
text-align: center;
height: 2.5rem;
font-size: 1.2rem;
position: relative;
border-radius: 3px;
}
.nav-link.icon .nav-span {
font-size: 0.9rem;
color: #576482;
vertical-align: middle;
margin-left: 0.5rem;
font-weight: 400;
}
.header-option .header-icon {
margin-top: -3px;
}
.header-option .dropdown-menu {
font-size: 13px;
}
.header-fullscreen .nav-link.icon,
.header-notify .nav-link.icon,
.profile-dropdown .nav-link.icon,
.header-theme .nav-link.icon {
margin: 5px 10px;
padding: 0;
}
.navbar-toggler.navresponsive-toggler {
box-shadow: none;
}
.search-element {
position: relative;
}
.header .form-inline .form-control {
border: 1px solid var(--primary02);
padding-left: 20px;
width: 500px;
padding-right: 40px;
padding-top: 7px;
background: var(--primary005);
line-height: 1.4;
}
.header .form-inline .form-control:focus {
box-shadow: none;
}
.header .form-inline .btn {
border-radius: 0;
padding: 7px 15px 7px 15px;
border: 2px solid transparent;
box-shadow: none;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
background: transparent;
color: #fff;
margin-left: -56px;
font-size: 15px;
position: absolute;
right: 0;
}
.header .form-inline .btn i {
color: #818c9b;
}
@media (min-width: 575.98px) and (max-width: 1300px) {
.header .form-inline .form-control {
width: 150px;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.header .form-inline .search-element {
position: absolute;
top: 8px;
left: 10px;
right: 10px;
z-index: 892;
display: none;
}
body.search-show .header .form-inline .search-element {
display: block;
}
.header .navsearch i {
font-size: 20px;
color: #fff;
}
.search-element .form-control {
float: left;
width: 100% !important;
height: 40px;
margin: 0 auto;
background: #fff !important;
color: #424e79;
border: 1px solid #eff0f6;
}
.search-show .search-element {
display: block;
background: var(--primary-bg-color);
left: 0 !important;
top: 0 !important;
right: 0;
width: 100%;
padding: 18px 13px;
}
.header .form-inline .form-control::-webkit-input-placeholder {
color: #b3bdca !important;
}
.header .navsearch i {
font-size: 20px;
color: #424e79;
padding-top: 5px;
}
.animated-arrow.hor-toggle {
text-align: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0px solid #eff0f6;
border-radius: 3px;
margin: 5px;
top: 0;
}
.animated-arrow.hor-toggle span {
margin-left: 8px;
margin-top: 2px;
vertical-align: middle;
}
}
@media (min-width: 992px) {
.header.top-header {
padding-left: 250px;
}
.app-header .header-brand {
display: none;
}
}
@media (min-width: 992px) {
.header.top-header {
z-index: 975 !important;
}
}
@media (max-width: 991px) {
.app-sidebar__toggle {
padding: 5px;
margin: 0 5px;
}
.app-sidebar__toggle {
order: -1;
}
.responsive-navbar.navbar .navbar-collapse {
padding: 3px 15px;
width: 100%;
background: #fff;
margin-top: 0;
z-index: 9999;
top: 65px;
border-bottom: 1px solid #f0f0ff;
border-top: 1px solid #f0f0ff;
position: fixed;
left: 0;
right: 0;
}
.responsive-navbar.navbar {
position: relative !important;
display: flex;
top: -5px;
margin: 0;
margin-bottom: 0 !important;
padding: 0;
}
.responsive-navbar .collapse.show .dropdown {
position: inherit;
}
.responsive-navbar .collapse.show .dropdown .dropdown-menu {
top: 50px !important;
left: 5px !important;
right: 5px !important;
width: auto;
}
.navsearch {
margin: 5px;
padding: 0px;
text-align: center;
height: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0px solid #eff0f6;
border-radius: 3px;
}
.navsearch i {
padding-top: 0 !important;
}
.app.sidebar-gone.search-show .header.top-header {
z-index: 1036;
}
body.search-show,
body.sidebar-show {
overflow: hidden;
}
body.search-show:before,
body.sidebar-show:before {
content: "";
position: fixed;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0.6;
z-index: 9;
}
.header .form-inline .btn {
padding: 8px 22px 8px 22px;
}
.header-brand .header-brand-img.dark-logo,
.header-brand .header-brand-img.mobile-logo,
.header-brand .header-brand-img.darkmobile-logo {
display: none;
}
.header-brand .header-brand-img.desktop-lgo {
display: block;
}
}
@media (max-width: 991px) {
.header.top-header .header-option,
.header.top-header .header-setting {
display: none;
}
}
@media (max-width: 575.98px) {
.header .form-inline .search-element .form-control {
float: left;
width: 100%;
height: 40px;
margin: 0 auto;
background: #fff;
}
.search-show .search-element {
display: block !important;
background: var(--primary-bg-color);
left: 0;
top: 0;
right: 0;
width: 100%;
padding: 20px 13px;
}
.form-control.header-search {
color: #000;
}
.header .form-inline .search-element {
position: absolute;
z-index: 892;
display: none;
}
.header .form-inline .btn {
color: #46494a !important;
}
.header .form-inline .form-control::-webkit-input-placeholder {
color: #b3bdca !important;
}
.header .navsearch i {
font-size: 20px;
color: #424e79;
padding-top: 4px;
}
.animated-arrow.hor-toggle {
text-align: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0;
border-radius: 3px;
margin: 5px;
top: 0;
}
.animated-arrow.hor-toggle span {
margin-left: 8px;
margin-top: 2px;
vertical-align: middle;
}
}
.search-icon {
margin-top: -3px;
}
.navsearch .search-icon {
margin-top: 0px;
}
@media (max-width: 991px) {
.app-header .dropdown-menu-arrow.dropdown-menu-end:after,
.app-header .dropdown-menu-arrow.dropdown-menu-start:after {
content: none;
}
.app-header .dropdown-menu-arrow.dropdown-menu-end:before,
.app-header .dropdown-menu-arrow.dropdown-menu-start:before {
content: none;
}
}
@media (min-width: 992px) {
.horizontal .horizontal-main .sub-slide2 .sub-slide-menu1 {
left: 180px;
top: 8px;
width: 190px;
position: absolute;
background-color: #fff;
z-index: 9999;
border-radius: 5px;
padding: 5px;
min-width: -moz-fit-content;
min-width: fit-content;
box-shadow: 0px 16px 18px rgba(135, 135, 182, 0.1) !important;
border: 1px solid #eff0f6;
}
.horizontal .app-sidebar {
border-bottom: 1px solid #eff0f6 !important;
border-top: 0;
}
.horizontal .horizontal-main {
border-left: 0 !important;
border-right: 0 !important;
}
.horizontal .hor-header .container,
.horizontal .horizontal-main .container,
.horizontal .main-content.horizontal-content .container {
max-width: 80% !important;
padding: 0;
}
.horizontal .app-sidebar .side-item.side-item-category {
display: none;
}
.horizontal .side-menu {
display: flex;
overflow: hidden;
}
.horizontal .app-sidebar-help {
display: none;
}
.horizontal .main-sidemenu {
margin-top: 0;
}
.horizontal .main-sidebar-header {
display: none;
}
.horizontal .hor-header .header-brand {
display: block;
margin: 0 1rem 0 0;
line-height: 2.7rem;
}
.horizontal .horizontal-main {
width: 100%;
position: relative;
bottom: initial;
z-index: 1;
padding-bottom: 0;
}
.horizontal .horizontal-main.ps {
overflow: visible !important;
}
.horizontal .horizontal-main .slide .slide-menu,
.horizontal .horizontal-main .slide .sub-slide-menu {
width: 190px;
position: absolute;
background-color: #fff;
z-index: 9999;
border-radius: 5px;
padding: 0px;
min-width: -moz-fit-content;
min-width: fit-content;
box-shadow: 0px 16px 18px rgba(135, 135, 182, 0.1) !important;
border: 1px solid #eff0f6;
}
.horizontal .slide-item {
padding: 8px 25px;
}
.horizontal .sub-side-menu__item {
padding: 8px 35px 8px 25px !important;
}
.horizontal .sub-slide-item {
padding: 8px 25px !important;
}
.horizontal .slide.is-expanded .sub-slide-item2:before {
left: 20px !important;
}
.horizontal .sub-slide-menu .sub-slide-item2 {
padding: 8px 20px 8px 35px !important;
}
.horizontal .sub-slide .sub-angle {
right: -20px;
left: auto;
margin-right: 0 !important;
position: relative;
}
.horizontal .sub-slide .sub-slide-menu {
position: absolute;
background-color: #fff;
z-index: 9999;
box-shadow: 5px 5px 5px #b9b9b9;
border-radius: 5px;
padding: 0px;
min-width: -moz-fit-content;
min-width: fit-content;
border: 1px solid #f0f0f8;
inset-inline-start: 100%;
top: 0;
}
.horizontal .side-menu>li>a {
display: flex;
margin: 0px -4px !important;
text-decoration: none;
position: relative;
color: #7b8191;
padding: 20px 13px 20px 13px !important;
font-weight: 400;
}
.horizontal .breadcrumb-header {
margin-top: 20px;
}
.horizontal .slide {
margin: 0 3px;
}
.horizontal .logo-horizontal {
display: block;
}
.horizontal .app-sidebar__toggle {
display: none;
}
.horizontal .mobile-logo.dark-logo-1 {
display: none;
}
.horizontal .main-content {
margin-left: 0px !important;
}
.horizontal .main-sidemenu .slide-right {
right: 0;
}
.horizontal .main-sidemenu .slide-left,
.horizontal .main-sidemenu .slide-right {
position: absolute;
top: 0px;
padding: 17px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
cursor: pointer;
}
.horizontal .main-sidemenu .slide-left {
left: 0;
}
.horizontal .horizontal-main {
position: relative;
margin: 0 auto;
}
.horizontal .main-sidemenu {
overflow: hidden;
}
.horizontal .sticky-pin {
position: fixed;
top: 0;
width: 100%;
z-index: 9;
}
.horizontal .hor-header {
position: relative !important;
z-index: 9 !important;
padding-left: 0;
box-shadow: none;
border-bottom: 1px solid #eff0f6;
}
.horizontal footer.footer {
padding: 1.25rem;
}
.horizontal-hover.horizontal .slide:hover ul.slide-menu {
display: block !important;
}
.horizontal-hover.horizontal .sub-slide:hover .sub-slide-menu {
display: block !important;
}
.horizontal-main .app-sidebar__user {
display: none;
}
.horizontal-main #bg-side-text {
display: none;
}
.horizontal-main.app-sidebar .slide .side-menu__item.active::before {
display: none;
}
}
.logo-horizontal {
display: none;
}
@media (max-width: 991.98px) {
.horizontal .main-sidemenu {
padding: 0;
}
.horizontal .horizontalMenucontainer .app-header.hor-header {
position: fixed;
}
.horizontal .slide-left,
.horizontal .slide-right {
display: none !important;
}
.horizontal .main-content {
min-width: 100%;
min-height: calc(100vh - 50px);
margin-top: 50px;
margin-bottom: 0 !important;
transition: margin-left 0.2s ease;
overflow: hidden;
}
.horizontal .main-content .side-app {
padding: 25px 1.5rem 0 1.5rem;
}
}
.horizontal .main-sidemenu.container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.horizontal .ps--active-x>.ps__rail-x,
.horizontal .ps--active-y>.ps__rail-y {
display: none;
}
@media (min-width: 992px) {
.horizontal-hover.horizontal .sub-slide2:hover .sub-slide-menu1 {
display: block !important;
}
.horizontal-hover.horizontal .app-sidebar .slide-menu .sub-slide-menu1 a:before {
left: 20px !important;
top: 11px;
}
.horizontal-hover.horizontal .sub-slide-menu .sub-side-menu__item:before {
left: 20px !important;
top: 10px !important;
}
}
.hor-header .responsive-logo {
display: block;
}
.hor-header .responsive-logo img {
height: 2rem;
text-align: center;
margin: 0 auto;
justify-content: center;
}
@media (min-width: 992px) {
.horizontalMenucontainer .header-brand-img.mobile-logo,
.horizontalMenucontainer .header-brand-img.darkmobile-logo,
.horizontalMenucontainer .header-brand-img.dark-logo {
display: none;
}
}
body.rtl {
text-align: right;
direction: rtl;
}
.rtl {
/*------ Scroll -------*/
/*-------Accordion-----------*/
/* #bs-collapse icon scale option */
/* #accordion rotate icon option */
/*-----Alerts-----*/
/*----- Avatars -----*/
/*-----Badges-----*/
/*------ Breadcrumb ------*/
/*----- Btn styles------*/
/*------ Default -------*/
/*------ Default Card Values -------*/
/*------ Carousel -------*/
/*------Drop Downs-------*/
/*-----List Of Dropdwons-----*/
/*-----Lists-----*/
/*------ Modal -------*/
/*------ Navigation -------*/
/*--navtabs--*/
/*---- Tags-----*/
/*---------Thumbnails----------*/
/*-------Tooptip &popover------*/
/*------ Media object ------*/
/* ###### components ####### */
/*-----Chat----*/
/*=====================================
Inbox Message Style
=======================================*/
/*----- Range slider -------*/
/* Merged labels */
/*------ Headers -------*/
/*-----Countdown-----*/
/* --------Added--------- css*/
/*--- img container---*/
/*latetes news timeline */
/*Horizontal Centerlogo */
/*----- clipboard-----*/
/*---- IE11 Support ----*/
/*------ Email services -------*/
/*------Email---------*/
/*-------- Loaders ---------*/
/*Sk circle*/
/*Sk cube*/
/*sk-folding-cube*/
/*------ Tables -----*/
/**widgets*/
/*----Profile----*/
/*-----Back to Top-----*/
/*----- Custom control -----*/
/*----- Date Picker ----*/
/*------- Forms -------*/
/*--- WIZARD ELEMENTS ---*/
/***** CUSTOM STYLES *****/
/*--- WIZARD ELEMENTS ---*/
/*-----selectize ------*/
/* ###### layouts ####### */
/*------ Alignments -------*/
/*------- Alignments & values-------*/
/*----- Componant: Top Navigation Bar ----- */
/*-- Sub-slide--**/
/*------ App Header -------*/
/***********Boxed Styles****************/
/*------ Pricing Styles ---------*/
/*---profile---*/
}
.rtl dd {
margin-right: 0;
margin-left: inherit;
}
.rtl caption {
text-align: right;
}
.rtl .list-unstyled {
padding-right: 0;
padding-left: inherit;
}
.rtl .list-inline {
padding-right: 0;
padding-left: inherit;
}
.rtl .list-inline-item:not(:last-child) {
margin-left: 0.5rem;
margin-right: inherit;
}
.rtl * html .fileinput-button {
margin: 1px 0 0 -3px;
}
.rtl .new-list.option-dots {
left: 10px;
right: inherit;
}
.rtl .page-style1 .input-group-addon {
border: 1px solid #eff0f6;
border-left: 0;
}
.rtl .page-style1 .input-group-text {
border: 1px solid #eff0f6;
border-right: 0;
border-radius: 0 0 5px 5px;
}
.rtl .page-style1 .btn-svgs .svg-icon {
right: 37%;
left: inherit;
}
.rtl .bg-style .header-brand-img {
right: 55px;
left: inherit;
}
.rtl .card-pay .tabs-menu li:last-child a {
border-left: 0;
border-right: inherit;
}
.rtl .html-code {
margin-right: 20px;
margin-left: inherit;
padding-right: 45px;
padding-left: 22px;
}
.rtl .html-code .svg-icon {
right: 14px;
left: inherit;
}
.rtl .list-style {
padding-right: inherit;
padding-left: inherit;
}
.rtl .list-style ul {
padding-right: 30px;
padding-left: inherit;
}
.rtl .list-style2 {
padding-right: inherit;
padding-left: inherit;
}
.rtl .list-style2 ul {
padding-right: 30px;
padding-left: inherit;
}
.rtl .list-style3 {
padding-right: inherit;
padding-left: inherit;
}
.rtl .list-style3 ul {
padding-right: 30px;
padding-left: inherit;
}
.rtl .list-style4 {
padding-right: inherit;
padding-left: inherit;
}
.rtl .list-style4 ul {
padding-right: 30px;
padding-left: inherit;
}
.rtl .list-style5 {
padding-right: inherit;
padding-left: inherit;
}
.rtl .list-style5 ul {
padding-right: 30px;
padding-left: inherit;
}
.rtl .list-style6 {
padding-right: inherit;
padding-left: inherit;
}
.rtl .list-style6 ul {
padding-right: 30px;
padding-left: inherit;
}
.rtl .browse-file.form-control {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .input-group-btn .btn-primary {
border-top-left-radius: 4px !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 0 !important;
}
.rtl .pagination {
padding-right: 0;
padding-left: inherit;
}
.rtl .page-link {
margin-right: -1px;
margin-left: inherit;
}
.rtl .page-item:first-child .page-link {
margin-right: 0;
margin-left: inherit;
border-top-right-radius: 3px;
border-top-left-radius: inherit;
border-bottom-right-radius: 3px;
border-bottom-left-radius: inherit;
}
.rtl .page-item:last-child .page-link {
border-top-left-radius: 3px;
border-top-right-radius: inherit;
border-bottom-left-radius: 3px;
border-bottom-right-radius: inherit;
}
.rtl .pagination-lg .page-item:first-child .page-link {
border-top-right-radius: 3px;
border-top-left-radius: inherit;
border-bottom-right-radius: 3px;
border-bottom-left-radius: inherit;
}
.rtl .pagination-lg .page-item:last-child .page-link {
border-top-left-radius: 3px;
border-top-right-radius: inherit;
border-bottom-left-radius: 3px;
border-bottom-right-radius: inherit;
}
.rtl .pagination-sm .page-item:first-child .page-link {
border-top-right-radius: 3px;
border-top-left-radius: inherit;
border-bottom-right-radius: 3px;
border-bottom-left-radius: inherit;
}
.rtl .pagination-sm .page-item:last-child .page-link {
border-top-left-radius: 3px;
border-top-right-radius: inherit;
border-bottom-left-radius: 3px;
border-bottom-right-radius: inherit;
}
.rtl .more-less {
float: left;
}
.rtl .panel-title a.accordion-toggle:before {
padding: 0 0 0 10px;
float: left;
}
.rtl .panel-title a.accordion-toggle.collapsed:before {
padding: 0 0 0 10px;
float: left;
}
.rtl .panel-heading1 a.collapsed:before {
left: 10px;
right: inherit;
}
.rtl .panel-heading1 a:before {
left: 10px;
right: inherit;
}
.rtl #bs-collapse .panel-heading1 a:after {
left: 5px;
right: inherit;
}
.rtl #accordion .panel-heading1 a:before {
left: 5px;
right: inherit;
}
.rtl .alert-dismissible {
padding-left: 3.90625rem;
padding-right: inherit;
}
.rtl .alert-dismissible .btn-close {
left: 0;
right: inherit;
}
.rtl .alert-icon {
padding-right: 3rem;
padding-left: inherit;
}
.rtl .alert-icon>i {
right: 1rem;
left: inherit;
}
.rtl .alert-avatar {
padding-right: 3.75rem;
padding-left: inherit;
}
.rtl .alert-avatar .avatar {
right: 0.75rem;
left: inherit;
}
.rtl .avatar-status {
left: -2px;
right: inherit;
}
.rtl .avatar-list .avatar:not(:last-child) {
margin-left: 0.5rem;
margin-right: inherit;
}
.rtl .avatar-list-stacked .avatar {
margin-left: -0.8em !important;
margin-right: inherit !important;
}
@keyframes indeterminate {
0% {
right: -35%;
left: 100%;
}
100%,
60% {
right: 100%;
left: -90%;
}
}
@keyframes indeterminate-short {
0% {
right: -200%;
left: 100%;
}
100%,
60% {
right: 107%;
left: -8%;
}
}
.rtl .badgetext {
float: left;
}
.rtl .shape {
border-width: 0 0 45px 45px;
float: left;
border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #d9534f;
}
.rtl .offer-danger .shape {
border-color: transparent transparent transparent #dc0441;
}
.rtl .offer-success .shape {
border-color: transparent transparent transparent #2dce89;
}
.rtl .offer-default .shape {
border-color: transparent transparent transparent #6b6f80;
}
.rtl .offer-primary .shape {
border-color: transparent transparent transparent var(--primary-bg-color);
}
.rtl .offer-info .shape {
border-color: transparent transparent transparent #45aaf2;
}
.rtl .offer-warning .shape {
border-color: transparent transparent transparent #ecb403;
}
.rtl .shape-text {
left: -27px;
right: inherit;
transform: rotate(-45deg);
}
.rtl .breadcrumb-arrow li:first-child a {
border-radius: 4px 4px 0 0;
}
.rtl .breadcrumb-arrow li:not(:first-child) {
margin-right: -5px;
margin-left: inherit;
}
.rtl .breadcrumb-arrow li a,
.rtl .breadcrumb-arrow li:not(:first-child) span {
padding: 0 25px 0 10px;
}
.rtl .breadcrumb-arrow li a:after {
left: -12px;
right: inherit;
border-right: 11px solid var(--primary01);
border-left: 0;
}
.rtl .breadcrumb-arrow li a:before {
left: -11px;
right: inherit;
border-right: 11px solid var(--primary-bg-color);
border-left: 0;
}
.rtl .breadcrumb-style4 .breadcrumb-icon {
margin-right: 4px;
margin-left: inherit;
}
.rtl .btn-list>.btn:not(:last-child),
.rtl .btn-list>.dropdown:not(:last-child) {
margin-left: 0.5rem;
margin-right: inherit;
}
.rtl .btn-loading:after {
border-left-color: transparent !important;
border-right-color: inherit !important;
right: calc(50% - 0.7em);
left: inherit;
}
.rtl .btn-loading.btn-sm:after {
right: calc(50% - 0.5em);
left: inherit;
}
.rtl .btn-group-sm>.btn-loading.btn:after {
right: calc(50% - 0.5em);
left: inherit;
}
.rtl .btn-svgs .svg-icon {
margin-left: 6px;
margin-right: inherit;
}
.rtl .data-table-btn {
right: 80px;
left: inherit;
}
@media (min-width: 992px) {
.rtl .card-group>.card+.card {
margin-right: 0;
margin-left: inherit;
border-right: 0;
border-left: inherit;
}
.rtl .card-group>.card:first-child {
border-top-left-radius: 0;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 8px;
}
.rtl .card-group>.card:first-child .card-img-top,
.rtl .card-group>.card:first-child .card-header {
border-top-left-radius: 0;
border-top-right-radius: inherit;
}
.rtl .card-group>.card:first-child .card-img-bottom,
.rtl .card-group>.card:first-child .card-footer {
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .card-group>.card:last-child {
border-top-right-radius: 0;
border-top-left-radius: 8px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 8px;
}
.rtl .card-group>.card:last-child .card-img-top,
.rtl .card-group>.card:last-child .card-header {
border-top-right-radius: 0;
border-top-left-radius: inherit;
}
.rtl .card-group>.card:last-child .card-img-bottom,
.rtl .card-group>.card:last-child .card-footer {
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
}
.rtl .reg {
float: left;
}
.rtl .card-table tr td:first-child,
.rtl .card-table tr th:first-child {
padding-right: 1.5rem;
padding-left: inherit;
}
.rtl .card-table tr td:last-child,
.rtl .card-table tr th:last-child {
padding-left: 1.5rem;
padding-right: 0.75rem;
}
.rtl .card-link+.card-link {
margin-right: 0;
margin-left: 1rem;
}
.rtl .list-media .media-img {
float: right;
margin-left: 20px;
margin-right: inherit;
}
.rtl .list-media .info {
padding-right: 55px;
padding-left: inherit;
}
.rtl .list-media .info .text-right {
left: 0;
right: inherit;
}
.rtl .card-options {
margin-left: -0.5rem;
margin-right: auto;
}
.rtl .widgets-cards .wrp.icon-circle {
margin-left: 15px;
margin-right: inherit;
}
.rtl ul li .legend-dots {
margin-left: 0.5rem;
margin-right: inherit;
}
.rtl .legend li {
float: right;
}
.rtl .card-img-absolute {
left: 0;
right: inherit;
}
.rtl .card-status-left {
left: auto;
right: 0;
border-radius: 3px 0 0 3px;
}
.rtl .carousel-control-prev {
left: 0;
right: inherit;
}
.rtl .carousel-control-next {
right: 0;
left: inherit;
}
.rtl .carousel-indicators {
padding-right: 0;
padding-left: inherit;
}
.rtl .carousel-indicators li::before {
right: 0;
left: inherit;
}
.rtl .carousel-indicators li::after {
right: 0;
left: inherit;
}
.rtl .carousel-indicators1 {
padding-right: 0;
padding-left: inherit;
}
.rtl .carousel-indicators1 li::before {
right: 0;
left: inherit;
}
.rtl .carousel-indicators1 li::after {
right: 0;
left: inherit;
}
.rtl .carousel-indicators2 {
left: 10px;
right: inherit;
padding-right: 0;
padding-left: inherit;
}
.rtl .carousel-indicators2 li::before {
right: 0;
left: inherit;
}
.rtl .carousel-indicators2 li::after {
right: 0;
left: inherit;
}
.rtl .carousel-indicators3 {
right: 10px;
left: inherit;
padding-right: 0;
padding-left: inherit;
}
.rtl .carousel-indicators3 li::before {
right: 0;
left: inherit;
}
.rtl .carousel-indicators3 li::after {
right: 0;
left: inherit;
}
.rtl .carousel-indicators4 {
left: 10px;
right: inherit;
padding-right: 0;
padding-left: inherit;
}
.rtl .carousel-indicators4 li::before {
right: 0;
left: inherit;
}
.rtl .carousel-indicators4 li::after {
right: 0;
left: inherit;
}
.rtl .carousel-indicators5 {
right: 10px;
left: inherit;
padding-right: 0;
padding-left: inherit;
}
.rtl .carousel-indicators5 li::before {
right: 0;
left: inherit;
}
.rtl .carousel-indicators5 li::after {
right: 0;
left: inherit;
}
.rtl .carousel-top-right-indicators {
left: 15px !important;
right: auto !important;
}
.rtl .carousel-top-left-indicators {
right: 15px !important;
left: auto !important;
}
.rtl .carousel-bottom-right-indicators {
left: 15px !important;
right: auto !important;
}
.rtl .carousel-bottom-left-indicators {
right: 15px !important;
left: auto !important;
}
.rtl .dropdown-toggle::after {
margin-right: 0.255em;
margin-left: inherit;
}
.rtl .dropdown-toggle:empty::after {
margin-right: 0;
margin-left: inherit;
}
.rtl .dropup .dropdown-toggle::after {
margin-right: 0.255em;
margin-left: inherit;
}
.rtl .dropup .dropdown-toggle:empty::after {
margin-right: 0;
margin-left: inherit;
}
.rtl .dropright .dropdown-menu {
left: auto;
right: 100%;
margin-right: 0.125rem;
margin-left: inherit;
}
.rtl .dropright .dropdown-toggle::after {
margin-right: 0.255em;
margin-left: inherit;
border-left: 0;
border-right: 0.3em solid;
}
.rtl .dropright .dropdown-toggle:empty::after {
margin-right: 0;
margin-left: inherit;
}
.rtl .dropleft .dropdown-menu {
left: 100%;
right: auto;
margin-left: 0.125rem;
margin-right: inherit;
}
.rtl .dropleft .dropdown-toggle::after {
margin-right: 0.255em;
margin-left: inherit;
}
.rtl .dropleft .dropdown-toggle::before {
margin-left: 0.255em;
margin-right: inherit;
border-left: 0.3em solid;
border-right: inherit;
}
.rtl .dropleft .dropdown-toggle:empty::after {
margin-right: 0;
margin-left: inherit;
}
.rtl .header-notify .show.dropdown-menu[data-popper-placement^=bottom] {
right: -180px !important;
left: inherit !important;
}
.rtl .profile-dropdown .show.dropdown-menu[data-popper-placement^=bottom] {
right: -140px !important;
left: inherit !important;
}
.rtl .notifyimg {
float: right;
margin-left: 10px;
margin-right: inherit;
}
.rtl .drop-icon-wrap .drop-icon-item {
float: right;
}
.rtl .dropdown-menu-arrow.dropdown-menu-end:before,
.rtl .dropdown-menu-arrow.dropdown-menu-start:before {
right: 15px;
left: initial;
}
.rtl .dropdown-menu-arrow.dropdown-menu-end:after,
.rtl .dropdown-menu-arrow.dropdown-menu-start:after {
right: 16px;
left: initial;
}
.rtl .btn-group .btn+.btn,
.rtl .btn-group .btn+.btn-group {
margin-right: -1px;
margin-left: inherit;
}
.rtl .btn-group .btn-group+.btn,
.rtl .btn-group .btn-group+.btn-group {
margin-right: -1px;
margin-left: inherit;
}
.rtl .btn-group-vertical .btn+.btn,
.rtl .btn-group-vertical .btn+.btn-group {
margin-right: -1px;
margin-left: inherit;
}
.rtl .btn-group-vertical .btn-group+.btn,
.rtl .btn-group-vertical .btn-group+.btn-group {
margin-right: -1px;
margin-left: inherit;
}
.rtl .btn-group>.btn:first-child {
margin-right: 0;
margin-left: initial;
}
.rtl .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-left-radius: 0;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 5px;
}
.rtl .btn-group>.btn-group:not(:last-child)>.btn {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .btn-group>.btn:not(:first-child),
.rtl .btn-group>.btn-group:not(:first-child)>.btn {
border-top-right-radius: 0;
border-top-left-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 5px;
}
.rtl .dropdown-toggle-split::after {
margin-right: 0;
margin-left: inherit;
}
.rtl .dropup .dropdown-toggle-split::after,
.rtl .dropright .dropdown-toggle-split::after {
margin-right: 0;
margin-left: inherit;
}
.rtl .dropleft .dropdown-toggle-split::before {
margin-left: 0;
margin-right: inherit;
}
.rtl .btn-group-vertical>.btn+.btn,
.rtl .btn-group-vertical>.btn+.btn-group {
margin-right: 0;
margin-left: inherit;
}
.rtl .btn-group-vertical>.btn-group+.btn,
.rtl .btn-group-vertical>.btn-group+.btn-group {
margin-right: 0;
margin-left: inherit;
}
.rtl .dropdown-menu {
left: 0;
right: inherit;
float: right;
text-align: right;
}
.rtl .dropdown-menu-end[data-bs-popper] {
left: 0;
right: auto;
}
.rtl .dropdown-menu[data-bs-popper] {
left: 0;
right: inherit;
}
.rtl .dropdown-menu[data-popper-placement^=top],
.rtl .dropdown-menu[data-popper-placement^=right],
.rtl .dropdown-menu[data-popper-placement^=bottom],
.rtl .dropdown-menu[data-popper-placement^=left] {
left: auto;
right: inherit;
}
.rtl .dropdown-media-list .media-body {
margin-right: 15px;
margin-left: inherit;
}
.rtl .dropdown-menu-arrow.dropdown-menu-end:before,
.rtl .dropdown-menu-arrow.dropdown-menu-end:after {
right: auto;
left: 12px;
}
.rtl .list-group {
padding-right: 0;
padding-left: inherit;
}
.rtl .btn-close {
float: left;
}
.rtl .list-inline-dots .list-inline-item+.list-inline-item:before {
margin-right: -2px;
margin-left: 3px;
}
.rtl .icon-absolute {
left: 10px;
right: inherit;
}
.rtl .modal {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .modal-open,
.rtl .modal-backdrop.fade.show {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .modal-footer> :not(:first-child) {
margin-right: 0.25rem;
margin-left: inherit;
}
.rtl .modal-footer> :not(:last-child) {
margin-left: 0.25rem;
margin-right: inherit;
}
.rtl .nav-tabs .nav-item1 i {
margin-left: 10px;
margin-right: inherit;
}
.rtl .nav-tabs .nav-item i {
margin-left: 10px;
margin-right: inherit;
}
.rtl .navbar-brand {
margin-left: 1rem;
margin-right: inherit;
}
.rtl .navbar-nav {
padding-right: 0;
padding-left: inherit;
}
.rtl .nav1 {
padding-right: 0;
padding-left: inherit;
}
.rtl .header .nav-link .badge,
.rtl .header .nav-item .badge {
left: -6px;
right: inherit;
}
.rtl .progress-bar-indeterminate:after {
right: 0;
left: inherit;
}
.rtl .progress-bar-indeterminate:before {
right: 0;
left: inherit;
}
.rtl .tag-addon {
margin: 0 0.5rem 0 -0.5rem;
}
.rtl .tag-addon:last-child {
border-top-left-radius: 3px;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 0;
}
.rtl .tag-avatar {
border-radius: 0 3px 3px 0;
margin: 0 -0.5rem 0 0.5rem;
}
.rtl .tags>.tag:not(:last-child) {
margin-left: 0.5rem;
margin-right: inherit;
}
.rtl .video-list-thumbs .fa {
left: 39%;
right: inherit;
}
.rtl .video-list-thumbs .duration {
right: 12px;
left: inherit;
}
@media (max-width: 768px) {
.rtl .video-list-thumbs .fa {
left: 44%;
right: inherit;
}
}
.rtl .media-right,
.rtl .media>.pull-right {
padding-right: 10px;
padding-left: inherit;
}
.rtl .media-left,
.rtl .media>.pull-left {
padding-left: 10px;
padding-right: inherit;
}
.rtl .fc-view.fc-listMonth-view .fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item {
border-right: 4px solid transparent;
border-left: inherit;
}
.rtl .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-time,
.rtl .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-time {
border-left: 1px solid #eff0f6;
border-right: inherit;
}
.rtl .fc-view.fc-listMonth-view .fc-list-item>td.fc-list-item-title,
.rtl .fc-view.fc-listWeek-view .fc-list-item>td.fc-list-item-title {
border-left: 1px solid #eff0f6;
border-right: inherit;
}
.rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
margin-right: 20%;
margin-left: inherit;
}
@media (min-width: 992px) {
.rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
margin-right: 10%;
margin-left: inherit;
}
}
@media (min-width: 576px) {
.rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
margin-right: 15%;
margin-left: inherit;
}
}
@media (min-width: 768px) {
.rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
margin-right: 12%;
margin-left: inherit;
}
}
@media (min-width: 1200px) {
.rtl .fc-view.fc-listMonth-view .fc-list-item+.fc-list-item,
.rtl .fc-view.fc-listWeek-view .fc-list-item+.fc-list-item {
margin-right: 8%;
margin-left: inherit;
}
}
.rtl #messages-main .ms-user {
border-right: 0;
border-left: inherit;
}
.rtl #messages-main .ms-user>div {
padding: 3px 15px 0 5px;
}
.rtl #messages-main #ms-compose {
left: 30px;
right: inherit;
}
@media (min-width: 992px) {
.rtl #messages-main .ms-menu {
right: 0;
left: inherit;
border-left: 1px solid #eff0f6;
border-right: 0;
}
.rtl #messages-main .ms-body {
padding-right: 300px;
padding-left: inherit;
}
}
@media (max-width: 480px) {
.rtl .ah-actions {
margin-right: 50px !important;
margin-left: inherit !important;
}
}
.rtl #ms-menu-trigger {
right: 0;
left: inherit;
padding-left: 10px;
padding-right: inherit;
text-align: left;
}
.rtl .message-feed.right>.pull-right {
margin-right: 15px;
margin-left: inherit;
}
.rtl .message-feed:not(.right) .mf-content {
margin-right: 5px;
margin-left: inherit;
}
.rtl .message-feed.right .mf-content {
margin-left: 5px;
margin-right: inherit;
}
.rtl .msb-reply button {
left: 9px;
right: inherit;
}
.rtl .message-feed.right {
text-align: left;
}
.rtl .action-header {
padding: 15px 17px 15px 13px;
}
.rtl .inbox-message .message-avatar {
right: 30px;
left: inherit;
}
.rtl .inbox-message .message-body {
margin-right: 85px;
margin-left: inherit;
}
.rtl .message-body h5 span {
margin-right: 5px;
margin-left: inherit;
}
.rtl .message-body-heading span {
float: left;
}
.rtl .message-feed:not(.right) .mf-content:before {
left: auto;
right: -12px;
transform: rotate(90deg);
}
.rtl .message-feed.right .mf-content:before {
right: auto;
left: -12px;
transform: rotate(-90deg);
}
.rtl .chatbox .user_info {
margin-right: 15px;
margin-left: inherit;
}
.rtl .chat .action-header {
padding: 15px 17px 15px 13px;
}
.rtl .chat .dropdown-menu.dropdown-menu-end.show {
right: 0px;
left: inherit;
}
.rtl .chat .msb-reply textarea {
margin-right: -42px;
margin-left: inherit;
}
.rtl .chat .video_cam {
margin-right: 50px;
margin-left: inherit;
}
.rtl .chat .video_cam span {
margin-left: 20px;
margin-right: inherit;
}
.rtl .chat .msg_cotainer {
margin-right: 10px;
margin-left: inherit;
}
.rtl .chat .msg_cotainer:before {
left: auto;
right: -12px;
transform: rotate(90deg);
}
.rtl .chat .msg_cotainer_send {
margin: 0 0 10px 12px;
}
.rtl .chat .msg_cotainer_send:after {
right: auto;
left: -12px;
transform: rotate(-90deg);
}
.rtl .chat .msg_time {
right: 0px;
left: inherit;
}
.rtl .chat .msg_time_send {
left: 0;
right: inherit;
}
.rtl #action_menu_btn {
left: 36px;
right: inherit;
}
.rtl .action_menu {
left: 15px;
right: inherit;
}
.rtl .ah-actions {
float: left !important;
}
.rtl .main-nav-line-chat .nav-link {
margin-right: 10px;
margin-left: inherit;
}
.rtl .main-chat-contacts {
padding-right: 20px;
padding-left: inherit;
}
.rtl .main-chat-list .main-img-user span {
right: -2px;
left: inherit;
}
.rtl .main-chat-list .media-body {
margin-right: 15px;
margin-left: inherit;
}
.rtl .main-chat-header .nav {
margin-right: auto;
margin-left: inherit;
}
.rtl .main-chat-header .nav-link+.nav-link {
margin-right: 10px;
margin-left: inherit;
}
.rtl .main-chat-msg-name {
margin-right: 15px;
margin-left: inherit;
}
.rtl .main-chat-body .media.flex-row-reverse .media-body {
margin-right: 0;
margin-left: 5px;
}
.rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
margin-left: 15px;
margin-right: inherit;
border-radius: 0px 4px 4px 4px;
}
.rtl .main-chat-body .media-body {
margin-right: 5px;
margin-left: inherit;
}
.rtl .main-msg-wrapper {
margin-right: 10px;
margin-left: inherit;
border-radius: 4px 0 4px 4px;
}
.rtl .main-chat-footer .nav-link+.nav-link {
margin-right: 10px;
margin-left: inherit;
}
.rtl .main-chat-footer .nav-link:last-child {
margin-right: 0;
margin-left: inherit;
}
@media (min-width: 992px) {
.rtl .main-nav-line-chat {
padding-left: 0;
padding-right: inherit;
}
.rtl .main-chat-contacts-wrapper {
padding: 10px 15px 10px 0px;
}
}
@media (min-width: 576px) {
.rtl .main-chat-body .media.flex-row-reverse .media-body {
margin-right: 0;
margin-left: 5px;
}
.rtl .main-chat-body .media-body {
margin-left: 0;
margin-right: 5px;
}
.rtl .main-chat-footer .form-control {
margin-right: 20px;
margin-left: inherit;
}
}
.rtl .main-img-user.online:before {
left: 2px;
right: inherit;
}
.rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
right: auto;
left: -12px;
transform: rotate(-90deg);
}
.rtl .main-msg-wrapper:before {
left: auto;
right: -12px;
transform: rotate(90deg);
}
@media (max-width: 576px) {
.rtl .main-contact-action {
right: 10px !important;
left: 0 !important;
}
}
.rtl .main-content-left-contacts .main-content-breadcrumb,
.rtl .main-content-left-contacts .main-content-title {
padding-right: 20px;
padding-left: inherit;
}
.rtl .main-contact-label {
padding-right: 20px;
padding-left: inherit;
}
.rtl .main-contact-item {
border: 1px solid transparent;
border-left-width: 0;
}
.rtl .main-contact-item.selected {
border-right-color: var(--primary-bg-color);
border-left-color: inherit;
}
.rtl .main-contact-body {
margin-right: 15px;
margin-left: inherit;
}
.rtl .main-contact-info-header {
padding-right: 20px;
padding-left: inherit;
}
.rtl .main-contact-info-header .main-img-user a {
left: 0;
right: inherit;
}
.rtl .main-contact-info-header .media-body .nav-link i {
margin-left: 5px;
margin-right: inherit;
}
.rtl .main-contact-info-header .media-body .nav-link+.nav-link {
margin-right: 10px;
margin-left: inherit;
}
@media (min-width: 576px) {
.rtl .main-contact-info-header .media-body .nav-link i {
margin-left: 7px;
margin-right: inherit;
}
.rtl .main-contact-info-header .media-body .nav-link+.nav-link {
margin-right: 10px;
margin-left: inherit;
}
}
.rtl .main-contact-action {
left: 10px;
right: inherit;
}
.rtl .main-contact-action a i {
margin-left: 5px;
margin-right: inherit;
}
.rtl .main-contact-action a+a {
margin-right: 15px;
margin-left: inherit;
}
.rtl .main-contact-info-body {
padding-right: 0px;
padding-left: inherit;
}
.rtl .main-contact-info-body .media-body {
margin-right: 30px;
margin-left: inherit;
}
@media (min-width: 992px) {
.rtl .main-contact-info-header {
padding-right: 30px;
padding-left: inherit;
}
.rtl .main-contact-label {
padding-right: 10px;
padding-left: inherit;
}
.rtl .main-content-left-contacts .main-content-breadcrumb,
.rtl .main-content-left-contacts .main-content-title {
padding-right: 0;
padding-left: inherit;
}
}
@media (min-width: 1280px) {
.rtl .main-contact-action {
left: 20px;
right: inherit;
}
}
.rtl .jsr_slider {
right: 0;
left: inherit;
}
.rtl .jsr_slider::before {
right: 50%;
left: inherit;
}
.rtl .jsr_label .jsr_label {
padding-left: 0;
padding-right: inherit;
}
.rtl .range output {
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
border-top-right-radius: 0;
border-top-left-radius: inherit;
}
.rtl .page-header .breadcrumb-icon {
margin-right: 4px;
margin-left: inherit;
}
.rtl .page-subtitle {
margin-right: 2rem;
margin-left: inherit;
}
.rtl .page-options {
margin-right: auto;
margin-left: inherit;
}
.rtl .aside {
left: 0;
right: inherit;
border-right: 1px solid #eff0f6;
border-left: inherit;
}
.rtl .nav-unread {
left: 0.4rem;
right: inherit;
}
.rtl .nav-unread.badge {
left: 0;
right: inherit;
}
.rtl .header-btn.has-new:before {
left: 4px;
right: inherit;
}
.rtl .header-toggler-icon {
right: 50%;
left: inherit;
margin: -2px -0.5rem 0 0;
}
@media (min-width: 992px) {
.rtl footer.footer {
padding: 1.25rem 250px 1.25rem 1.25rem;
}
}
.rtl .footer .social ul li {
float: right;
}
.rtl .br-tl-7 {
border-top-right-radius: 7px !important;
border-top-left-radius: 0 !important;
}
.rtl .br-bl-7 {
border-bottom-right-radius: 7px !important;
border-bottom-left-radius: 0 !important;
}
.rtl .br-tr-7 {
border-top-left-radius: 7px !important;
border-top-right-radius: 0 !important;
}
.rtl .br-br-7 {
border-bottom-left-radius: 7px !important;
border-bottom-right-radius: 0 !important;
}
.rtl .br-tl-0 {
border-top-right-radius: 0px !important;
border-top-left-radius: 7px !important;
}
.rtl .br-bl-0 {
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 7px !important;
}
.rtl .br-tr-0 {
border-top-left-radius: 0px !important;
border-top-right-radius: 7px !important;
}
.rtl .br-br-0 {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 7px !important;
}
.rtl .card-blog-overlay:before {
left: 0;
right: inherit;
}
.rtl .card-blog-overlay1:before,
.rtl .card-blog-overlay2:before {
left: 0;
right: inherit;
}
.rtl .login-transparent:before {
left: 0;
right: inherit;
}
@media (max-width: 320px) {
.rtl .fc-toolbar .fc-right {
float: left;
}
}
.rtl .pagination-pager .page-prev {
margin-left: auto;
margin-right: inherit;
}
.rtl .pagination-pager .page-next {
margin-right: auto;
margin-left: inherit;
}
.rtl .page-total-text {
margin-left: 1rem;
margin-right: inherit;
}
.rtl .icons-list {
margin: 0 0 -1px -1px;
}
.rtl .richText .richText-toolbar ul li a {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: inherit;
}
.rtl .richText .richText-undo,
.rtl .richText .richText-redo {
border-left: 1px solid #eff0f6 !important;
border-right: inherit !important;
}
.rtl .cal1 .clndr .clndr-table .header-days .header-day {
border-right: 1px solid rgba(23, 183, 148, 0.1);
border-left: inherit;
}
.rtl .cal1 .clndr .clndr-table tr .empty,
.rtl .cal1 .clndr .clndr-table tr .adjacent-month,
.rtl .cal1 .clndr .clndr-table tr .my-empty,
.rtl .cal1 .clndr .clndr-table tr .my-adjacent-month {
border-right: 1px solid #eff0f6;
border-left: inherit;
}
.rtl .cal1 .clndr .clndr-table tr .day {
border-right: 1px solid #eff0f6;
border-left: inherit;
}
.rtl .cal1 .clndr .clndr-table tr .day:last-child {
border-left: 1px solid #eff0f6;
border-right: inherit;
}
.rtl div.conv-form-wrapper div#messages div.message.from {
border-top-left-radius: 0;
border-top-right-radius: inherit;
}
.rtl .job-box-filter a.filtsec {
margin-left: 15px;
margin-right: inherit;
}
.rtl .job-box-filter a.filtsec i {
margin-left: 5px;
margin-right: inherit;
}
.rtl .job-box-filter h4 i {
margin-left: 10px;
margin-right: inherit;
}
.rtl .job-box-filter label input.form-control {
margin-right: 5px;
margin-left: inherit;
}
.rtl .text-right {
text-align: left;
}
.rtl .image_outer_container .green_icon {
left: 10px;
right: inherit;
}
.rtl .input-search {
left: 20px;
right: 0;
}
.rtl .search-label {
right: 50%;
left: inherit;
margin-right: -54px;
margin-left: inherit;
}
.rtl .search-inline {
right: 0;
left: inherit;
}
.rtl .search-inline button[type=submit] {
left: 80px;
right: inherit;
}
.rtl .search-inline .form-control {
padding-right: 0;
padding-left: inherit;
right: 1%;
left: inherit;
}
.rtl .search-inline .search-close {
left: 0;
right: inherit;
}
.rtl .lockscreen:before {
right: -25px;
left: 0;
}
.rtl .table-stats table th img,
.rtl .table-stats table td img {
margin-left: 10px;
margin-right: inherit;
}
.rtl .traffic-sales-amount {
float: left;
}
.rtl .pulse {
left: 0.7rem;
right: inherit;
}
@media (max-width: 992px) and (min-width: 768px) {
.rtl .animated-arrow.hor-toggle span {
margin-right: 8px;
margin-left: inherit;
}
}
.rtl .activity {
border-right: 3px solid #eff0f6;
border-left: inherit;
margin-right: 16px;
margin-left: inherit;
}
.rtl .activity .img-activity {
right: -20px;
left: inherit;
}
.rtl .activity .item-activity {
margin-right: 40px;
margin-left: inherit;
}
.rtl #AreaChart2 {
right: -7px;
left: inherit;
}
.rtl #CryptoChart,
.rtl #CryptoChart1,
.rtl #CryptoChart2,
.rtl #CryptoChart3,
.rtl #CryptoChart11 {
right: -55px;
left: inherit;
}
@media (max-width: 991px) {
.rtl #CryptoChart,
.rtl #CryptoChart1,
.rtl #CryptoChart2,
.rtl #CryptoChart3,
.rtl #CryptoChart11 {
right: -65px;
left: inherit;
}
}
.rtl .latest-timeline ul.timeline:before {
right: 15px;
left: inherit;
}
.rtl .latest-timeline ul.timeline>li {
padding-right: 3rem;
padding-left: inherit;
}
.rtl .latest-timeline ul.timeline>li:before {
right: 6px;
left: inherit;
}
@media (min-width: 992px) {
.rtl .top-header.hor-top-header .header-brand {
margin-left: 0rem;
margin-right: inherit;
}
}
.rtl .latest-timeline1-icon {
right: 0;
left: inherit;
}
.rtl .inde4-table tr td:first-child:before {
right: 0;
left: inherit;
}
.rtl .crypto-icon {
margin-left: 18px;
margin-right: inherit;
}
.rtl table.table-bordered.dataTable td:first-child {
border-right: 0px solid #eff0f6 !important;
border-left: inherit !important;
}
.rtl .expenses-card #expense {
right: -53px;
left: inherit;
}
@media (max-width: 576px) {
.rtl .expenses-card #expense {
right: -67px;
left: inherit;
}
}
.rtl .clipboard-icon {
left: 10px;
right: inherit;
}
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
right: 4px;
left: inherit;
}
.rtl .profile-media-img h6 {
right: 15px;
left: inherit;
}
.rtl .timelineleft:before {
right: 31px;
left: inherit;
}
.rtl .timelineleft>li {
margin-left: 0;
margin-right: inherit;
}
.rtl .timelineleft>li>.timelineleft-item {
margin-right: 60px;
margin-left: 0;
}
.rtl .timelineleft>li>.timelineleft-item>.time {
float: left;
}
.rtl .timelineleft>li>.fa,
.rtl .timelineleft>li>.glyphicon,
.rtl .timelineleft>li>.ion {
right: 18px;
left: inherit;
}
.rtl .form-switch-indicator-lg:before {
right: 1px;
left: inherit;
}
.rtl .form-switch-input:checked~.form-switch-indicator-lg:before {
right: calc(1.46rem + 1px);
left: inherit;
}
.rtl .form-switch-indicator-xl:before {
right: 1px;
left: inherit;
}
.rtl .form-switch-input:checked~.form-switch-indicator-xl:before {
right: calc(1.96rem + 1px) !important;
left: inherit !important;
}
.rtl .header-icon2 {
right: 10px;
left: inherit;
}
.rtl .page-rightheader .date-range-btn {
padding-right: 40px;
padding-left: 1em;
}
.rtl .page-rightheader .date-range-btn .header-icon2 {
right: 10px;
left: inherit;
}
.rtl .social-profile-buttons li {
float: right;
}
.rtl .form-wizard-title {
margin-right: 10px;
margin-left: inherit;
}
.rtl .crypto-content .select2-container--default .select2-selection--single {
border-radius: 5px 0 0 5px !important;
}
.rtl .header-notify.show .dropdown-menu {
right: -180px !important;
left: inherit !important;
}
.rtl .profile-dropdown.show .dropdown-menu {
right: -140px !important;
left: inherit !important;
}
.rtl .countryscroll .ps__thumb-y {
left: 12px !important;
right: inherit !important;
}
.rtl .btn-close {
float: left;
margin-right: 3px;
margin-left: inherit;
}
.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 5px !important;
border-top-right-radius: 0 !important;
border-top-left-radius: 5px !important;
}
.rtl .input-group>.btn-group>.btn,
.rtl .input-group>.btn-group>.input-group-text {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rtl table.table-bordered.dataTable th:first-child,
.rtl table.table-bordered.dataTable th:first-child,
.rtl table.table-bordered.dataTable td:first-child,
.rtl table.table-bordered.dataTable td:first-child {
border-right-width: 1px !important;
border-left-width: inherit !important;
}
.rtl.error-page .header-setting-icon {
right: auto;
left: 30px;
}
@media (max-width: 767px) {
.rtl.error-page .header-setting-icon {
right: auto;
left: 20px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.rtl.error-page .card-group>.card:not(:last-child) {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
}
.rtl .jq-star-svg {
padding-right: 0;
padding-left: inherit;
}
.rtl .handle-counter input {
float: right;
}
.rtl .handle-counter .counter-minus,
.rtl .handle-counter .handle-counter .counter-plus {
float: right;
}
.rtl .handle-counter .counter-minus {
border-radius: 0px 3px 3px 0px !important;
}
.rtl .handle-counter .counter-plus {
border-radius: 3px 0px 0px 3px !important;
}
.rtl .form-control.form-file-input::after {
left: 0;
right: inherit;
}
.rtl .mail-box .sm-side {
border-radius: 4px 4px 0 0;
}
.rtl .mail-box .lg-side {
border-radius: 0 0 4px 4px;
}
.rtl .user-head .inbox-avatar {
float: right;
}
.rtl ul.inbox-nav li a i {
padding-left: 10px;
padding-right: inherit;
}
.rtl ul.labels-info li a i {
padding-left: 10px;
padding-right: inherit;
}
.rtl .inbox-head .sr-input {
border-radius: 4px 4px 0 0;
float: right;
}
.rtl .inbox-head .sr-btn {
border-radius: 0 0 4px 4px;
}
.rtl ul.inbox-pagination {
float: left;
}
.rtl ul.inbox-pagination li {
float: right;
}
.rtl .mail-option .chk-all,
.rtl .mail-option .btn-group {
margin-left: 5px;
margin-right: inherit;
}
.rtl .inbox-pagination a.np-btn {
margin-right: 5px;
margin-left: inherit;
}
.rtl .inbox-pagination li span {
margin-left: 5px;
margin-right: inherit;
}
.rtl .attachment-mail ul li {
float: right;
margin-left: 10px;
margin-right: inherit;
}
.rtl .attachment-mail ul li span {
float: left;
}
.rtl .attachment-mail .file-name {
float: right;
}
.rtl .fileinput-button {
float: right;
margin-left: 4px;
margin-right: inherit;
}
.rtl .fileinput-button input {
direction: rtl;
left: 0;
right: inherit;
}
.rtl .mail-chats {
padding: 10px 0 10px 50px;
}
.rtl .mail-chats li.chat-persons a span.pro-pic {
float: right;
margin-left: 20px;
margin-right: inherit;
}
.rtl .mail-chats li.chat-persons.user {
padding: 5px 15px 0px 10px;
}
.rtl .sk-circle .sk-child {
right: 0;
left: inherit;
}
.rtl .sk-cube-grid .sk-cube {
float: right;
}
.rtl .sk-folding-cube .sk-cube {
float: right;
}
.rtl .sk-folding-cube .sk-cube:before {
right: 0;
left: inherit;
}
.rtl .double-bounce1 {
right: 0;
left: inherit;
}
.rtl .double-bounce2 {
right: 0;
left: inherit;
}
.rtl .cube1 {
right: 0;
left: inherit;
}
.rtl .cube2 {
right: 0;
left: inherit;
}
.rtl .lds-heart div {
right: 19px;
left: inherit;
}
.rtl .lds-heart div:before {
right: -17px;
left: inherit;
border-radius: 50% 50% 0 0;
}
.rtl .table-calendar-link:before {
right: 0.25rem;
left: inherit;
}
.rtl .table-header:after {
margin-right: 0.5rem;
margin-left: inherit;
}
.rtl .jvectormap-zoomin,
.rtl .jvectormap-zoomout,
.rtl .jvectormap-goback {
right: 10px;
left: inherit;
}
.rtl .jvectormap-legend-cnt-v {
left: 0;
right: inherit;
}
.rtl .jvectormap-legend-cnt-h .jvectormap-legend {
float: right;
margin: 0 0 10px 10px;
}
.rtl .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: right;
}
.rtl .jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 0 0 10px;
}
.rtl .jvectormap-legend-cnt-h {
left: 0;
right: inherit;
}
.rtl .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
padding-right: 3px;
padding-left: inherit;
}
.rtl .widget-line-list li {
padding: 5px 15px 0 20px;
}
.rtl .input-icon .form-control:not(:last-child),
.rtl .input-icon .form-control:not(:first-child) {
padding-right: 2.5rem;
padding-left: inherit;
}
.rtl .input-icon-addon {
right: 0;
left: inherit;
}
.rtl .input-icon-addon:last-child {
right: auto;
left: inherit;
}
.rtl .state-valid {
padding-left: 2rem;
padding-right: inherit;
}
.rtl .state-invalid {
padding-left: 2rem;
padding-right: inherit;
}
.rtl .status-icon {
margin-left: 0.375rem;
margin-right: inherit;
}
.rtl .team i {
margin-right: 10px;
margin-left: inherit;
float: left;
}
.rtl .chips .chip {
margin: 0 0 0.5rem 0.5rem;
}
.rtl .chip .avatar {
float: left;
margin: 0 -0.75rem 0 0.5rem;
}
.rtl .chat-line {
text-align: left;
}
.rtl .chat-message {
text-align: right;
margin: 0 2.5rem 0 0.5rem;
}
.rtl .chat-message:after {
left: -5px;
right: inherit;
border-right: 6px solid #467fcf;
border-left: inherit;
}
.rtl .chat-line-friend .chat-message {
margin-right: 0.5rem;
margin-left: 2.5rem;
}
.rtl .chat-line-friend .chat-message:after {
left: auto;
right: -5px;
border-right-width: 0;
border-left-width: inherit;
border-left: 5px solid #f3f3f3;
border-right: inherit;
}
.rtl #back-to-top {
left: 20px;
right: inherit;
}
.rtl .item-card .cardprice {
left: 0;
right: inherit;
}
@media (min-width: 992px) {
.rtl .invoicedetailspage.tabs-menu-body {
border-radius: 8px 0 0 8px;
}
}
.rtl .card-custom-icon {
left: 25px;
right: inherit;
}
.rtl .custom-control {
padding-right: 1.5rem;
padding-left: inherit;
}
.rtl .custom-control-inline {
margin-left: 1rem;
margin-right: inherit;
}
.rtl .custom-control-label::before {
right: 0;
left: inherit;
}
.rtl .custom-control-label::after {
right: 0;
left: inherit;
}
.rtl .custom-control-label-md {
padding-right: 15px;
padding-left: inherit;
}
.rtl .custom-control-label-lg {
padding-right: 15px;
padding-left: inherit;
}
.rtl .form-select[multiple],
.rtl .form-select[size]:not([size="1"]) {
padding-left: 0.75rem;
padding-right: inherit;
}
.rtl div.dataTables_wrapper div.dataTables_filter input {
margin-right: 0.5em;
margin-left: inherit;
}
.rtl .form-file-label::after {
left: 0;
right: inherit;
border-right: 1px solid var(--primary-bg-color);
border-left: inherit;
border-radius: 0 0 3px 3px;
}
.rtl .form-label-small {
float: left;
}
.rtl .input-group-text>.input-group-text {
border-left: 0;
border-right: inherit;
}
.rtl .input-group-text>.input-group-text {
border-right: 0;
border-left: inherit;
}
.rtl .form-range {
padding-right: 0;
padding-left: inherit;
}
.rtl .form-range::-ms-fill-upper {
margin-left: 15px;
margin-right: inherit;
}
.rtl .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
left: 5px;
right: inherit;
}
.rtl .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
right: 5px;
left: inherit;
}
.rtl .ui-datepicker .ui-datepicker-calendar td {
text-align: left;
}
.rtl .ui-datepicker-multi .ui-datepicker-group {
padding-left: 15px;
padding-right: inherit;
float: right;
}
.rtl .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
right: 10px;
left: inherit;
}
.rtl .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
left: 10px;
right: inherit;
}
.rtl .ui-datepicker-multi .ui-datepicker-group-last {
padding-left: 0;
padding-right: inherit;
}
.rtl .custom-checkbox:before {
right: 0;
left: inherit;
}
.rtl .custom-checkbox:after {
right: 0;
left: inherit;
}
.rtl .form-check {
padding-right: 1.25rem;
padding-left: inherit;
}
.rtl .form-check-input {
margin-right: -1.25rem;
margin-left: inherit;
}
.rtl .form-check-inline {
padding-right: 0;
padding-left: inherit;
margin-left: 0.75rem;
margin-right: inherit;
}
.rtl .form-check-inline .form-check-input {
margin-left: 0.3125rem;
margin-right: 0;
}
@media (min-width: 576px) {
.rtl .form-inline .form-check {
padding-right: 0;
padding-left: inherit;
}
.rtl .form-inline .form-check-input {
margin-left: 0.25rem;
margin-right: 0;
}
}
.rtl .wizard>.steps>ul li+li {
margin-right: 5px;
margin-left: inherit;
}
.rtl .wizard>.steps a .number,
.rtl .wizard>.steps a:hover .number,
.rtl .wizard>.steps a:active .number {
margin-left: 5px;
margin-right: inherit;
}
.rtl .wizard.vertical>.steps ul li+li {
margin-right: 10px;
margin-left: inherit;
}
@media (min-width: 992px) {
.rtl .wizard.vertical>.steps {
float: right;
}
.rtl .wizard.vertical>.steps ul li+li {
margin-right: 0;
margin-left: inherit;
}
.rtl .wizard.vertical>.actions {
float: left;
border-right: 1px solid #eff0f6;
border-left: 0;
}
.rtl .wizard>.steps>ul li+li {
margin-right: 20px;
margin-left: inherit;
}
.rtl .wizard>.steps>ul li .title {
margin-right: 10px;
margin-left: inherit;
}
}
.rtl .wizard-style-2>.steps>ul a .title,
.rtl .wizard-style-2>.steps>ul a:hover .title,
.rtl .wizard-style-2>.steps>ul a:active .title {
margin-left: 20px;
margin-right: inherit;
}
@media (min-width: 992px) {
.rtl .wizard>.steps>ul li+li {
margin-right: 30px;
margin-left: inherit;
}
.rtl .wizard.vertical>.content {
float: left;
border-right: 1px solid #eff0f6;
border-left: 0;
}
}
.rtl .input-group-addon {
border: 1px solid #eff0f6;
border-left: 0;
border-radius: 0.25rem 0.2rem 0 0;
}
.rtl .input-group>.form-control+.form-control,
.rtl .input-group>.form-control+.form-select,
.rtl .input-group>.form-control+.form-file {
margin-right: -1px;
margin-left: inherit;
}
.rtl .input-group>.form-select+.form-control,
.rtl .input-group>.form-select+.form-select,
.rtl .input-group>.form-select+.form-file {
margin-right: -1px;
margin-left: inherit;
}
.rtl .input-group>.form-file+.form-control,
.rtl .input-group>.form-file+.form-select,
.rtl .input-group>.form-file+.form-file {
margin-right: -1px;
margin-left: inherit;
}
.rtl .input-group>.form-control:not(:last-child),
.rtl .input-group>.form-select:not(:last-child) {
border-top-left-radius: 0;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 5px;
}
.rtl .input-group>.form-control:not(:first-child),
.rtl .input-group>.form-select:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .input-group>.form-file:not(:last-child) .form-file-label {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .input-group>.form-file:not(:last-child) .form-file-label::after {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .input-group>.form-file:not(:first-child) .form-file-label {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .input-group>.form-file:not(:first-child) .form-file-label::after {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .input-group>.input-group-text>.btn,
.rtl .input-group>.input-group-text>.input-group-text {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .input-group>.input-group-text:not(:last-child)>.btn,
.rtl .input-group>.input-group-text:not(:last-child)>.input-group-text {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .input-group>.input-group-text:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.rtl .input-group>.input-group-text:last-child>.input-group-text:not(:last-child) {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .input-group>.input-group-text>.btn,
.rtl .input-group>.input-group-text>.input-group-text {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .input-group>.input-group-text:not(:first-child)>.btn,
.rtl .input-group>.input-group-text:not(:first-child)>.input-group-text {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .input-group>.input-group-text:first-child>.btn:not(:first-child),
.rtl .input-group>.input-group-text:first-child>.input-group-text:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .input-group-text .btn+.btn,
.rtl .input-group-text .btn+.input-group-text {
margin-right: -1px;
margin-left: inherit;
}
.rtl .input-group-text .input-group-text+.input-group-text,
.rtl .input-group-text .input-group-text+.btn {
margin-right: -1px;
margin-left: inherit;
}
.rtl .input-group-text .btn+.btn,
.rtl .input-group-text .btn+.input-group-text {
margin-right: -1px;
margin-left: inherit;
}
.rtl .input-group-text .input-group-text+.input-group-text,
.rtl .input-group-text .input-group-text+.btn {
margin-right: -1px;
margin-left: inherit;
}
.rtl .selectgroup-item+.selectgroup-item {
margin-right: -1px;
margin-left: inherit;
}
.rtl .selectgroup-item:not(:first-child) .selectgroup-button {
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .selectgroup-item:not(:last-child) .selectgroup-button {
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .selectgroup-input {
right: 0;
left: inherit;
}
.rtl .selectgroup-pills .selectgroup-item {
margin-left: 0.5rem;
margin-right: inherit;
}
.rtl .form-switch {
padding-right: 0;
padding-left: inherit;
}
.rtl .form-switch-indicator:before {
right: 1px;
left: inherit;
transition: 0.3s right;
}
.rtl .form-switch-input:checked~.form-switch-indicator:before {
right: calc(1rem + 1px);
left: inherit;
}
.rtl .form-switch-indicator-lg:before {
right: 1px;
left: inherit;
}
.rtl .form-switch-input:checked~.form-switch-indicator-lg:before {
right: calc(1.46rem + 1px);
left: inherit;
}
.rtl .form-switch-indicator-xl:before {
right: 1px;
left: inherit;
}
.rtl .form-switch-description {
margin-right: 0.5rem;
margin-left: inherit;
}
.rtl .material-switch>label::after {
right: -4px;
left: inherit;
}
.rtl .material-switch>input[type=checkbox]:checked+label::after {
right: 20px;
left: inherit;
}
.rtl .imagecheck-figure:before {
right: 0.25rem;
left: inherit;
}
.rtl .colorinput-color:before {
right: 0.25rem;
left: inherit;
}
.rtl .selectize-dropdown-header-close {
left: 8px;
right: inherit;
}
.rtl .selectize-dropdown.plugin-optgroup_columns .optgroup {
border-left: 1px solid #eff0f6;
border-right: inherit;
float: right;
}
.rtl .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-left: 0 none;
border-right: inherit;
}
.rtl .selectize-control.single .selectize-input:after {
left: 12px;
right: inherit;
}
.rtl .selectize-control.plugin-remove_button [data-value] {
padding-left: 24px !important;
padding-right: inherit !important;
}
.rtl .selectize-control.plugin-remove_button [data-value] .remove {
left: 0;
right: inherit;
border-right: 1px solid #d0d0d0;
border-left: inherit;
border-radius: 0 0 2px 2px;
}
.rtl .selectize-control.plugin-remove_button [data-value].active .remove {
border-right-color: #cacaca;
border-left-color: inherit;
}
.rtl .selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-right-color: #fff;
border-left-color: inherit;
}
.rtl .selectize-control.plugin-remove_button .remove-single {
left: 28px;
right: inherit;
}
.rtl .selectize-control.multi .selectize-input.has-items {
padding: 7px 7px 4px 0.75rem;
}
.rtl .selectize-input>input {
margin: 0 0 0 2px !important;
}
.rtl .selectize-control.multi .selectize-input>div {
margin: 0 0 3px 3px;
}
.rtl .selectize-dropdown .image,
.rtl .selectize-input .image {
margin: -1px -4px -1px 0.5rem;
float: right;
}
.rtl .selectize-input .image {
margin: -3px -5px -3px 0.75rem;
}
.rtl .border-end {
border-left: 1px solid #eff0f6 !important;
border-right: inherit !important;
}
.rtl .border-start {
border-right: 1px solid #eff0f6 !important;
border-left: inherit !important;
}
.rtl .border-end-0 {
border-left: 0 !important;
border-right: 1px solid #eff0f6 !important;
}
.rtl .border-start-0 {
border-right: 0 !important;
border-left: 1px solid #eff0f6 !important;
}
.rtl .rounded-right {
border-top-left-radius: 3px !important;
border-top-right-radius: inherit !important;
border-bottom-left-radius: 3px !important;
border-bottom-right-radius: inherit !important;
}
.rtl .rounded-left {
border-top-right-radius: 3px !important;
border-top-left-radius: inherit !important;
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: inherit !important;
}
.rtl .embed-responsive .embed-responsive-item,
.rtl .embed-responsive iframe,
.rtl .embed-responsive embed,
.rtl .embed-responsive object,
.rtl .embed-responsive video {
right: 0;
left: inherit;
}
.rtl .float-start {
float: right !important;
}
.rtl .float-end {
float: left !important;
}
@media (min-width: 576px) {
.rtl .float-sm-start {
float: right !important;
}
.rtl .float-sm-end {
float: left !important;
}
}
@media (min-width: 768px) {
.rtl .float-md-start {
float: right !important;
}
.rtl .float-md-end {
float: left !important;
}
}
@media (min-width: 992px) {
.rtl .float-lg-start {
float: right !important;
}
.rtl .float-lg-end {
float: left !important;
}
}
@media (min-width: 1280px) {
.rtl .float-xl-start {
float: right !important;
}
.rtl .float-xl-end {
float: left !important;
}
}
.rtl .me-0 {
margin-left: 0 !important;
margin-right: inherit !important;
}
.rtl .ms-0 {
margin-right: 0 !important;
margin-left: inherit !important;
}
.rtl .me-1 {
margin-left: 0.25rem !important;
margin-right: inherit !important;
}
.rtl .ms-1 {
margin-right: 0.25rem !important;
margin-left: inherit !important;
}
.rtl .me-2 {
margin-left: 0.5rem !important;
margin-right: initial !important;
}
.rtl .ms-2 {
margin-right: 0.5rem !important;
margin-left: inherit !important;
}
.rtl .me-3 {
margin-left: 0.75rem !important;
margin-right: inherit !important;
}
.rtl .ms-3 {
margin-right: 0.75rem !important;
margin-left: inherit !important;
}
.rtl .me-4 {
margin-left: 1rem !important;
margin-right: inherit !important;
}
.rtl .ms-4 {
margin-right: 1rem !important;
margin-left: initial !important;
}
.rtl .me-5 {
margin-left: 1.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-5 {
margin-right: 1.5rem !important;
margin-left: inherit !important;
}
.rtl .me-6 {
margin-left: 2rem !important;
margin-right: inherit !important;
}
.rtl .ms-6 {
margin-right: 2rem !important;
margin-left: inherit !important;
}
.rtl .me-7 {
margin-left: 3rem !important;
margin-right: inherit !important;
}
.rtl .ms-7 {
margin-right: 3rem !important;
margin-left: inherit !important;
}
.rtl .me-8 {
margin-left: 4rem !important;
margin-right: inherit !important;
}
.rtl .ms-8 {
margin-right: 4rem !important;
margin-left: inherit !important;
}
.rtl .me-9 {
margin-left: 6rem !important;
margin-right: inherit !important;
}
.rtl .ms-9 {
margin-right: 6rem !important;
margin-left: inherit !important;
}
.rtl .pe-0 {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .ps-0 {
padding-right: 0 !important;
padding-left: inherit !important;
}
.rtl .pe-1 {
padding-left: 0.25rem !important;
padding-right: inherit !important;
}
.rtl .ps-1 {
padding-right: 0.25rem !important;
padding-left: inherit !important;
}
.rtl .pe-2 {
padding-left: 0.5rem !important;
padding-right: initial !important;
}
.rtl .ps-2 {
padding-right: 0.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-3 {
padding-left: 0.75rem !important;
padding-right: inherit !important;
}
.rtl .ps-3 {
padding-right: 0.75rem !important;
padding-left: inherit !important;
}
.rtl .pe-4 {
padding-left: 1rem !important;
padding-right: inherit !important;
}
.rtl .ps-4 {
padding-right: 1rem !important;
padding-left: inherit !important;
}
.rtl .pe-5 {
padding-left: 1.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-5 {
padding-right: 1.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-6 {
padding-left: 2rem !important;
padding-right: inherit !important;
}
.rtl .ps-6 {
padding-right: 2rem !important;
padding-left: inherit !important;
}
.rtl .pe-7 {
padding-left: 3rem !important;
padding-right: inherit !important;
}
.rtl .ps-7 {
padding-right: 3rem !important;
padding-left: inherit !important;
}
.rtl .pe-8 {
padding-left: 4rem !important;
padding-right: inherit !important;
}
.rtl .ps-8 {
padding-right: 4rem !important;
padding-left: inherit !important;
}
.rtl .pe-9 {
padding-left: 6rem !important;
padding-right: inherit !important;
}
.rtl .ps-9 {
padding-right: 6rem !important;
padding-left: inherit !important;
}
.rtl .me-auto {
margin-left: auto !important;
margin-right: inherit !important;
}
.rtl .ms-auto {
margin-right: auto !important;
margin-left: inherit !important;
}
@media (min-width: 576px) {
.rtl .me-sm-0 {
margin-left: 0 !important;
margin-right: inherit !important;
}
.rtl .ms-sm-0 {
margin-right: 0 !important;
margin-left: inherit !important;
}
.rtl .me-sm-1 {
margin-left: 0.25rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-1 {
margin-right: 0.25rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-2 {
margin-left: 0.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-2 {
margin-right: 0.5rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-3 {
margin-left: 0.75rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-3 {
margin-right: 0.75rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-4 {
margin-left: 1rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-4 {
margin-right: 1rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-5 {
margin-left: 1.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-5 {
margin-right: 1.5rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-6 {
margin-left: 2rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-6 {
margin-right: 2rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-7 {
margin-left: 3rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-7 {
margin-right: 3rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-8 {
margin-left: 4rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-8 {
margin-right: 4rem !important;
margin-left: inherit !important;
}
.rtl .me-sm-9 {
margin-left: 6rem !important;
margin-right: inherit !important;
}
.rtl .ms-sm-9 {
margin-right: 6rem !important;
margin-left: inherit !important;
}
.rtl .pe-sm-0 {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .ps-sm-0 {
padding-right: 0 !important;
padding-left: inherit !important;
}
.rtl .pe-sm-1 {
padding-left: 0.25rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-1 {
padding-right: 0.25rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-2 {
padding-left: 0.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-2 {
padding-right: 0.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-3 {
padding-left: 0.75rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-3 {
padding-right: 0.75rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-4 {
padding-left: 1rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-4 {
padding-right: 1rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-5 {
padding-left: 1.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-5 {
padding-right: 1.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-6 {
padding-left: 2rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-6 {
padding-right: 2rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-7 {
padding-left: 3rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-7 {
padding-right: 3rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-8 {
padding-left: 4rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-8 {
padding-right: 4rem !important;
padding-left: inherit !important;
}
.rtl .pe-sm-9 {
padding-left: 6rem !important;
padding-right: inherit !important;
}
.rtl .ps-sm-9 {
padding-right: 6rem !important;
padding-left: inherit !important;
}
.rtl .me-sm-auto {
margin-left: auto !important;
margin-right: inherit !important;
}
.rtl .ms-sm-auto {
margin-right: auto !important;
margin-left: inherit !important;
}
}
@media (min-width: 768px) {
.rtl .me-md-0 {
margin-left: 0 !important;
margin-right: inherit !important;
}
.rtl .ms-md-0 {
margin-right: 0 !important;
margin-left: inherit !important;
}
.rtl .me-md-1 {
margin-left: 0.25rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-1 {
margin-right: 0.25rem !important;
margin-left: inherit !important;
}
.rtl .me-md-2 {
margin-left: 0.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-2 {
margin-right: 0.5rem !important;
margin-left: inherit !important;
}
.rtl .me-md-3 {
margin-left: 0.75rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-3 {
margin-right: 0.75rem !important;
margin-left: inherit !important;
}
.rtl .me-md-4 {
margin-left: 1rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-4 {
margin-right: 1rem !important;
margin-left: inherit !important;
}
.rtl .me-md-5 {
margin-left: 1.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-5 {
margin-right: 1.5rem !important;
margin-left: inherit !important;
}
.rtl .me-md-6 {
margin-left: 2rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-6 {
margin-right: 2rem !important;
margin-left: inherit !important;
}
.rtl .me-md-7 {
margin-left: 3rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-7 {
margin-right: 3rem !important;
margin-left: inherit !important;
}
.rtl .me-md-8 {
margin-left: 4rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-8 {
margin-right: 4rem !important;
margin-left: inherit !important;
}
.rtl .me-md-9 {
margin-left: 6rem !important;
margin-right: inherit !important;
}
.rtl .ms-md-9 {
margin-right: 6rem !important;
margin-left: inherit !important;
}
.rtl .pe-md-0 {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .ps-md-0 {
padding-right: 0 !important;
padding-left: inherit !important;
}
.rtl .pe-md-1 {
padding-left: 0.25rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-1 {
padding-right: 0.25rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-2 {
padding-left: 0.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-2 {
padding-right: 0.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-3 {
padding-left: 0.75rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-3 {
padding-right: 0.75rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-4 {
padding-left: 1rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-4 {
padding-right: 1rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-5 {
padding-left: 1.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-5 {
padding-right: 1.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-6 {
padding-left: 2rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-6 {
padding-right: 2rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-7 {
padding-left: 3rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-7 {
padding-right: 3rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-8 {
padding-left: 4rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-8 {
padding-right: 4rem !important;
padding-left: inherit !important;
}
.rtl .pe-md-9 {
padding-left: 6rem !important;
padding-right: inherit !important;
}
.rtl .ps-md-9 {
padding-right: 6rem !important;
padding-left: inherit !important;
}
.rtl .me-md-auto {
margin-left: auto !important;
margin-right: inherit !important;
}
.rtl .ms-md-auto {
margin-right: auto !important;
margin-left: inherit !important;
}
}
@media (min-width: 992px) {
.rtl .me-lg-0 {
margin-left: 0 !important;
margin-right: inherit !important;
}
.rtl .ms-lg-0 {
margin-right: 0 !important;
margin-left: inherit !important;
}
.rtl .me-lg-1 {
margin-left: 0.25rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-1 {
margin-right: 0.25rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-2 {
margin-left: 0.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-2 {
margin-right: 0.5rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-3 {
margin-left: 0.75rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-3 {
margin-right: 0.75rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-4 {
margin-left: 1rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-4 {
margin-right: 1rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-5 {
margin-left: 1.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-5 {
margin-right: 1.5rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-6 {
margin-left: 2rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-6 {
margin-right: 2rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-7 {
margin-left: 3rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-7 {
margin-right: 3rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-8 {
margin-left: 4rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-8 {
margin-right: 4rem !important;
margin-left: inherit !important;
}
.rtl .me-lg-9 {
margin-left: 6rem !important;
margin-right: inherit !important;
}
.rtl .ms-lg-9 {
margin-right: 6rem !important;
margin-left: inherit !important;
}
.rtl .pe-lg-0 {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .ps-lg-0 {
padding-right: 0 !important;
padding-left: inherit !important;
}
.rtl .pe-lg-1 {
padding-left: 0.25rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-1 {
padding-right: 0.25rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-2 {
padding-left: 0.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-2 {
padding-right: 0.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-3 {
padding-left: 0.75rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-3 {
padding-right: 0.75rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-4 {
padding-left: 1rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-4 {
padding-right: 1rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-5 {
padding-left: 1.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-5 {
padding-right: 1.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-6 {
padding-left: 2rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-6 {
padding-right: 2rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-7 {
padding-left: 3rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-7 {
padding-right: 3rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-8 {
padding-left: 4rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-8 {
padding-right: 4rem !important;
padding-left: inherit !important;
}
.rtl .pe-lg-9 {
padding-left: 6rem !important;
padding-right: inherit !important;
}
.rtl .ps-lg-9 {
padding-right: 6rem !important;
padding-left: inherit !important;
}
.rtl .me-lg-auto {
margin-left: auto !important;
margin-right: inherit !important;
}
.rtl .ms-lg-auto {
margin-right: auto !important;
margin-left: inherit !important;
}
}
@media (min-width: 1280px) {
.rtl .me-xl-0 {
margin-left: 0 !important;
margin-right: inherit !important;
}
.rtl .ms-xl-0 {
margin-right: 0 !important;
margin-left: inherit !important;
}
.rtl .me-xl-1 {
margin-left: 0.25rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-1 {
margin-right: 0.25rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-2 {
margin-left: 0.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-2 {
margin-right: 0.5rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-3 {
margin-left: 0.75rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-3 {
margin-right: 0.75rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-4 {
margin-left: 1rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-4 {
margin-right: 1rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-5 {
margin-left: 1.5rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-5 {
margin-right: 1.5rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-6 {
margin-left: 2rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-6 {
margin-right: 2rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-7 {
margin-left: 3rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-7 {
margin-right: 3rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-8 {
margin-left: 4rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-8 {
margin-right: 4rem !important;
margin-left: inherit !important;
}
.rtl .me-xl-9 {
margin-left: 6rem !important;
margin-right: inherit !important;
}
.rtl .ms-xl-9 {
margin-right: 6rem !important;
margin-left: inherit !important;
}
.rtl .pe-xl-0 {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .ps-xl-0 {
padding-right: 0 !important;
padding-left: inherit !important;
}
.rtl .pe-xl-1 {
padding-left: 0.25rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-1 {
padding-right: 0.25rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-2 {
padding-left: 0.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-2 {
padding-right: 0.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-3 {
padding-left: 0.75rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-3 {
padding-right: 0.75rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-4 {
padding-left: 1rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-4 {
padding-right: 1rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-5 {
padding-left: 1.5rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-5 {
padding-right: 1.5rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-6 {
padding-left: 2rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-6 {
padding-right: 2rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-7 {
padding-left: 3rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-7 {
padding-right: 3rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-8 {
padding-left: 4rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-8 {
padding-right: 4rem !important;
padding-left: inherit !important;
}
.rtl .pe-xl-9 {
padding-left: 6rem !important;
padding-right: inherit !important;
}
.rtl .ps-xl-9 {
padding-right: 6rem !important;
padding-left: inherit !important;
}
.rtl .me-xl-auto {
margin-left: auto !important;
margin-right: inherit !important;
}
.rtl .ms-xl-auto {
margin-right: auto !important;
margin-left: inherit !important;
}
}
.rtl .text-start {
text-align: right !important;
}
.rtl .text-end {
text-align: left !important;
}
@media (min-width: 576px) {
.rtl .text-sm-start {
text-align: right !important;
}
.rtl .text-sm-end {
text-align: left !important;
}
}
@media (min-width: 768px) {
.rtl .text-md-start {
text-align: right !important;
}
.rtl .text-md-end {
text-align: left !important;
}
}
@media (min-width: 992px) {
.rtl .text-lg-start {
text-align: right !important;
}
.rtl .text-lg-end {
text-align: left !important;
}
}
@media (min-width: 1280px) {
.rtl .text-xl-start {
text-align: right !important;
}
.rtl .text-xl-end {
text-align: left !important;
}
}
.rtl blockquote {
padding-right: 2rem;
padding-left: initial;
border-right: 2px solid rgba(0, 40, 100, 0.12);
border-left: inherit;
}
.rtl blockquote cite {
text-align: left;
}
.rtl pre {
border-right: 3px solid var(--primary-bg-color);
border-left: inherit;
}
@media (min-width: 1600px) {
.rtl.aside-opened .page {
margin-left: 22rem;
margin-right: inherit;
}
}
.rtl .offset-1 {
margin-right: 8.33333333%;
margin-left: inherit;
}
.rtl .offset-2 {
margin-right: 16.66666667%;
margin-left: inherit;
}
.rtl .offset-3 {
margin-right: 25%;
margin-left: inherit;
}
.rtl .offset-4 {
margin-right: 33.33333333%;
margin-left: inherit;
}
.rtl .offset-5 {
margin-right: 41.66666667%;
margin-left: inherit;
}
.rtl .offset-6 {
margin-right: 50%;
margin-left: inherit;
}
.rtl .offset-7 {
margin-right: 58.33333333%;
margin-left: inherit;
}
.rtl .offset-8 {
margin-right: 66.66666667%;
margin-left: inherit;
}
.rtl .offset-9 {
margin-right: 75%;
margin-left: inherit;
}
.rtl .offset-10 {
margin-right: 83.33333333%;
margin-left: inherit;
}
.rtl .offset-11 {
margin-right: 91.66666667%;
margin-left: inherit;
}
@media (min-width: 576px) {
.rtl .offset-sm-0 {
margin-right: 0;
margin-left: inherit;
}
.rtl .offset-sm-1 {
margin-right: 8.33333333%;
margin-left: inherit;
}
.rtl .offset-sm-2 {
margin-right: 16.66666667%;
margin-left: inherit;
}
.rtl .offset-sm-3 {
margin-right: 25%;
margin-left: inherit;
}
.rtl .offset-sm-4 {
margin-right: 33.33333333%;
margin-left: inherit;
}
.rtl .offset-sm-5 {
margin-right: 41.66666667%;
margin-left: inherit;
}
.rtl .offset-sm-6 {
margin-right: 50%;
margin-left: inherit;
}
.rtl .offset-sm-7 {
margin-right: 58.33333333%;
margin-left: inherit;
}
.rtl .offset-sm-8 {
margin-right: 66.66666667%;
margin-left: inherit;
}
.rtl .offset-sm-9 {
margin-right: 75%;
margin-left: inherit;
}
.rtl .offset-sm-10 {
margin-right: 83.33333333%;
margin-left: inherit;
}
.rtl .offset-sm-11 {
margin-right: 91.66666667%;
margin-left: inherit;
}
}
@media (min-width: 768px) {
.rtl .offset-md-0 {
margin-right: 0;
margin-left: inherit;
}
.rtl .offset-md-1 {
margin-right: 8.33333333%;
margin-left: inherit;
}
.rtl .offset-md-2 {
margin-right: 16.66666667%;
margin-left: inherit;
}
.rtl .offset-md-3 {
margin-right: 25%;
margin-left: inherit;
}
.rtl .offset-md-4 {
margin-right: 33.33333333%;
margin-left: inherit;
}
.rtl .offset-md-5 {
margin-right: 41.66666667%;
margin-left: inherit;
}
.rtl .offset-md-6 {
margin-right: 50%;
margin-left: inherit;
}
.rtl .offset-md-7 {
margin-right: 58.33333333%;
margin-left: inherit;
}
.rtl .offset-md-8 {
margin-right: 66.66666667%;
margin-left: inherit;
}
.rtl .offset-md-9 {
margin-right: 75%;
margin-left: inherit;
}
.rtl .offset-md-10 {
margin-right: 83.33333333%;
margin-left: inherit;
}
.rtl .offset-md-11 {
margin-right: 91.66666667%;
margin-left: inherit;
}
}
@media (min-width: 992px) {
.rtl .offset-lg-0 {
margin-right: 0;
margin-left: inherit;
}
.rtl .offset-lg-1 {
margin-right: 8.33333333%;
margin-left: inherit;
}
.rtl .offset-lg-2 {
margin-right: 16.66666667%;
margin-left: inherit;
}
.rtl .offset-lg-3 {
margin-right: 25%;
margin-left: inherit;
}
.rtl .offset-lg-4 {
margin-right: 33.33333333%;
margin-left: inherit;
}
.rtl .offset-lg-5 {
margin-right: 41.66666667%;
margin-left: inherit;
}
.rtl .offset-lg-6 {
margin-right: 50%;
margin-left: inherit;
}
.rtl .offset-lg-7 {
margin-right: 58.33333333%;
margin-left: inherit;
}
.rtl .offset-lg-8 {
margin-right: 66.66666667%;
margin-left: inherit;
}
.rtl .offset-lg-9 {
margin-right: 75%;
margin-left: inherit;
}
.rtl .offset-lg-10 {
margin-right: 83.33333333%;
margin-left: inherit;
}
.rtl .offset-lg-11 {
margin-right: 91.66666667%;
margin-left: inherit;
}
}
@media (min-width: 1280px) {
.rtl .offset-xl-0 {
margin-right: 0;
margin-left: inherit;
}
.rtl .offset-xl-1 {
margin-right: 8.33333333%;
margin-left: inherit;
}
.rtl .offset-xl-2 {
margin-right: 16.66666667%;
margin-left: inherit;
}
.rtl .offset-xl-3 {
margin-right: 25%;
margin-left: inherit;
}
.rtl .offset-xl-4 {
margin-right: 33.33333333%;
margin-left: inherit;
}
.rtl .offset-xl-5 {
margin-right: 41.66666667%;
margin-left: inherit;
}
.rtl .offset-xl-6 {
margin-right: 50%;
margin-left: inherit;
}
.rtl .offset-xl-7 {
margin-right: 58.33333333%;
margin-left: inherit;
}
.rtl .offset-xl-8 {
margin-right: 66.66666667%;
margin-left: inherit;
}
.rtl .offset-xl-9 {
margin-right: 75%;
margin-left: inherit;
}
.rtl .offset-xl-10 {
margin-right: 83.33333333%;
margin-left: inherit;
}
.rtl .offset-xl-11 {
margin-right: 91.66666667%;
margin-left: inherit;
}
}
.rtl .app-sidebar .mCSB_draggerContainer {
left: -11px !important;
right: inherit !important;
}
@media (min-width: 992px) {
.rtl.app.sidenav-toggled .app-content {
margin-right: 70px;
margin-left: inherit;
}
.rtl.app.sidenav-toggled .app-sidebar {
right: 0;
left: inherit;
}
}
@media (max-width: 991px) {
.rtl.app .app-sidebar {
right: -250px;
left: inherit;
}
.rtl.app.sidenav-toggled .app-content {
margin-right: 0;
margin-left: inherit;
}
.rtl.app.sidenav-toggled .app-sidebar {
right: 0;
left: inherit;
}
.rtl.app.sidebar-gone.sidenav-toggled .app-sidebar {
right: 0;
left: inherit;
}
.rtl.app.sidenav-toggled .side-menu .side-menu__icon {
margin-left: 13px !important;
margin-right: 0 !important;
}
}
.rtl .app-content {
transition: margin-right 0.2s ease;
}
.rtl .app-search {
margin-left: 15px;
margin-right: inherit;
}
.rtl .app-search__input {
padding-left: 30px;
padding-right: inherit;
}
.rtl .app-search__button {
left: 0;
right: inherit;
}
.rtl .app-notification__icon {
padding-left: 10px;
padding-right: inherit;
}
.rtl .app-sidebar {
right: 0;
left: inherit;
border-left: 1px solid #eff0f6;
border-right: inherit;
transition: right 0.3s ease, width 0.3s ease;
}
.rtl .app-sidebar__user-avatar {
margin-left: 15px;
margin-right: inherit;
}
.rtl .side-menu .slide .side-menu__item {
padding: 10px 22px 10px 20px;
}
.rtl .slide .angle {
transform: rotate(180deg);
}
.rtl .slide.is-expanded .angle {
transform: rotate(90deg) !important;
}
.rtl .slide .sub-angle {
transform: rotate(180deg);
}
.rtl .slide.is-expanded .sub-slide.is-expanded .sub-angle {
transform: rotate(90deg);
}
@media (min-width: 992px) {
.rtl.app.sidebar-mini.sidenav-toggled .profile-status {
left: 22px;
right: inherit;
}
.rtl.app.sidenav-toggled .side-menu__label {
right: 0;
left: inherit;
}
}
.rtl .sub-slide .sub-angle {
margin-right: auto;
margin-left: inherit;
float: left;
}
.rtl .slide.is-expanded .sub-side-menu__item:before {
margin-left: 8px;
margin-right: inherit;
}
.rtl .side-menu .side-menu__icon {
margin-left: 8px;
margin-right: -8px;
}
.rtl .app-sidebar .side-item.side-item-category {
padding: 0 25px 0 20px;
}
.rtl .slide-item {
padding: 8px 47px 8px 14px;
}
.rtl .slide-item .icon {
margin-left: 5px;
margin-right: inherit;
}
@media (min-width: 992px) {
.rtl.sidenav-toggled .profile-img {
left: 19px;
right: inherit;
}
.rtl.sidenav-toggled .app-content {
margin-right: 0;
margin-left: inherit;
}
.rtl.sidenav-toggled .side-menu__label {
right: 50px;
left: inherit;
margin-right: -3px;
margin-left: inherit;
border-top-left-radius: 4px;
border-top-right-radius: inherit;
border-bottom-left-radius: 4px;
border-bottom-right-radius: inherit;
}
.rtl.sidenav-toggled .slide .side-menu__label {
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl.sidenav-toggled .slide-menu {
right: 90px;
left: inherit;
border-bottom-left-radius: 4px;
border-bottom-right-radius: inherit;
}
.rtl.app.sidenav-toggled .side-menu__label {
right: 0;
left: inherit;
}
.rtl.app.sidenav-toggled .nav-badge {
left: 28px;
right: inherit;
}
}
.rtl .dropdown-menu.dropdown-menu-right {
right: auto;
left: inherit;
}
.rtl .app-breadcrumb {
text-align: right;
}
.rtl.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
right: 57px;
left: inherit;
}
.rtl .app-header .header-brand-img.desktop-logo {
margin-left: 0;
margin-right: inherit;
}
.rtl.sidenav-toggled .app-sidebar .app-header .header-brand-img.toggle-logo {
margin-left: 0;
margin-right: inherit;
}
.rtl .app-header {
transition: right 0.3s ease;
}
.rtl .side-menu h3:after {
right: 21px;
left: inherit;
}
.rtl .sub-slide-item {
padding: 8px 65px 8px 0 !important;
}
.rtl .sub-slide-menu {
padding-right: 0;
padding-left: inherit;
}
.rtl .sub-side-menu__item {
padding-right: 48px !important;
padding-left: 20px !important;
}
.rtl .app-sidebar .slide-menu a:before {
margin-left: 8px;
margin-right: inherit;
content: "\e046";
}
.rtl .sub-slide-menu1 .sub-slide-item2:before {
right: 35px !important;
left: inherit !important;
}
.rtl.sidenav-toggled .app-content {
transition: margin-right 0.3s ease;
}
@media (min-width: 992px) {
.rtl.app.sidebar-mini.sidenav-toggled-open .app-sidebar {
right: 0;
left: inherit;
}
.rtl.app.sidebar-mini.sidenav-toggled-open .side-menu .slide .side-menu__item {
padding: 10px 22px 10px 20px !important;
text-align: right;
}
.rtl.app.sidebar-mini.sidenav-toggled-open .side-menu .side-menu__icon {
margin-left: 12px;
margin-right: inherit;
}
.rtl.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .profile-status {
left: 97px;
right: inherit;
}
.rtl.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide-menu {
right: 0;
left: inherit;
}
}
@media only screen and (max-width: 991px) {
.rtl.app .desktop-logo {
margin-right: 0 !important;
margin-left: inherit !important;
}
.rtl.main-body.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-header form[role=search].active input {
padding-right: 250px;
padding-left: inherit;
}
.rtl.main-body.app.sidebar-mini.sidenav-toggled .app-header form[role=search].active input {
padding-right: 90px;
padding-left: inherit;
}
.rtl.main-body.app.sidebar-mini.sidebar-gone .app-header form[role=search].active input {
padding-right: 20px;
padding-left: inherit;
}
.rtl.main-body.app.sidebar-mini .app-header form[role=search].active input {
padding-right: 250px;
padding-left: inherit;
}
}
.rtl .sub-slide-menu-sub .sub-slide-item {
padding-right: 55px !important;
padding-left: inherit !important;
}
.rtl .app-sidebar .slide-menu .sub-slide-menu .sub-slide-menu-sub a:before {
right: 35px;
left: inherit;
}
.rtl .sub-slide-menu1 .sub-slide-item2 {
padding: 6px 48px 6px 0 !important;
}
.rtl .sub-slide-menu1 {
padding-right: 0;
padding-left: inherit;
}
@media (min-width: 992px) {
.rtl.closed-menu.app.sidenav-toggled .app-content {
margin-right: 0px !important;
margin-left: inherit !important;
}
.rtl.closed-menu.app.sidenav-toggled .app-header {
padding-right: 0px !important;
padding-left: inherit !important;
}
}
@media (min-width: 992px) {
.rtl.icontext-menu.app.sidenav-toggled .app-header {
padding-right: 90px !important;
padding-left: inherit !important;
}
.rtl.icontext-menu.app.sidenav-toggled .app-content {
margin-right: 90px;
margin-left: inherit;
}
}
@media (min-width: 992px) {
.rtl.hover-submenu.sidenav-toggled-open .slide-menu {
border-radius: 7px 0px 0 7px !important;
}
.rtl.hover-submenu.sidenav-toggled-open .sub-slide-item {
padding: 8px 30px 8px 0 !important;
}
.rtl.hover-submenu .slide-menu {
border-radius: 7px 0px 0 7px;
}
.rtl.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
right: 90px;
left: inherit;
}
.rtl.hover-submenu.app.sidenav-toggled-open .slide-menu {
right: 90px;
left: inherit;
}
.rtl.hover-submenu.app.sidenav-toggled-open .side-menu__label {
right: 0;
left: inherit;
}
.rtl.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
border-left: 0 !important;
border-right: inherit !important;
}
.rtl.hover-submenu.app.sidenav-toggled .app-header {
padding-right: 90px;
padding-left: inherit;
}
.rtl.hover-submenu.app.sidenav-toggled .app-content {
margin-right: 90px;
margin-left: inherit;
}
.rtl.hover-submenu.app.sidenav-toggled .app-sidebar {
right: 0;
left: inherit;
}
}
.rtl.hover-submenu .sub-slide-menu .sub-side-menu__item:before {
right: 25px !important;
left: inherit !important;
}
@media (min-width: 992px) {
.rtl.hover-submenu.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .profile-status {
left: 22px;
right: inherit;
}
}
@media (min-width: 992px) {
.rtl.hover-submenu1.sidenav-toggled-open .sub-slide-item {
padding: 8px 30px 8px 0 !important;
}
.rtl.hover-submenu1 .slide-menu {
border-radius: 7px 0px 0 7px !important;
}
.rtl.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {
right: 90px;
left: inherit;
}
.rtl.hover-submenu1.app.sidenav-toggled-open .slide-menu {
right: 90px;
left: inherit;
}
.rtl.hover-submenu1.app.sidenav-toggled-open .side-menu__label {
right: 0;
left: inherit;
}
.rtl.hover-submenu1.app.sidenav-toggled-open .side-menu .slide .side-menu__item.active {
border-left: 0 !important;
border-right: inherit !important;
}
.rtl.hover-submenu1.app.sidenav-toggled .app-header {
padding-right: 90px;
padding-left: inherit;
}
.rtl.hover-submenu1.app.sidenav-toggled .app-content {
margin-right: 90px;
margin-left: inherit;
}
.rtl.hover-submenu1.app.sidenav-toggled .app-sidebar {
right: 0;
left: inherit;
}
}
.rtl.hover-submenu1 .sub-slide-menu .sub-side-menu__item:before {
right: 25px !important;
left: inherit !important;
}
@media (min-width: 992px) {
.rtl.hover-submenu1.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .profile-status {
left: 22px;
right: inherit;
}
}
.rtl .main-sidebar-header {
border-left: 1px solid #eff0f6;
border-right: inherit;
transition: right 0.3s ease, width 0.3s ease;
}
@media (min-width: 992px) {
.rtl .main-content {
margin-right: 250px;
margin-left: inherit;
}
}
.rtl .app-sidebar-help {
border-left: 1px solid #eff0f6;
border-right: inherit;
}
.rtl .app-sidebar .dropdown-menu-arrow.dropdown-menu-end::before,
.rtl .app-sidebar .dropdown-menu-arrow.dropdown-menu-end::after {
left: auto;
right: 12px;
}
@media (min-width: 992px) {
.rtl.app.sidenav-toggled .app-header {
padding-right: 70px;
padding-left: inherit;
}
}
.rtl .app-header {
transition: padding-right 0.2s ease;
}
.rtl .app-header .header-brand .header-brand-img {
margin-left: 0;
margin-right: inherit;
}
.rtl .header-brand-img {
margin-left: 0;
margin-right: inherit;
}
.rtl .nav-link.icon .nav-span {
margin-right: 0.5rem;
margin-left: inherit;
}
.rtl .header .form-inline .form-control {
padding-right: 20px;
padding-left: 40px;
}
.rtl .header .form-inline .btn {
border-bottom-left-radius: 3px;
border-bottom-right-radius: inherit;
border-top-left-radius: 3px;
border-top-right-radius: inherit;
margin-right: -56px;
margin-left: inherit;
left: 0;
right: auto;
}
@media (max-width: 991px) and (min-width: 576px) {
.rtl .search-element .form-control {
float: right;
}
.rtl .animated-arrow.hor-toggle span {
margin-right: 8px;
margin-left: inherit;
}
}
@media (min-width: 992px) {
.rtl .header.top-header {
padding-right: 250px;
padding-left: inherit;
}
}
@media (max-width: 575.98px) {
.rtl .header .form-inline .search-element .form-control {
float: right;
}
.rtl .animated-arrow.hor-toggle span {
margin-right: 8px;
margin-left: inherit;
}
}
@media (min-width: 992px) {
.rtl.horizontal .hor-header .header-brand {
margin: 0 0 0 1rem;
}
.rtl.horizontal .sub-side-menu__item {
padding: 8px 25px 8px 35px !important;
}
.rtl.horizontal .slide.is-expanded .sub-slide-item2:before {
right: 20px !important;
left: inherit !important;
}
.rtl.horizontal .sub-slide-menu .sub-slide-item2 {
padding: 8px 35px 8px 20px !important;
}
.rtl.horizontal .sub-slide .sub-angle {
left: -20px;
right: auto;
margin-left: 0 !important;
margin-right: inherit !important;
}
.rtl.horizontal .main-content {
margin-right: 0px !important;
margin-left: inherit !important;
}
.rtl.horizontal .main-sidemenu .slide-right {
left: 0;
right: inherit;
}
.rtl.horizontal .main-sidemenu .slide-left {
right: 0;
left: inherit;
}
.rtl.horizontal .hor-header {
padding-right: 0;
padding-left: inherit;
}
}
@media (max-width: 991.98px) {
.rtl.horizontal .main-content {
transition: margin-right 0.2s ease;
}
}
@media (min-width: 992px) {
.rtl.horizontal-hover.horizontal .app-sidebar .slide-menu .sub-slide-menu1 a:before {
right: 20px !important;
left: inherit !important;
}
.rtl.horizontal-hover.horizontal .sub-slide-menu .sub-side-menu__item:before {
right: 20px !important;
left: inherit !important;
}
}
@media (min-width: 1400px) {
.rtl.layout-boxed .app-sidebar {
right: auto !important;
left: inherit !important;
}
.rtl.layout-boxed .main-content-left-chat .main-nav-line-chat .nav-link+.nav-link {
margin-right: 0;
margin-left: inherit;
}
}
.rtl .demo-gallery>ul>li {
float: right;
}
.rtl .demo-gallery>ul>li a {
float: right;
}
.rtl .demo-gallery>ul>li a .demo-gallery-poster>img {
right: 50%;
left: inherit;
margin-right: -10px;
margin-left: inherit;
}
.rtl .demo-gallery .justified-gallery>a .demo-gallery-poster>img {
right: 50%;
left: inherit;
margin-right: -10px;
margin-left: inherit;
}
.rtl .demo-gallery .video .demo-gallery-poster img {
margin-right: -24px;
margin-left: inherit;
}
.rtl .gallery-list>li {
float: right;
}
.rtl .col-sm-4 .pricing-table .table td {
text-align: right;
}
@media (min-width: 992px) {
.rtl .panel.price.active {
margin-right: -20px;
margin-left: inherit;
border-left-color: 1px !important;
border-right: inherit !important;
}
.rtl .no-gutters .panel.price {
border-left: 0;
border-right: inherit;
}
.rtl .no-gutters .panel.price:last-child {
border-left: 1px;
border-right: inherit;
}
}
.rtl .pricing-tabs .pri-tabs-heading3 ul.nav-price li:first-child a {
border-radius: 0 50px 50px 0;
border-right: 0;
border-left: inherit;
}
.rtl .pricing-tabs .pri-tabs-heading3 ul.nav-price li:last-child a {
border-radius: 50px 0 0 50px;
}
.rtl .pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
border-right: 1px solid #eff0f6;
border-left: inherit;
}
.rtl .profile-cover .cover .inner-cover .cover-menu-mobile {
left: 10px;
right: inherit;
}
.rtl .profile-cover .cover ul.cover-menu {
padding-right: 150px;
padding-left: inherit;
right: 1px;
left: inherit;
float: right;
}
.rtl .profile-cover .cover ul.cover-menu li {
float: right;
margin-left: 0px;
margin-right: inherit;
}
.rtl .tags .tag-files span {
margin-left: 104px;
margin-right: inherit;
right: 51px;
left: inherit;
}
.rtl .image-pic {
padding: 20px 20px 20px 0px;
}
.rtl .file-image-1 .icons {
left: 7px;
right: inherit;
text-align: left;
}
.rtl #checkoutsteps .item .purchase {
margin-right: 21px;
margin-left: inherit;
}
.rtl #checkoutsteps .total {
float: left;
}
@media (max-width: 400px) {
.rtl #checkoutsteps .item .purchase {
margin-right: 0;
margin-left: inherit;
}
.rtl #wizard3.wizard.vertical>.steps ul li+li {
margin-right: 0;
margin-left: inherit;
}
}
.rtl {
/* Larger Screen Styling */
/* Button Colours */
/* Colored buttons based on file extension for non-images. */
/* Common Loader */
/* Accessibility */
/** responsive **/
/* notifit confirm */
}
.rtl .accordionjs .acc_section .acc_head h3 {
padding-right: 30px;
padding-left: inherit;
}
.rtl .accordionjs .acc_section.acc_active .acc_head h3:before {
right: 17px;
left: inherit;
}
.rtl .accordionjs .acc_section .acc_head h3:before {
right: 17px;
left: inherit;
}
.rtl .daterangepicker {
right: 20px;
left: inherit;
}
.rtl .daterangepicker.opensleft:before {
left: 9px;
right: inherit;
}
.rtl .daterangepicker.opensleft:after {
left: 10px;
right: inherit;
}
.rtl .daterangepicker.opensright:before {
right: 9px;
left: inherit;
}
.rtl .daterangepicker.opensright:after {
right: 10px;
left: inherit;
}
.rtl .daterangepicker .drp-calendar.left {
padding: 8px 8px 8px 0;
}
.rtl .daterangepicker .calendar-table .next span,
.rtl .daterangepicker .calendar-table .prev span {
border-width: 0 0 2px 2px;
}
.rtl .daterangepicker .calendar-table .next span {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.rtl .daterangepicker .calendar-table .prev span {
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.rtl .daterangepicker td.start-date {
border-radius: 0 4px 4px 0;
}
.rtl .daterangepicker td.end-date {
border-radius: 4px 0 0 4px;
}
.rtl .daterangepicker select.monthselect {
margin-left: 2%;
margin-right: inherit;
}
.rtl .daterangepicker .drp-buttons {
text-align: left;
}
.rtl .daterangepicker .drp-selected {
padding-left: 8px;
padding-right: inherit;
}
.rtl .daterangepicker .drp-buttons .btn {
margin-right: 8px;
margin-left: inherit;
}
.rtl .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-left: 1px solid #ddd;
border-right: inherit;
}
.rtl .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-right: 1px solid #ddd;
border-left: inherit;
}
.rtl .daterangepicker.show-ranges.rtl .drp-calendar.right {
border-left: 1px solid #ddd;
border-right: inherit;
}
.rtl .daterangepicker.show-ranges.ltr .drp-calendar.left {
border-right: 1px solid #ddd;
border-left: inherit;
}
.rtl .daterangepicker .ranges {
text-align: right;
}
@media (min-width: 564px) {
.rtl .daterangepicker {
left: 20px !important;
right: inherit !important;
direction: rtl;
text-align: right;
}
.rtl .daterangepicker.single .ranges,
.rtl .daterangepicker.single .drp-calendar {
float: right;
}
.rtl .daterangepicker .drp-calendar.left .calendar-table {
border-left: none;
border-right: initial;
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .daterangepicker .drp-calendar.right {
margin-right: 0;
margin-left: inherit;
}
.rtl .daterangepicker .drp-calendar.right .calendar-table {
border-right: none;
border-left: inherit;
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .daterangepicker .drp-calendar.left .calendar-table {
padding-left: 8px;
padding-right: inherit;
}
.rtl .daterangepicker .ranges,
.rtl .daterangepicker .drp-calendar {
float: right;
}
}
@media (min-width: 730px) {
.rtl .daterangepicker .ranges {
float: right;
}
.rtl .daterangepicker.rtl .ranges {
float: left;
}
}
.rtl .c3-tooltip th {
text-align: right;
}
.rtl .c3-tooltip td>span {
margin-left: 8px;
margin-right: inherit;
}
.rtl .c3-tooltip td.value {
text-align: left;
}
.rtl .cookie-popup {
right: 0;
left: inherit;
}
.rtl .cookie-popup-right {
text-align: left;
}
.rtl .cookie-popup-learn-more {
margin-right: 5px;
margin-left: inherit;
}
.rtl .cookie-popup.position-bottomright {
left: 10px;
right: inherit;
}
.rtl .cookie-popup.position-bottomleft {
right: 10px;
left: inherit;
}
.rtl .cookie-popup.position-topright {
left: 10px;
right: inherit;
}
.rtl .cookie-popup.position-topleft {
right: 10px;
left: inherit;
}
@media (max-width: 480px) {
.rtl .cookie-popup-right {
text-align: right;
}
}
.rtl .content .button {
margin: 10px 0 0 10px;
float: right;
}
.rtl .button-group.option-buttons.custom-text div {
float: right;
}
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
padding-right: 30px;
padding-left: inherit;
}
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
padding-right: 30px;
padding-left: inherit;
}
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.rtl table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
right: 5px;
left: inherit;
}
.rtl table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,
.rtl table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control {
padding-right: 27px;
padding-left: inherit;
}
.rtl table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,
.rtl table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before {
right: 4px;
left: inherit;
}
.rtl table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
.rtl table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
.rtl table.dataTable.dtr-column>tbody>tr>td.control:before,
.rtl table.dataTable.dtr-column>tbody>tr>th.control:before {
right: 50%;
left: inherit;
margin-right: -0.5em;
margin-left: inherit;
}
.rtl div.dtr-modal {
right: 0;
left: inherit;
}
.rtl div.dtr-modal div.dtr-modal-close {
left: 6px;
right: inherit;
}
.rtl div.dt-button-info {
right: 50%;
left: inherit;
margin-right: -200px;
margin-left: inherit;
}
.rtl div.dt-button-collection.fixed {
right: 50%;
left: inherit;
margin-right: -75px;
margin-left: inherit;
}
.rtl div.dt-button-collection.fixed.two-column {
margin-right: -200px;
margin-left: inherit;
}
.rtl div.dt-button-collection.fixed.three-column {
margin-right: -225px;
margin-left: inherit;
}
.rtl div.dt-button-collection.fixed.four-column {
margin-right: -300px;
margin-left: inherit;
}
.rtl div.dt-button-background {
right: 0;
left: inherit;
}
.rtl div.dt-buttons button.btn.processing:after,
.rtl div.dt-buttons div.btn.processing:after,
.rtl div.dt-buttons a.btn.processing:after {
right: 50%;
left: inherit;
margin: -8px -8px 0 0;
}
.rtl div.dataTables_wrapper div.dataTables_length label {
text-align: right;
}
.rtl div.dataTables_wrapper div.dataTables_filter {
text-align: left;
}
.rtl div.dataTables_wrapper div.dataTables_filter label {
text-align: right;
}
.rtl div.dataTables_wrapper div.dataTables_filter input {
margin-right: 0.5em;
margin-left: inherit;
}
.rtl div.dataTables_wrapper div.dataTables_paginate {
text-align: left;
}
.rtl div.dataTables_wrapper div.dataTables_processing {
right: 50%;
left: inherit;
margin-right: -100px;
margin-left: inherit;
}
.rtl table.dataTable>thead>tr>th:not(.sorting_disabled),
.rtl table.dataTable>thead>tr>td:not(.sorting_disabled) {
padding-left: 30px;
padding-right: 0.75rem;
}
.rtl table.dataTable>thead .sorting:before,
.rtl table.dataTable>thead .sorting_asc:before,
.rtl table.dataTable>thead .sorting_desc:before,
.rtl table.dataTable>thead .sorting_asc_disabled:before,
.rtl table.dataTable>thead .sorting_desc_disabled:before {
left: 1em;
right: inherit;
}
.rtl table.dataTable>thead .sorting:after,
.rtl table.dataTable>thead .sorting_asc:after,
.rtl table.dataTable>thead .sorting_desc:after,
.rtl table.dataTable>thead .sorting_asc_disabled:after,
.rtl table.dataTable>thead .sorting_desc_disabled:after {
left: 0.5em;
right: inherit;
}
.rtl table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) {
padding-left: 20px;
padding-right: inherit;
}
.rtl table.dataTable.table-sm .sorting:before,
.rtl table.dataTable.table-sm .sorting_asc:before,
.rtl table.dataTable.table-sm .sorting_desc:before {
left: 0.85em;
right: inherit;
}
.rtl table.table-bordered.dataTable {
border-left-width: 0;
border-right-width: inherit;
}
.rtl table.table-bordered.dataTable th,
.rtl table.table-bordered.dataTable td {
border-right-width: 1px;
border-left-width: inherit;
}
.rtl table.table-bordered.dataTable th:first-child,
.rtl table.table-bordered.dataTable td:first-child {
border-right-width: 0;
border-left-width: inherit;
}
.rtl table.table-bordered.dataTable th:last-child,
.rtl table.table-bordered.dataTable td:last-child {
border-left-width: 1px;
border-right-width: 1px;
}
.rtl div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
padding-right: 0;
padding-left: inherit;
}
.rtl div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
padding-left: 0;
padding-right: inherit;
}
.rtl .ff_fileupload_wrap .ff_fileupload_dropzone_tools {
left: 10px;
right: inherit;
}
.rtl .ff_fileupload_wrap .ff_fileupload_recordvideo_preview {
left: 60px;
right: inherit;
}
.rtl .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button.ff_fileupload_start_upload {
margin-left: 0.5em;
margin-right: inherit;
}
.rtl .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
text-align: left;
}
@media (max-width: 420px) {
.rtl .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
padding-left: 0;
padding-right: inherit;
}
}
.rtl .ff_fileupload_dialog_background {
right: 0;
left: inherit;
}
.rtl .ff_fileupload_dialog_main {
right: 10%;
left: inherit;
}
.rtl .dropify-wrapper .dropify-clear {
left: 10px;
right: inherit;
}
.rtl .dropify-wrapper .dropify-preview .dropify-render i {
right: 50%;
left: inherit;
}
.rtl .dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
right: 50%;
left: inherit;
}
.rtl .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
right: 50%;
left: inherit;
}
.rtl .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {
right: 0;
left: inherit;
}
.rtl .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
padding: 5px 0 5px 90px;
}
.rtl .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {
text-align: right;
}
.rtl .dropify-wrapper .dropify-loader {
left: 15px;
right: inherit;
}
.rtl .dropify-wrapper .dropify-errors-container {
text-align: right;
}
.rtl .dropify-wrapper .dropify-errors-container ul {
right: 0;
left: inherit;
}
.rtl .dropify-wrapper .dropify-errors-container ul li {
margin-right: 20px;
margin-left: inherit;
}
.rtl .dropify-wrapper~.dropify-errors-container ul li {
margin-right: 20px;
margin-left: inherit;
}
.rtl .sw-main .sw-toolbar {
margin-right: 0;
margin-left: inherit;
}
.rtl .sw-theme-default .step-content {
text-align: right;
}
.rtl .sw-theme-default>ul.step-anchor>li {
margin-left: 2px;
margin-right: inherit;
}
.rtl .sw-theme-default>ul.step-anchor>li>a::after {
right: 0;
left: inherit;
}
.rtl .sw-theme-default>ul.step-anchor>li.danger>a::after {
border-right-color: #f8d7da;
border-left-color: inherit;
}
.rtl .sw-loading::after {
right: 0;
left: inherit;
}
.rtl .sw-loading::before {
right: 50%;
left: inherit;
margin-right: -40px;
margin-left: inherit;
}
.rtl .sw-theme-dots .step-content {
text-align: right;
}
.rtl .sw-theme-dots>ul.step-anchor:before {
right: 20px;
left: inherit;
}
.rtl .sw-theme-dots>ul.step-anchor>li>a:before {
right: 37%;
left: inherit;
}
.rtl .sw-theme-dots>ul.step-anchor>li>a:after {
right: 38%;
left: inherit;
}
@media screen and (max-width: 480px) {
.rtl .sw-theme-dots>ul.step-anchor:before {
right: 19px;
left: inherit;
margin-left: 10px;
margin-right: auto;
}
.rtl .sw-theme-dots>ul.step-anchor>li {
margin-right: 20px;
margin-left: inherit;
}
.rtl .sw-theme-dots>ul.step-anchor>li>a {
text-align: right;
margin-right: 0;
margin-left: inherit;
}
.rtl .sw-theme-dots>ul.step-anchor>li>a:before {
right: -14px;
left: inherit;
margin-left: 10px;
margin-right: inherit;
}
.rtl .sw-theme-dots>ul.step-anchor>li>a:after {
right: -33px;
left: inherit;
margin-left: 10px;
margin-right: inherit;
}
}
.rtl .fc {
direction: rtl;
text-align: right;
}
.rtl .fc .fc-button-group>* {
float: right;
margin: 0 -1px 0 0;
}
.rtl .fc .fc-button-group> :first-child {
margin-right: 0;
margin-left: inherit;
}
.rtl .fc-ltr .fc-popover .fc-header .fc-title,
.rtl .fc-rtl .fc-popover .fc-header .fc-close {
float: right;
}
.rtl .fc-ltr .fc-popover .fc-header .fc-close,
.rtl .fc-rtl .fc-popover .fc-header .fc-title {
float: right;
}
.rtl .fc-event.fc-selected .fc-resizer:before {
right: 50%;
left: inherit;
margin-right: -20px;
margin-left: inherit;
}
.rtl .fc-ltr .fc-h-event.fc-not-start,
.rtl .fc-rtl .fc-h-event.fc-not-end {
margin-right: 0;
margin-left: 2px;
border-right-width: 0;
border-left-width: inherit;
padding-right: 1px;
padding-left: 8px;
border-top-right-radius: 0;
border-top-left-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: inherit;
}
.rtl .fc-ltr .fc-h-event.fc-not-end,
.rtl .fc-rtl .fc-h-event.fc-not-start {
margin-left: 0;
margin-right: inherit;
border-left-width: 0;
border-right-width: inherit;
padding-left: 1px;
padding-right: inherit;
border-top-left-radius: 0;
border-top-right-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: inherit;
}
.rtl .fc-ltr .fc-h-event .fc-start-resizer,
.rtl .fc-rtl .fc-h-event .fc-end-resizer {
right: -1px;
left: inherit;
}
.rtl .fc-ltr .fc-h-event .fc-end-resizer,
.rtl .fc-rtl .fc-h-event .fc-start-resizer {
left: -1px;
right: inherit;
}
.rtl .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.rtl .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
margin-right: -4px;
margin-left: inherit;
}
.rtl .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.rtl .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
margin-left: -4px;
margin-right: inherit;
}
.rtl .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.rtl .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
margin-right: -2px;
margin-left: inherit;
}
.rtl .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.rtl .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
margin-left: -2px;
margin-right: inherit;
}
.rtl .fc-day-header {
text-align: right !important;
}
.rtl .fc-toolbar .fc-left {
float: right;
}
.rtl .fc-toolbar .fc-right {
float: left;
}
.rtl .fc .fc-button .fc-icon {
transform: rotate(180deg);
}
.rtl .fc .fc-toolbar>*> :first-child {
margin-right: 0;
margin-left: inherit;
}
.rtl .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
float: right;
}
.rtl .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
float: right;
}
.rtl .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
float: right;
}
.rtl .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
float: left;
}
.rtl .fc-ltr .fc-axis {
text-align: left;
}
.rtl .fc-rtl .fc-axis {
text-align: right;
}
.rtl .fc-ltr .fc-time-grid .fc-event-container {
margin: 0 2px 0 2.5%;
}
.rtl .fc-rtl .fc-time-grid .fc-event-container {
margin: 0 2.5% 0 2px;
}
.rtl .fc-time-grid-event.fc-selected .fc-resizer {
right: 50%;
left: inherit;
margin-right: -5px;
margin-left: inherit;
}
.rtl .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
right: 0;
left: inherit;
border-width: 5px 6px 5px 0;
}
.rtl .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
left: 0;
right: inherit;
border-width: 5px 0 5px 6px;
}
.rtl .fc-ltr .fc-list-heading-main {
float: right;
}
.rtl .fc-ltr .fc-list-heading-alt {
float: left;
}
.rtl .fc-rtl .fc-list-heading-main {
float: left;
}
.rtl .fc-rtl .fc-list-heading-alt {
float: right;
}
.rtl .fc-ltr .fc-list-item-marker {
padding-left: 0;
padding-right: inherit;
}
.rtl .fc-rtl .fc-list-item-marker {
padding-right: 0;
padding-left: inherit;
}
.rtl .twentytwenty-vertical .twentytwenty-before-label:before,
.rtl .twentytwenty-vertical .twentytwenty-after-label:before {
right: 50%;
left: inherit;
margin-right: -45px;
margin-left: inherit;
}
.rtl .twentytwenty-horizontal .twentytwenty-before-label:before {
right: 10px;
left: inherit;
}
.rtl .twentytwenty-horizontal .twentytwenty-after-label:before {
left: 10px;
right: inherit;
}
.rtl .iti input {
padding-left: 36px;
padding-right: inherit;
margin-left: 0;
margin-right: inherit;
}
.rtl .iti input[type=text],
.rtl .iti input[type=tel] {
padding-left: 36px;
padding-right: inherit;
margin-left: 0;
margin-right: inherit;
}
.rtl .iti__flag-container {
left: 0;
right: inherit;
}
.rtl .iti__selected-flag {
padding: 0 8px 0 6px;
}
.rtl .iti__arrow {
margin-right: 6px;
margin-left: inherit;
}
.rtl .iti__country-list {
text-align: right;
margin: 0 -1px 0 0;
}
.rtl .iti__flag-box,
.rtl .iti__country-name {
margin-left: 6px;
margin-right: inherit;
}
.rtl .iti--allow-dropdown input {
padding-left: 6px;
padding-right: 52px;
margin-right: 0;
margin-left: inherit;
}
.rtl .iti--allow-dropdown input[type=text],
.rtl .iti--allow-dropdown input[type=tel] {
padding-left: 6px;
padding-right: 52px;
margin-right: 0;
margin-left: inherit;
}
.rtl .iti--separate-dial-code input {
padding-left: 6px;
padding-right: 52px;
margin-right: 0;
margin-left: inherit;
}
.rtl .iti--separate-dial-code input[type=text],
.rtl .iti--separate-dial-code input[type=tel] {
padding-left: 6px;
padding-right: 52px;
margin-right: 0;
margin-left: inherit;
}
.rtl .iti--allow-dropdown .iti__flag-container,
.rtl .iti--separate-dial-code .iti__flag-container {
left: auto;
right: 0;
}
.rtl .iti--separate-dial-code .iti__selected-dial-code {
margin-right: 6px;
margin-left: inherit;
}
.rtl .iti--container {
right: -1000px;
left: inherit;
}
.rtl .wizard>.steps .current-info,
.rtl .tabcontrol>.steps .current-info,
.rtl .wizard>.content>.title,
.rtl .tabcontrol>.content>.title {
right: -999em;
left: inherit;
}
.rtl .tabcontrol>.steps>ul>li {
float: right;
margin: 5px 0 0 2px;
}
.rtl .tabcontrol>.content>.body {
float: right;
}
.rtl .checkbox-group label {
padding-right: 25px;
padding-left: inherit;
}
.rtl .checkbox-group+.checkbox-group label {
margin-right: 15px;
margin-left: inherit;
}
.rtl .radio-group label:before {
right: 0;
left: inherit;
}
.rtl .checkbox-group label:before {
right: 0;
left: inherit;
}
.rtl .multi-select-active:after {
margin-right: 64%;
margin-left: inherit;
}
.rtl .icon-single-add,
.rtl .icon-double-add {
margin-right: -30px;
margin-left: inherit;
}
.rtl .transfer-double {
right: 30%;
left: inherit;
}
.rtl .transfer-double-content-left {
float: right;
}
.rtl .transfer-double-content-middle {
float: right;
}
.rtl .transfer-double-list-search-input {
padding: 5px 8px 4px 0;
}
.rtl .transfer-double-list-main .transfer-double-list-ul {
padding-right: 7px;
padding-left: inherit;
}
.rtl .transfer-double-list-main .transfer-double-list-ul .transfer-double-list-li input {
margin-left: 10px;
margin-right: inherit;
}
.rtl .transfer-double-list-main .transfer-double-group-list-ul {
padding-right: 7px;
padding-left: inherit;
}
.rtl .transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
padding-right: 20px;
padding-left: inherit;
}
.rtl .transfer-double-selected-list-search-input {
padding: 5px 8px 4px 0;
}
.rtl .transfer-double-selected-list-main .transfer-double-selected-list-ul {
padding-right: 7px;
padding-left: inherit;
}
.rtl .transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li input[type=checkbox] {
margin-left: 10px;
margin-right: inherit;
}
.rtl .transfer-double-list-footer {
padding-right: 0;
padding-left: inherit;
}
.rtl .transfer-double-list-footer span {
margin-right: 20px;
margin-left: inherit;
}
.rtl .transfer-double-list-footer input {
margin-right: 75px;
margin-left: inherit;
}
.rtl .transfer-double-list-footer .btn-setting {
margin-right: 5px;
margin-left: inherit;
}
.rtl .transfer-double-list-footer label {
margin-right: 10px;
margin-left: inherit;
}
.rtl .transfer-double-footer {
text-align: left;
}
@media (max-width: 480px) {
.rtl .transfer-double-content-middle {
margin: 15px 40% 15px 15px;
}
}
@media (min-width: 481px) and (max-width: 992px) {
.rtl .transfer-double-content-middle {
margin: 15px 40% 15px 15px;
}
.rtl .transfer {
padding-left: 0 !important;
padding-right: inherit !important;
}
}
.rtl .jqvmap-zoomin,
.rtl .jqvmap-zoomout {
right: 10px;
left: inherit;
}
.rtl .jvectormap-zoomin,
.rtl .jvectormap-zoomout,
.rtl .jvectormap-goback {
right: 10px;
left: inherit;
}
.rtl .jvectormap-legend-cnt-h {
left: 0;
right: inherit;
}
.rtl .jvectormap-legend-cnt-v {
left: 0;
right: inherit;
}
.rtl .jvectormap-legend-cnt-h .jvectormap-legend {
float: right;
margin: 0 0 10px 10px;
}
.rtl .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: right;
}
.rtl .jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 0 0 10px;
}
.rtl .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
padding-right: 3px;
padding-left: inherit;
}
.rtl .leaflet-pane>svg,
.rtl .leaflet-pane>canvas {
right: 0;
left: inherit;
}
.rtl .leaflet-zoom-box,
.rtl .leaflet-image-layer,
.rtl .leaflet-layer {
right: 0;
left: inherit;
}
.rtl .leaflet-right {
left: 0;
right: inherit;
}
.rtl .leaflet-left {
right: 0;
left: inherit;
}
.rtl .leaflet-control {
float: right;
}
.rtl .leaflet-right .leaflet-control {
float: left;
}
.rtl .leaflet-left .leaflet-control {
margin-right: 10px;
margin-left: inherit;
}
.rtl .leaflet-right .leaflet-control {
margin-left: 10px;
margin-right: inherit;
}
.rtl .leaflet-control-layers-scrollbar {
padding-left: 5px;
padding-right: inherit;
}
.rtl .leaflet-control-layers-separator {
margin: 5px -6px 5px -10px;
}
.rtl .leaflet-left .leaflet-control-scale {
margin-right: 5px;
margin-left: inherit;
}
.rtl .leaflet-popup-content-wrapper {
text-align: right;
}
.rtl .leaflet-popup-tip-container {
right: 50%;
left: inherit;
margin-right: -20px;
margin-left: inherit;
}
.rtl .leaflet-container a.leaflet-popup-close-button {
left: 0;
right: inherit;
padding: 4px 0 0 4px;
}
.rtl .leaflet-tooltip-bottom:before {
right: 50%;
left: inherit;
margin-right: -6px;
margin-left: inherit;
}
.rtl .leaflet-tooltip-top:before {
right: 50%;
left: inherit;
margin-right: -6px;
margin-left: inherit;
}
.rtl .leaflet-tooltip-bottom:before {
margin-right: -6px;
margin-left: inherit;
}
.rtl .leaflet-tooltip-left {
margin-right: -6px;
margin-left: inherit;
}
.rtl .leaflet-tooltip-right {
margin-right: 6px;
margin-left: inherit;
}
.rtl .leaflet-tooltip-left:before {
left: 0;
right: inherit;
margin-left: -12px;
margin-right: inherit;
border-right-color: #fff;
border-left-color: inherit;
}
.rtl .leaflet-tooltip-right:before {
right: 0;
left: inherit;
margin-right: -12px;
margin-left: inherit;
border-left-color: #fff;
border-right-color: inherit;
}
.rtl .lg-actions .lg-next {
left: 20px;
right: inherit;
}
.rtl .lg-actions .lg-prev {
right: 20px;
left: inherit;
}
@keyframes lg-right-end {
0% {
right: 0;
left: inherit;
}
50% {
right: -30px;
left: inherit;
}
100% {
right: 0;
left: inherit;
}
}
@keyframes lg-left-end {
0% {
right: 0;
left: inherit;
}
50% {
right: 30px;
left: inherit;
}
100% {
right: 0;
left: inherit;
}
}
.rtl .lg-toolbar {
right: 0;
left: inherit;
}
.rtl .lg-toolbar .lg-icon {
float: left;
}
.rtl #lg-counter {
padding-right: 20px;
padding-left: inherit;
}
.rtl .lg-outer .lg-thumb-item {
float: right;
}
.rtl .lg-outer .lg-toggle-thumb {
border-radius: 2px 0 2px;
left: 20px;
right: inherit;
}
.rtl .lg-outer .lg-video .lg-object {
right: 0;
left: inherit;
}
.rtl .lg-outer .lg-video .lg-video-play {
right: 50%;
left: inherit;
margin-right: -42px;
margin-left: inherit;
}
.rtl .lg-outer .lg-video-object {
right: 0;
left: inherit;
}
.rtl .lg-progress-bar {
right: 0;
left: inherit;
}
.rtl .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: right 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.rtl .lg-outer .lg-pager-thumb-cont {
right: 0;
left: inherit;
margin-right: -60px;
margin-left: inherit;
}
.rtl .lg-outer .lg-caret {
right: 50%;
left: inherit;
margin-right: -5px;
margin-left: inherit;
}
.rtl .lg-outer .lg-dropdown {
left: 0;
right: inherit;
text-align: right;
}
.rtl .lg-outer .lg-dropdown:after {
left: 16px;
right: inherit;
}
.rtl .lg-outer .lg-dropdown .lg-icon {
margin-left: 8px;
margin-right: inherit;
}
.rtl .lg-outer {
right: 0;
left: inherit;
}
.rtl .lg-outer .lg-inner {
right: 0;
left: inherit;
}
.rtl .lg-outer .lg-item:before {
margin-left: -1px;
margin-right: inherit;
}
.rtl .lg-outer .lg-img-wrap:before {
margin-left: -1px;
margin-right: inherit;
}
.rtl .lg-css3.lg-slide.lg-use-left .lg-item {
right: 0;
left: inherit;
}
.rtl .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
right: -100%;
left: inherit;
}
.rtl .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
right: 100%;
left: inherit;
}
.rtl .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
right: 0;
left: inherit;
}
.rtl .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.rtl .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.rtl .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
transition: right 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.rtl .lSSlideWrapper .lSFade>* {
right: 0;
left: inherit;
margin-left: 0;
margin-right: inherit;
}
.rtl .lSSlideOuter .lSPager.lSGallery {
padding-right: 0;
padding-left: inherit;
}
.rtl .lSAction>.lSPrev {
right: 10px;
left: inherit;
}
.rtl .lSAction>.lSNext {
left: 10px;
right: inherit;
}
.rtl .lSSlideOuter.vertical.noPager {
padding-left: 0 !important;
padding-right: inherit !important;
}
.rtl .lSSlideOuter.vertical .lSGallery {
left: 0;
right: inherit;
}
.rtl .lSSlideOuter.vertical .lSAction>a {
right: 50%;
left: inherit;
margin-right: -14px;
margin-left: inherit;
}
.rtl .lSSlideOuter .lSPager,
.rtl .lSSlideOuter .lightSlider {
padding-right: 0;
padding-left: inherit;
}
.rtl .lSSlideOuter.lSrtl .lSPager,
.rtl .lSSlideOuter.lSrtl .lightSlider {
padding-left: 0;
padding-right: inherit;
}
.rtl .lSSlideOuter .lSGallery li,
.rtl .lSSlideOuter .lightSlider>* {
float: right;
}
.rtl .lSSlideOuter.lSrtl .lSGallery li,
.rtl .lSSlideOuter.lSrtl .lightSlider>* {
float: left !important;
}
@keyframes rightEnd {
0%,
100% {
right: 0;
left: inherit;
}
50% {
right: -15px;
left: inherit;
}
}
@keyframes leftEnd {
0%,
100% {
right: 0;
left: inherit;
}
50% {
right: 15px;
left: inherit;
}
}
.rtl .multi-wrapper .non-selected-wrapper {
border-left: 1px solid #eff0f6;
border-right: inherit;
}
.rtl .multi-wrapper .search-input {
border-radius: 5px 0 0 5px;
}
.rtl .ms-choice>span {
right: 0;
left: inherit;
padding-right: 18px;
padding-left: inherit;
}
.rtl .ms-choice>div {
left: 8px;
right: inherit;
}
.rtl .ms-drop {
border-radius: 0 4px 4px 0;
}
.rtl .ms-search input {
padding: 0 5px 0 20px;
}
.rtl .ms-drop ul>li.multiple {
float: right;
}
.rtl .ms-drop .custom-control-label::before {
right: 0;
left: inherit;
}
.rtl .ms-drop .custom-control-label::after {
right: 0;
left: inherit;
}
.rtl #growls-default {
left: 10px;
right: inherit;
}
.rtl #growls-tl {
right: 10px;
left: inherit;
}
.rtl #growls-tr {
left: 10px;
right: inherit;
}
.rtl #growls-bl {
right: 10px;
left: inherit;
}
.rtl #growls-br {
left: 10px;
right: inherit;
}
.rtl #growls-cc {
right: 50%;
left: inherit;
margin-right: -125px;
margin-left: inherit;
}
.rtl #growls-cl {
right: 10px;
left: inherit;
}
.rtl #growls-cr {
left: 10px;
right: inherit;
}
.rtl .growl .growl-close {
float: left;
}
.rtl #ui_notifIt {
left: 10px;
right: inherit;
}
.rtl #notifIt_close {
left: 0;
right: inherit;
}
.rtl .notifit_confirm_bg,
.rtl .notifit_prompt_bg {
right: 0;
left: inherit;
}
.rtl .notifit_confirm,
.rtl .notifit_prompt {
right: 0;
left: inherit;
}
.rtl .owl-carousel .owl-item {
float: right;
}
.rtl .owl-carousel .owl-video-play-icon {
right: 50%;
left: inherit;
margin-right: -40px;
margin-left: inherit;
}
.rtl .owl-nav .owl-next {
left: -25px;
right: inherit;
}
.rtl .owl-nav .owl-prev {
right: -25px;
left: inherit;
}
.rtl .ps__rail-y {
left: 0;
right: inherit;
}
.rtl .ps__thumb-y {
left: 2px;
right: inherit;
}
.rtl .ql-clipboard {
right: -100000px;
left: inherit;
}
.rtl .ql-editor {
text-align: right;
}
.rtl .ql-editor ol,
.rtl .ql-editor ul {
padding-right: 1.5em;
padding-left: inherit;
}
.rtl .ql-editor li:not(.ql-direction-rtl)::before {
margin-right: -1.5em;
margin-left: 0.3em;
text-align: left;
}
.rtl .ql-editor li.ql-direction-rtl::before {
margin-right: 0.3em;
margin-left: -1.5em;
}
.rtl .ql-editor ol li:not(.ql-direction-rtl),
.rtl .ql-editor ul li:not(.ql-direction-rtl) {
padding-right: 1.5em;
padding-left: inherit;
}
.rtl .ql-editor ol li.ql-direction-rtl,
.rtl .ql-editor ul li.ql-direction-rtl {
padding-left: 1.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-right: 3em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-right: 4.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-left: 3em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-left: 4.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-right: 6em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-right: 7.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-left: 6em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-left: 7.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-right: 9em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-right: 10.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-left: 9em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-left: 10.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-right: 12em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-right: 13.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-left: 12em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-left: 13.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-right: 15em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-right: 16.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-left: 15em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-left: 16.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-right: 18em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-right: 19.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-left: 18em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-left: 19.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-right: 21em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-right: 22.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-left: 21em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-left: 22.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-right: 24em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-right: 25.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-left: 24em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-left: 25.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-right: 27em;
padding-left: inherit;
}
.rtl .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-right: 28.5em;
padding-left: inherit;
}
.rtl .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-left: 27em;
padding-right: inherit;
}
.rtl .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-left: 28.5em;
padding-right: inherit;
}
.rtl .ql-editor .ql-video.ql-align-right {
margin: 0 auto 0 0;
}
.rtl .ql-editor .ql-align-right {
text-align: left;
}
.rtl .ql-bubble.ql-toolbar button,
.rtl .ql-bubble .ql-toolbar button {
float: right;
}
.rtl .ql-bubble.ql-toolbar button svg,
.rtl .ql-bubble .ql-toolbar button svg {
float: right;
}
.rtl .ql-bubble .ql-editor blockquote {
border-right: 4px solid #424e79;
border-left: inherit;
padding-right: 16px;
padding-left: inherit;
}
.rtl .ql-bubble .ql-picker {
float: right;
}
.rtl .ql-bubble .ql-picker-label {
padding-right: 8px;
padding-left: 2px;
}
.rtl .ql-bubble .ql-color-picker .ql-picker-label svg {
left: 4px;
right: inherit;
}
.rtl .ql-bubble .ql-icon-picker .ql-picker-label svg {
left: 4px;
right: inherit;
}
.rtl .ql-bubble .ql-color-picker .ql-picker-item {
float: right;
}
.rtl .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
left: 0;
right: inherit;
}
.rtl .ql-bubble .ql-toolbar .ql-formats {
margin: 8px 0 8px 12px;
}
.rtl .ql-bubble .ql-toolbar .ql-formats:first-child {
margin-right: 12px;
margin-left: inherit;
}
.rtl .ql-bubble .ql-tooltip-arrow {
right: 50%;
left: inherit;
margin-right: -6px;
margin-left: inherit;
}
.rtl .ql-bubble .ql-tooltip-editor a {
left: 20px;
right: inherit;
}
.rtl .ql-container.ql-bubble:not(.ql-disabled) a::before,
.rtl .ql-container.ql-bubble:not(.ql-disabled) a::after {
right: 0;
left: inherit;
margin-right: 50%;
margin-left: inherit;
}
.rtl .ql-clipboard {
right: -100000px;
left: inherit;
}
.rtl .ql-editor {
text-align: right;
}
.rtl .ql-editor ol,
.rtl .ql-editor ul {
padding-right: 1.5em;
padding-left: inherit;
}
.rtl .ql-editor li:not(.ql-direction-rtl)::before {
margin-right: -1.5em;
margin-left: 0.3em;
text-align: left;
}
.rtl .ql-editor li.ql-direction-rtl::before {
margin-right: 0.3em;
margin-left: -1.5em;
}
.rtl .ql-snow.ql-toolbar button,
.rtl .ql-snow .ql-toolbar button {
float: right;
border-left: 0;
border-right: 1px solid #eff0f6;
}
.rtl .ql-snow.ql-toolbar button:first-child,
.rtl .ql-snow .ql-toolbar button:first-child {
border-radius: 0 3px 3px 0;
}
.rtl .ql-snow.ql-toolbar button:last-child,
.rtl .ql-snow .ql-toolbar button:last-child {
border-left: 1px solid #eff0f6;
border-radius: 0 0 3px 3px;
}
.rtl .ql-snow.ql-toolbar button svg,
.rtl .ql-snow .ql-toolbar button svg {
float: right;
}
.rtl .ql-snow .ql-editor blockquote {
border-right: 4px solid #e7eaf3;
border-left: inherit;
padding-right: 16px;
padding-left: inherit;
}
.rtl .ql-snow .ql-picker {
float: right;
}
.rtl .ql-snow .ql-picker-label {
padding-right: 8px;
padding-left: 2px;
}
.rtl .ql-snow .ql-color-picker .ql-picker-label svg {
left: 4px;
right: inherit;
}
.rtl .ql-snow .ql-icon-picker .ql-picker-label svg {
left: 4px;
right: inherit;
}
.rtl .ql-snow .ql-color-picker .ql-picker-item {
float: right;
}
.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
left: 6px;
right: inherit;
}
.rtl .ql-toolbar.ql-snow .ql-formats {
margin-left: 25px;
margin-right: inherit;
}
.rtl .ql-snow .ql-tooltip::before {
margin-left: 8px;
margin-right: inherit;
}
.rtl .ql-snow .ql-tooltip a.ql-action::after {
border-left: 1px solid #e7eaf3;
border-right: inherit;
margin-right: 16px;
margin-left: inherit;
padding-left: 8px;
padding-right: inherit;
}
.rtl .ql-snow .ql-tooltip a.ql-remove::before {
content: "Remove";
margin-right: 8px;
margin-left: inherit;
}
.rtl .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-left: 0px;
border-right: inherit;
padding-left: 0;
padding-right: inherit;
}
.rtl .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.rtl .select2-container .select2-selection--multiple .select2-selection__rendered {
padding-right: 8px;
padding-left: inherit;
}
.rtl .select2-container .select2-search--inline {
float: right;
}
.rtl .select2-close-mask {
right: 0;
left: inherit;
}
.rtl .select2-container--default .select2-selection--single .select2-selection__clear {
float: left;
}
.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
left: 1px;
right: inherit;
}
.rtl .select2-container--default .select2-selection--single .select2-selection__arrow b {
right: 50%;
left: inherit;
margin-right: -4px;
margin-left: inherit;
}
.rtl .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: right;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
float: right;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: inherit;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: inherit;
}
.rtl .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option {
padding-right: 1em;
padding-left: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-right: 0;
padding-left: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-right: -1em;
margin-left: inherit;
padding-right: 2em;
padding-left: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-right: -2em;
margin-left: inherit;
padding-right: 3em;
padding-left: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-right: -3em;
margin-left: inherit;
padding-right: 4em;
padding-left: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-right: -4em;
margin-left: inherit;
padding-right: 5em;
padding-left: inherit;
}
.rtl .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-right: -5em;
margin-left: inherit;
padding-right: 6em;
padding-left: inherit;
}
.rtl .select2-container--classic .select2-selection--single .select2-selection__clear {
margin-left: 10px;
margin-right: inherit;
}
.rtl .select2-container--classic .select2-selection--single .select2-selection__arrow {
border-right: 1px solid #aaa;
border-left: inherit;
border-top-left-radius: 4px;
border-top-right-radius: inherit;
border-bottom-left-radius: 4px;
border-bottom-right-radius: inherit;
left: 1px;
right: inherit;
}
.rtl .select2-container--classic .select2-selection--single .select2-selection__arrow b {
right: 50%;
left: inherit;
margin-right: -4px;
margin-left: inherit;
}
.rtl .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: right;
}
.rtl .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border-left: 1px solid #aaa;
border-right: inherit;
border-top-right-radius: 4px;
border-top-left-radius: inherit;
border-bottom-right-radius: 4px;
border-bottom-left-radius: inherit;
right: 1px;
left: auto;
}
.rtl .select2-container--classic .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: inherit;
}
.rtl .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: inherit;
}
.rtl .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: left;
margin-right: 5px;
margin-left: auto;
}
.rtl .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: 2px;
margin-left: auto;
}
.rtl .SumoSelect.open .search-txt {
right: 0;
left: inherit;
}
.rtl .SumoSelect>.CaptionCont>span {
padding-left: 30px;
padding-right: 0;
}
.rtl .SumoSelect>.CaptionCont>label {
left: 0;
right: inherit;
}
.rtl .SumoSelect>.CaptionCont>label>i:before {
margin-right: 0.255em;
margin-left: inherit;
}
.rtl .SumoSelect>.optWrapper {
right: 0;
left: inherit;
}
.rtl .SumoSelect.open>.optWrapper {
border-radius: 0 5px 5px 0;
}
.rtl .SumoSelect>.optWrapper.okCancelInMulti>.options {
border-radius: 2px 0 0 2px;
}
.rtl .SumoSelect>.optWrapper.selall>.options {
border-radius: 0 2px 2px 0;
}
.rtl .SumoSelect>.optWrapper>.options li ul li.opt {
padding-right: 22px;
padding-left: inherit;
}
.rtl .SumoSelect>.optWrapper.multiple>.options li ul li.opt {
padding-right: 50px;
padding-left: inherit;
}
.rtl .SumoSelect>.optWrapper>.options>li.opt:first-child {
border-radius: 2px 0 0 2px;
}
.rtl .SumoSelect>.optWrapper>.options>li.opt:last-child {
border-radius: 0 2px 2px 0;
}
.rtl .SumoSelect .select-all>span {
margin-right: -35px;
margin-left: inherit;
}
.rtl .SumoSelect>.optWrapper.multiple>.options li.opt {
padding-right: 35px;
padding-left: inherit;
}
.rtl .SumoSelect>.optWrapper.multiple>.options li.opt span {
margin-right: -35px;
margin-left: inherit;
}
.rtl .SumoSelect>.optWrapper>.MultiControls {
border-radius: 0 3px 3px 0;
}
.rtl .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk {
border-left: 1px solid #eff0f6;
border-right: inherit;
border-radius: 0 3px 0 0;
}
.rtl .SumoSelect>.optWrapper.multiple.isFloating>.options li.opt {
padding-right: 35px;
padding-left: inherit;
}
.rtl .SumoSelect .select-all {
border-radius: 3px 0 0 3px;
padding: 8px 35px 3px 0;
}
.rtl .SumoSelect>.optWrapper>.options li.optGroup {
padding-right: 5px;
padding-left: inherit;
}
.rtl .sweet-modal-overlay {
right: 0;
left: inherit;
}
.rtl .sweet-modal-close {
left: 18px;
right: inherit;
}
.rtl .sweet-modal-overlay.tabbed .sweet-modal-close {
left: 12px;
right: inherit;
}
@media screen and (max-width: 420px) {
.rtl .sweet-modal-close {
left: 18px;
right: inherit;
}
}
.rtl .sweet-modal-box {
right: 18%;
left: inherit;
}
.rtl .sweet-modal-box.alert,
.rtl .sweet-modal-box.prompt {
right: 25%;
left: inherit;
}
@media screen and (max-width: 777px) {
.rtl .sweet-modal-box {
right: 9%;
left: inherit;
}
}
@media screen and (max-width: 420px) {
.rtl .sweet-modal-box {
right: 0;
left: inherit;
}
.rtl .sweet-modal-box.prompt,
.rtl .sweet-modal-box.alert {
right: 0;
left: inherit;
}
}
.rtl .sweet-modal-title-wrap {
padding-right: 36px;
padding-left: 16px;
}
.rtl .sweet-modal-title .sweet-modal-tabs-links {
margin-right: -36px;
margin-left: -16px;
}
.rtl .sweet-modal-title .sweet-modal-tabs-links ul li a::after {
right: 50%;
left: inherit;
margin-right: -6px;
margin-left: inherit;
}
.rtl .sweet-modal-title .sweet-modal-tabs-links ul li+li a {
border-right: 1px solid #e0e0e0;
border-left: inherit;
}
.rtl .sweet-modal-title .sweet-modal-tabs-links ul li:last-child a {
border-left: 1px solid #e0e0e0;
border-right: inherit;
}
.rtl .sweet-modal-buttons {
text-align: left;
}
.rtl .sweet-modal-buttons a.button,
.rtl .sweet-modal-buttons button {
margin: 4px;
margin-right: 12px;
}
@media screen and (max-width: 420px) {
.rtl .sweet-modal-buttons {
right: 0;
left: inherit;
}
}
@keyframes animateSuccessTip {
0% {
right: 1px;
left: inherit;
}
54% {
right: 1px;
left: inherit;
}
70% {
right: -8px;
left: inherit;
}
84% {
right: 21px;
left: inherit;
}
100% {
right: 14px;
left: inherit;
}
}
@keyframes animateSuccessLong {
0% {
left: 46px;
right: inherit;
}
65% {
left: 46px;
right: inherit;
}
84% {
left: 0;
right: inherit;
}
100% {
left: 8px;
right: inherit;
}
}
.rtl .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-left {
right: 17px;
left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-right {
left: 16px;
right: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-warning .sweet-modal-body {
right: 50%;
left: inherit;
margin-right: -2px;
margin-left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-warning .sweet-modal-dot {
right: 50%;
left: inherit;
margin-right: -3px;
margin-left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-info::before {
right: 50%;
left: inherit;
margin-right: -2px;
margin-left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-info::after {
margin-right: -3px;
margin-left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-success::before {
border-radius: 120px 120px 0 0;
right: -33px;
left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-success::after {
border-radius: 0 0 120px 120px;
right: 30px;
left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-success .sweet-modal-placeholder {
right: -4px;
left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-success .sweet-modal-fix {
right: 28px;
left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-success .sweet-modal-line.sweet-modal-tip {
right: 14px;
left: inherit;
}
.rtl .sweet-modal-icon.sweet-modal-success .sweet-modal-line.sweet-modal-long {
left: 8px;
right: inherit;
}
.rtl .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li+li a {
border-right-color: #1c1e23;
border-left-color: inherit;
}
.rtl .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:last-child a {
border-left-color: #1c1e23;
border-right-color: inherit;
}
.rtl .sweet-alert {
right: 50%;
left: inherit;
margin-right: -256px;
margin-left: inherit;
}
.rtl .sweet-alert .sa-error-container .icon {
margin-left: 3px;
margin-right: inherit;
}
.rtl .sweet-alert .sa-input-error {
left: 26px;
right: inherit;
}
.rtl .sweet-alert .sa-input-error::before,
.rtl .sweet-alert .sa-input-error::after {
right: 50%;
left: inherit;
margin-right: -9px;
margin-left: inherit;
}
.rtl .sweet-alert .la-ball-fall {
right: 50%;
left: inherit;
margin-right: -27px;
margin-left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
right: 17px;
left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
left: 16px;
right: inherit;
}
.rtl .sweet-alert .sa-icon.sa-warning .sa-body {
right: 50%;
left: inherit;
margin-right: -2px;
margin-left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-warning .sa-dot {
right: 50%;
left: inherit;
margin-right: -3px;
margin-left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-info::before {
right: 50%;
left: inherit;
margin-right: -2px;
margin-left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-info::after {
margin-right: -3px;
margin-left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 120px 0 0;
right: -33px;
left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-success::after {
border-radius: 0 0 120px 120px;
right: 30px;
left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-success .sa-placeholder {
right: -4px;
left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-success .sa-fix {
right: 28px;
left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
right: 14px;
left: inherit;
}
.rtl .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
left: 8px;
right: inherit;
}
@keyframes animateSuccessTip {
0% {
right: 1px;
left: inherit;
}
54% {
right: 1px;
left: inherit;
}
70% {
right: -8px;
left: inherit;
}
84% {
right: 21px;
left: inherit;
}
100% {
right: 14px;
left: inherit;
}
}
@keyframes animateSuccessLong {
0% {
left: 46px;
right: inherit;
}
65% {
left: 46px;
right: inherit;
}
84% {
left: 0;
right: inherit;
}
100% {
left: 8px;
right: inherit;
}
}
.rtl .tab_wrapper>ul li {
float: right;
margin: 0 0 0 5px;
}
.rtl .tab_wrapper>ul li.active:after {
right: 0;
left: inherit;
}
.rtl .tab_wrapper .controller {
left: 0;
right: inherit;
}
.rtl .tab_wrapper .controller span.next {
float: left;
margin-right: 10px;
margin-left: inherit;
}
.rtl .tab_wrapper .content_wrapper {
float: right;
}
.rtl .tab_wrapper .content_wrapper .accordian_header.active:after {
right: 0;
left: inherit;
}
.rtl .tab_wrapper .content_wrapper .accordian_header .arrow {
float: left;
border-right: 3px solid #424e79;
border-left: inherit;
}
.rtl .tab_wrapper .content_wrapper .accordian_header.active .arrow {
border-right: 3px solid #0061da;
border-left: inherit;
}
.rtl .tab_wrapper.left_side>ul {
float: right;
}
.rtl .tab_wrapper.left_side>ul li:after {
right: 0;
left: inherit;
}
.rtl .tab_wrapper.left_side>ul li.active:after {
right: 0;
left: inherit;
}
.rtl .tab_wrapper.left_side>ul li.active:before {
left: -1px;
right: inherit;
}
.rtl .tab_wrapper.left_side .content_wrapper {
float: right;
}
.rtl .tab_wrapper.right_side>ul {
float: left;
}
.rtl .tab_wrapper.right_side>ul li {
border-right: 1px soild #eaeaea;
border-left: inherit;
text-align: left;
}
.rtl .tab_wrapper.right_side>ul li:after {
left: 0;
right: inherit;
}
.rtl .tab_wrapper.right_side>ul li.active:after {
left: 0;
right: inherit;
}
.rtl .tab_wrapper.right_side>ul li.active:before {
right: -2px;
left: inherit;
}
.rtl .tab_wrapper.right_side .content_wrapper {
float: right;
}
.rtl .tab_wrapper .active_tab {
padding-left: 50px;
padding-right: inherit;
}
.rtl .tab_wrapper .active_tab .arrow {
left: 6px;
right: inherit;
}
.rtl .tab_wrapper .active_tab .arrow:after {
border-left: 3px solid #000;
border-right: inherit;
right: 50%;
left: inherit;
margin-right: -6px;
margin-left: inherit;
}
@media only screen and (max-width: 768px) {
.rtl .tab_wrapper.show-as-dropdown>.tab_list:before {
right: 50%;
left: inherit;
margin-right: -7px;
margin-left: inherit;
}
}
.rtl .tree ul {
margin: 0;
margin-right: 1em;
}
.rtl .tree ul ul {
margin-right: 0.5em;
margin-left: inherit;
}
.rtl .tree ul:before {
right: -10px;
left: inherit;
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: inherit;
}
.rtl .tree li i {
margin-left: 10px;
margin-right: inherit;
}
.rtl .tree ul li:before {
right: -10px;
left: inherit;
}
.rtl .indicator {
margin-left: 5px;
margin-right: inherit;
}
.rtl .richText .richText-toolbar ul li {
float: right;
}
.rtl .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
left: -23px;
right: inherit;
}
.rtl .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
float: right;
}
.rtl .richText .richText-editor {
border-right: 0px;
border-left: 0;
}
.rtl .richText .richText-editor:focus {
border-right: #2d66f7 solid 5px;
border-left: inherit;
}
.rtl .richText .richText-help {
float: left;
}
.rtl .richText .richText-undo,
.rtl .richText .richText-redo {
float: right;
border-left: #f6f6f6 solid 1px;
border-right: inherit;
}
.rtl .richText .richText-list.list-rightclick {
border-left: #EFEFEF solid 1px;
border-right: inherit;
}
@media (max-width: 991px) and (min-width: 576px) {
.rtl.search-show .search-element {
right: 0 !important;
left: inherit !important;
}
}
.rtl .app-header.header .dropdown-menu[data-popper-placement^=top],
.rtl .app-header.header .dropdown-menu[data-popper-placement^=right],
.rtl .app-header.header .dropdown-menu[data-popper-placement^=bottom],
.rtl .app-header.header .dropdown-menu[data-popper-placement^=left] {
left: auto !important;
right: inherit !important;
}
.rtl .country-profit {
border-right: 1px solid #eff0f6;
border-left: 0;
padding-right: 0 !important;
padding-left: 0.75rem !important;
}
@media (min-width: 992px) {
.rtl .border-lg-end {
border-left: 1px solid #eff0f6;
border-right: 0;
}
.rtl .border-lg-end-0 {
border-left: 0 !important;
border-right: 1px solid #eff0f6 !important;
}
}
.rtl .crypto-content .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 20px;
padding-left: 20px;
}
.rtl .chat-conatct-list .list-group-item .chat-time {
left: 10px;
right: inherit;
}
@media (min-width: 992px) {
.rtl .main-contact-info-header .media-body {
margin-right: 30px;
margin-left: inherit;
}
}
.rtl .lg-actions .lg-next:before {
content: "\e094";
}
.rtl .lg-actions .lg-prev:after {
content: "\e095";
}
.rtl .pull-right {
float: left;
}
.rtl .form-control.is-invalid,
.rtl .was-validated .form-control:invalid {
background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
padding-right: calc(0.5em + 0.75rem);
padding-left: 0.75rem;
}
.rtl .form-control.is-valid,
.rtl .was-validated .form-control:valid {
padding-right: calc(0.5em + 0.75rem);
padding-left: 0.75rem;
}
@media (min-width: 992px) {
.rtl .ui-timepicker-wrapper {
left: 0 !important;
right: 345px !important;
}
}
.rtl [type=email],
.rtl [type=number],
.rtl [type=tel],
.rtl [type=url] {
direction: rtl;
}
.rtl #closeHelp {
left: 0;
right: inherit !important;
}
@media (max-width: 1200px) {
.rtl .richText .richText-toolbar ul li a {
border-left: 0 !important;
border-right: 0 !important;
}
}
.rtl .btn-group>.btn:not(:first-child):not(.dropdown-toggle) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.rtl .btn-group>.btn:last-child:not(.dropdown-toggle) {
border-top-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 0;
}
.rtl .carousel-item-start.active,
.rtl .carousel-item-prev:not(.carousel-item-end) {
transform: translateX(-100%) !important;
}
.rtl .active.carousel-item-start,
.rtl .carousel-item-prev:not(.carousel-item-end) {
transform: translateX(100%) !important;
}
.rtl .active.carousel-item-end {
transform: translateX(-100%) !important;
}
.rtl .carousel-item-next:not(.carousel-item-start) {
transform: translateX(-100%) !important;
transform: translateX(-100%) !important;
}
.rtl .btn-group>.btn.btn-pill:not(:last-child):not(.dropdown-toggle) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 10rem !important;
border-bottom-right-radius: 10rem !important;
}
.rtl .btn-group>.btn.btn-pill:not(:first-child),
.rtl .btn-group>.btn-group:not(:first-child)>.btn.btn-pill {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 10rem !important;
border-bottom-left-radius: 10rem !important;
}
.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.rtl .bs-popover-end>.popover-arrow {
right: inherit;
}
.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.rtl .bs-popover-end>.popover-arrow::before {
right: inherit;
}
.rtl .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.rtl .bs-popover-end>.popover-arrow::after {
right: inherit;
}
.rtl .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.rtl .bs-tooltip-end .tooltip-arrow {
right: inherit;
}
.rtl .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.rtl .bs-tooltip-end .tooltip-arrow::before {
left: inherit;
}
.rtl .price-svg svg {
float: left;
}
@media (min-width: 992px) {
.rtl.horizontal .side-menu__item .angle {
transform: rotate(0deg);
}
.rtl.horizontal .slide-item {
padding: 8px 25px;
}
.rtl.horizontal .sub-slide-item {
padding: 8px 25px !important;
}
.rtl.horizontal footer.footer {
padding: 1.25rem;
}
}
@media (max-width: 575px) {
.rtl .main-contact-info-header .media-body .nav-link+.nav-link {
margin-right: 0px;
margin-left: inherit;
}
}
.rtl .pagination .page-item .page-link i {
transform: rotate(180deg);
}
.rtl .tab_wrapper .content_wrapper .accordian_header .arrow {
float: left;
}
.rtl table tbody tr td:last-child {
border-left-width: 0px;
}
@media (min-width: 992px) {
.rtl.horizontal .main-sidemenu .slide-left,
.rtl.horizontal .main-sidemenu .slide-right {
transform: rotate(180deg);
}
}
.rtl #chart3 .apexcharts-canvas .apexcharts-yaxis-texts-g text {
transform: translateX(-20px);
}
.rtl #chart2 .apexcharts-canvas .apexcharts-yaxis-texts-g text {
transform: translateX(-70px);
}
.rtl #chart .apexcharts-canvas .apexcharts-yaxis-texts-g text,
.rtl #chart-timeline .apexcharts-canvas .apexcharts-yaxis-texts-g text {
transform: translateX(-30px);
}
@media (min-width: 992px) {
.rtl .sidenav-toggled.sidenav-toggled-open .app-sidebar-help .help .ms-auto {
margin-right: auto !important;
margin-left: inherit !important;
}
}
.rtl .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.rtl .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
transform: rotate(180deg);
}
.rtl .dropdown-icon {
margin-right: -0.5rem;
margin-left: 0.5rem;
}
.rtl .np-btn i {
transform: rotate(180deg);
}
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/* dark variales */
body.dark-mode {
color: var(--dark-color);
background: var(--dark-body);
}
body.dark-mode *::-webkit-scrollbar-thumb,
body.dark-mode *:hover::-webkit-scrollbar-thumb {
background: var(--dark-body);
}
body.dark-mode *::-webkit-scrollbar-track {
background: var(--dark-theme);
}
.dark-mode .form-control::placeholder {
color: var(--dark-color) !important;
}
.dark-mode a {
color: var(--dark-color);
}
.dark-mode .nav-sidebar li ul {
background: var(--dark-theme);
}
.dark-mode caption {
color: var(--dark-color);
}
.dark-mode hr {
border-top-color: var(--dark-border);
}
.dark-mode .mark {
background-color: var(--dark-theme);
}
.dark-mode .list-unstyled li {
border-bottom-color: var(--dark-border);
}
.dark-mode #sidebar .list-unstyled li {
border-bottom-color: var(--dark-border);
}
.dark-mode .blockquote-footer {
color: var(--dark-color);
border-top-color: var(--dark-border);
}
.dark-mode .img-thumbnail {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .figure-caption {
color: var(--dark-color);
}
.dark-mode kbd {
color: var(--dark-color);
background-color: var(--dark-theme);
}
.dark-mode .table th {
border-top-color: var(--dark-border);
}
.dark-mode .text-wrap table th,
.dark-mode .text-wrap table td {
border-top-color: var(--dark-border);
}
.dark-mode .table thead th,
.dark-mode .text-wrap table thead th {
border-bottom-color: var(--dark-border);
}
.dark-mode .table tbody+tbody,
.dark-mode .text-wrap table tbody+tbody {
border-top-color: var(--dark-border);
}
.dark-mode .table .table,
.dark-mode .text-wrap table .table,
.dark-mode .table .text-wrap table {
background-color: var(--dark-theme);
}
.dark-mode .text-wrap .table table,
.dark-mode .text-wrap table table {
background-color: var(--dark-theme);
}
.dark-mode .table-bordered,
.dark-mode .text-wrap table,
.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode.text-wrap table td {
border-color: var(--dark-border);
}
.dark-mode .table-striped tbody tr:nth-of-type(odd) {
background-color: var(--dark-body);
}
.dark-mode .table-hover tbody tr:hover {
background-color: var(--dark-border);
color: var(--dark-color);
}
@media (min-width: 992px) {
.dark-mode #sticky {
color: var(--dark-color);
}
}
@media print {
.dark-mode pre,
.dark-mode blockquote {
border-color: var(--dark-border);
}
.dark-mode .badge {
border-color: var(--dark-border);
}
.dark-mode .table td,
.dark-mode .text-wrap table td,
.dark-mode .table th,
.dark-mode .text-wrap table th {
background-color: var(--dark-theme) !important;
}
.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode .text-wrap table td {
border-color: var(--dark-border) !important;
}
}
@media (max-width: 767.98px) and (min-width: 576px) {
.dark-mode .header .navsearch i {
color: var(--dark-color);
}
.dark-mode .search-element .form-control {
background: var(--dark-theme) !important;
color: var(--dark-color);
border-color: var(--dark-border);
}
.dark-mode .header .form-inline .form-control::-webkit-input-placeholder {
color: var(--dark-color);
}
.dark-mode .header .navsearch i {
color: var(--dark-color);
}
.dark-mode .header .form-inline .btn {
color: var(--dark-color) !important;
}
}
@media (max-width: 1024px) {
body.dark-mode.search-show:before,
body.dark-mode.sidebar-show:before {
background-color: var(--dark-theme);
}
}
@media (max-width: 575.98px) {
.dark-mode .header .form-inline .search-element .form-control {
background: var(--dark-theme);
color: var(--dark-color);
}
.dark-mode .form-control.header-search {
color: var(--dark-border);
}
.dark-mode .header .form-inline .btn {
color: var(--dark-color) !important;
}
.dark-mode .header .form-inline .form-control::-webkit-input-placeholder {
color: var(--dark-color) !important;
}
.dark-mode .header .navsearch i {
color: var(--dark-color);
}
}
@media (max-width: 575.98px) {
.dark-mode .header-brand-img.mobile-logo {
display: none;
}
.dark-mode .header-brand-img.darkmobile-logo {
display: block;
}
}
@media (min-width: 730px) {
.dark-mode .daterangepicker.ltr .ranges {
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
}
}
@media (min-width: 992px) {
.dark-mode .wizard.vertical>.content {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
}
@media only screen and (max-width: 991px) {
.dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
color: var(--dark-color);
}
.dark-mode.active .horizontalMenu>.horizontalMenu-list {
border-color: var(--dark-border);
}
.dark-mode .horizontalMenu>.horizontalMenu-list>li {
border-color: var(--dark-border);
}
.dark-mode .horizontalMenu>.horizontalMenu-list>li:hover>a {
border-color: var(--dark-border);
}
.dark-mode .mega-menubg {
border-color: var(--dark-border);
}
.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
border-top-color: var(--dark-color);
}
}
@media (max-width: 991px) {
.dark-mode .animated-arrow span {
background: var(--dark-color);
}
.dark-mode .animated-arrow span:before,
.dark-mode .animated-arrow span:after {
background: var(--dark-color);
}
.dark-mode.active .animated-arrow span {
background-color: transparent;
}
}
@media (min-width: 992px) {
.dark-mode .panel.price.active {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
}
@media (min-width: 992px) {
.dark-mode .wizard.vertical>.actions {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
}
body.dark-mode .switcher-wrapper *::-webkit-scrollbar-track {
background: var(--dark-color);
}
.dark-mode .msg_card_body {
background: var(--dark-theme);
}
.dark-mode .input:-internal-autofill-selected {
background: var(--dark-theme) !important;
}
.dark-mode .show>.btn-default.dropdown-toggle {
color: var(--dark-color);
}
.dark-mode .modal.effect-just-me .modal-content {
background: var(--dark-theme);
}
.dark-mode table.dataTable>tbody>tr.child ul.dtr-details>li {
border-bottom-color: var(--dark-border);
}
.dark-mode .apexcharts-datalabels-group text {
fill: var(--dark-color);
}
.dark-mode.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
}
.dark-mode .app-sidebar {
background: var(--dark-theme) !important;
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
.dark-mode .app-sidebar__logo {
border-bottom-color: var(--dark-border);
}
.dark-mode .app-sidebar__user {
border-bottom-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .app-sidebar__user .text-muted {
color: var(--dark-color2) !important;
}
.dark-mode .app-sidebar-help {
border-top-color: var(--dark-border);
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
background: var(--dark-theme);
}
.dark-mode .app-sidebar-help a {
color: var(--dark-color) !important;
}
.dark-mode .app-sidebar-help .header-icon {
color: var(--dark-color);
fill: var(--dark-color);
}
.dark-mode .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: var(--dark-theme);
}
.dark-mode .main-sidebar-header {
background: var(--dark-theme);
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
border-bottom-color: var(--dark-border);
}
.dark-mode .navbar-toggler-icon {
color: var(--dark-color);
}
.dark-mode .side-menu__item.active .side-menu__icon,
.dark-mode .side-menu__item:hover .side-menu__icon,
.dark-mode .side-menu__item:focus .side-menu__icon {
fill: var(--dark-theme) !important;
}
.dark-mode .slide.is-expanded .side-menu__label,
.dark-mode .slide.is-expanded .side-menu__icon,
.dark-mode .slide.is-expanded .angle {
fill: var(--dark-theme) !important;
}
.dark-mode .slide.is-expanded a {
color: var(--dark-color);
}
.dark-mode .app-sidebar .slide-menu a:before,
.dark-mode .side-menu .slide .side-menu__item {
color: var(--dark-color);
}
.dark-mode .table> :not(:last-child)> :last-child>* {
border-bottom-color: var(--dark-border);
}
@media (min-width: 992px) {
.dark-mode.app.sidebar-mini .desktop-logo.logo-dark {
display: block;
}
.dark-mode.app.sidebar-mini .desktop-logo.logo-light {
display: none;
}
.dark-mode.app.sidebar-mini.sidenav-toggled .logo-icon.icon-light {
display: none;
}
.dark-mode.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-dark {
display: block;
}
.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-light {
display: none;
}
.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark {
display: block;
}
.dark-mode.app.sidenav-toggled .side-menu__label {
color: var(--dark-color);
}
}
@media (max-width: 991px) {
.dark-mode .header-brand .header-brand-img.desktop-lgo,
.dark-mode .header-brand .header-brand-img.mobile-logo,
.dark-mode .header-brand .header-brand-img.darkmobile-logo {
display: none;
}
.dark-mode .header-brand .header-brand-img.dark-logo {
display: block;
}
}
.dark-mode .tab_wrapper .content_wrapper .accordian_header {
border-bottom-color: var(--dark-border);
border-top-color: var(--dark-border);
}
.dark-mode .tab_wrapper .content_wrapper .accordian_header .arrow {
background: var(--dark-theme);
}
.dark-mode .tab_wrapper .content_wrapper .accordian_header.active {
border-color: var(--dark-border);
}
.dark-mode .light-layout {
display: none;
}
.dark-mode .dark-layout {
display: block;
}
.dark-mode .table-striped tbody tr:nth-of-type(odd) td,
.dark-mode .table-striped tbody tr:nth-of-type(odd) tr {
color: var(--dark-color) !important;
}
.dark-mode .app-sidebar .dropdown-menu {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
border-color: var(--dark-color);
}
.dark-mode .page-rightheader .date-range-btn .header-icon2 {
fill: var(--dark-color);
}
.dark-mode .daterangepicker {
border-color: var(--dark-border);
background: var(--dark-theme);
}
.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .daterangepicker .drp-buttons {
border-top-color: var(--dark-border);
}
.dark-mode .daterangepicker .calendar-table .next span,
.dark-mode .daterangepicker .calendar-table .prev span {
border-color: var(--dark-color);
}
.dark-mode .table-hover>tbody>tr:hover>* {
color: var(--dark-color);
}
.dark-mode textarea::placeholder {
color: var(--dark-color);
}
.dark-mode .chat .dropdown-menu li {
color: var(--dark-color);
}
.dark-mode .chat .dropdown-menu li:hover {
background: var(--dark-body);
}
.dark-mode .owl-nav button {
background: var(--dark-theme) !important;
}
.dark-mode .tag.tag-attachments,
.dark-mode .tag.tag-attachments-sm,
.dark-mode .tag.tag-attachments-lg {
border-color: var(--dark-border);
}
.dark-mode .file-image-1 {
border-color: var(--dark-border);
}
.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
color: var(--dark-color);
background: transparent;
}
.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads button.ff_fileupload_start_upload {
background-image: url('fancy_okay-white.png');
}
.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads button.ff_fileupload_remove_file {
background-image: url('fancy_remove-white.png');
}
.dark-mode .sp-preview {
border-color: var(--dark-border);
}
.dark-mode .pricing-tabs .pri-tabs-heading2 ul.nav-price {
background: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .pricing-tabs .pri-tabs-heading2 ul.nav-price li a {
background: var(--dark-theme);
}
.dark-mode #checkoutsteps .item {
border-bottom-color: var(--dark-border);
}
.dark-mode #checkoutsteps .item .purchase {
color: var(--dark-color);
}
.dark-mode #checkoutsteps>.steps a {
color: var(--dark-color);
}
.dark-mode .handle-counter input {
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .card-body .switch_section span {
color: var(--dark-color) !important;
}
.dark-mode .demo_changer .form_holder {
background: var(--dark-theme);
}
.dark-mode .demo_changer h4 {
background: var(--dark-body);
border-top-color: var(--dark-border);
border-bottom-color: var(--dark-border);
color: var(--dark-color) !important;
}
.dark-mode .switch_section span {
color: var(--dark-color) !important;
}
.dark-mode .onoffswitch2-label {
background-color: var(--dark-body);
border-color: var(--dark-border);
}
.dark-mode .onoffswitch2-label:before {
background: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .country-profit {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .apexcharts-tooltip.light {
border-color: var(--dark-border);
background: var(--dark-body);
}
.dark-mode .apexcharts-tooltip.light .apexcharts-tooltip-title {
background: var(--dark-body);
border-bottom-color: var(--dark-border);
}
.dark-mode .main-contact-body span,
.dark-mode .main-contact-info-body .media-body label {
color: var(--dark-color);
}
.dark-mode .main-contact-info-header .media-body .nav-link {
color: var(--dark-color);
}
.dark-mode .SumoSelect>.optWrapper>.MultiControls {
border-top-color: var(--dark-border);
}
.dark-mode .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk {
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
}
.dark-mode .SumoSelect>.optWrapper.multiple>.MultiControls>p:hover {
background-color: var(--dark-border);
}
.dark-mode div[data-acc-step]:not(.open) .bg-primary {
color: var(--dark-color);
}
@media (max-width: 991px) and (min-width: 576px) {
.dark-mode .search-element .form-control {
background: var(--dark-theme) !important;
}
}
@media (max-width: 991px) {
.dark-mode .responsive-navbar.navbar .navbar-collapse {
background: var(--dark-theme);
border-bottom-color: var(--dark-border);
border-top-color: var(--dark-border);
}
}
@media (min-width: 992px) {
.dark-mode .horizontalMenucontainer .header-brand-img.mobile-logo,
.dark-mode .horizontalMenucontainer .header-brand-img.darkmobile-logo,
.dark-mode .horizontalMenucontainer .header-brand-img.desktop-lgo {
display: none;
}
.dark-mode .horizontalMenucontainer .header-brand-img.dark-logo {
display: inline-flex;
}
}
@media (min-width: 992px) {
.dark-mode.horizontal .hor-header {
border-bottom-color: var(--dark-border);
}
.dark-mode.horizontal .app-sidebar {
border-bottom-color: var(--dark-border) !important;
}
.dark-mode.horizontal .horizontal-main .slide .slide-menu,
.dark-mode.horizontal .horizontal-main .slide .sub-slide-menu {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
}
@media (min-width: 768px) {
.dark-mode #checkoutsteps>.steps .number {
border-color: var(--dark-border);
background-color: var(--dark-border);
}
.dark-mode #checkoutsteps .checkoutline {
background-color: var(--dark-border);
}
}
@media (max-width: 767px) {
.dark-mode #checkoutsteps>.steps .number,
.dark-mode #checkoutsteps .checkoutline {
background-color: var(--dark-border);
}
}
@media (min-width: 992px) {
.hover-submenu.dark-mode.app.sidenav-toggled-open .slide-menu,
.hover-submenu1.dark-mode.app.sidenav-toggled-open .slide-menu {
background: var(--dark-theme);
border-color: var(--dark-border);
box-shadow: 8px 8px 17px var(--dark-shadow);
}
.hover-submenu.dark-mode .side-menu-label1,
.hover-submenu1.dark-mode .side-menu-label1 {
color: var(--dark-color);
border-bottom-color: var(--dark-border) !important;
}
.hover-submenu.dark-mode .app-sidebar .slide-menu .slide-item:before,
.hover-submenu1.dark-mode .app-sidebar .slide-menu .slide-item:before {
color: var(--dark-color);
}
.hover-submenu.dark-mode.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark,
.hover-submenu1.dark-mode.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: block !important;
}
.hover-submenu.dark-mode.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light,
.hover-submenu1.dark-mode.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: none !important;
}
}
@media (min-width: 992px) {
.dark-mode .border-lg-end {
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
}
}
@media (max-width: 1200px) {
.dark-mode .main-contact-info-header {
border-top-color: var(--dark-border);
}
}
.dark-mode .app-header {
background-color: var(--dark-theme);
}
.dark-mode .collapse:not(.show) {
background: var(--dark-theme);
}
.dark-mode .header-icon {
color: rgba(255, 255, 255, 0.6);
fill: rgba(255, 255, 255, 0.6);
}
.dark-mode .header .form-inline .form-control {
border-color: var(--dark-border);
}
.dark-mode .header.top-header {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
.dark-mode .app-header {
border-bottom-color: var(--dark-border);
}
.dark-mode .card {
background-color: var(--dark-theme);
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
.dark-mode .btn-white {
background-color: var(--dark-theme);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .btn-white:hover {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .header .form-inline .form-control {
background: var(--dark-body);
}
.dark-mode .form-control::placeholder {
color: rgba(255, 255, 255, 0.2) !important;
}
.dark-mode .btn-white:not(:disabled):not(.disabled):active,
.dark-mode .btn-white:not(:disabled):not(.disabled).active {
background-color: var(--dark-theme);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .countrytable tr {
border-bottom-color: var(--dark-border);
}
.dark-mode .nav-link.icon .nav-span {
color: var(--dark-color);
}
.dark-mode .card-header {
border-bottom-color: var(--dark-border);
}
.dark-mode .table th,
.dark-mode .text-wrap table th {
color: var(--dark-color);
}
.dark-mode .table-striped tbody tr:nth-of-type(even) {
background-color: var(--dark-theme2);
}
.dark-mode footer.footer {
background: var(--dark-theme);
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
.dark-mode .form-control {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .select2-container--default .select2-selection--single {
background-color: var(--dark-theme2);
border-color: var(--dark-border) !important;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--dark-color) transparent transparent transparent;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--dark-color);
}
.dark-mode .select2-dropdown {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .page-item.disabled .page-link {
color: var(--dark-color2);
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .text-muted {
color: var(--dark-color2) !important;
}
.dark-mode .option-dots:hover,
.dark-mode .option-dots:focus,
.dark-mode .option-dots[aria-expanded=true] {
background: var(--dark-theme2);
}
.dark-mode .dropdown-menu {
color: var(--dark-color);
background-color: var(--dark-theme);
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
border-color: var(--dark-border) !important;
}
.dark-mode .card-options a:not(.btn) {
color: var(--dark-color);
}
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
background-color: var(--dark-theme2);
}
.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
background-color: var(--dark-theme2);
}
.dark-mode .dropdown-divider {
border-top-color: var(--dark-border);
}
.dark-mode .dropdown-menu-arrow.dropdown-menu-end:after,
.dark-mode .dropdown-menu-arrow.dropdown-menu-start:after {
border-bottom-color: var(--dark-theme);
}
.dark-mode .dropdown-menu-arrow.dropdown-menu-end:before,
.dark-mode .dropdown-menu-arrow.dropdown-menu-start:before {
border-bottom-color: var(--dark-theme);
}
.dark-mode .top-header .dropdown-menu[data-popper-placement^=top],
.dark-mode .top-header .dropdown-menu[data-popper-placement^=right],
.dark-mode .top-header .dropdown-menu[data-popper-placement^=bottom],
.dark-mode .top-header .dropdown-menu[data-popper-placement^=left] {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
border-color: var(--dark-border);
}
.dark-mode .card-footer {
color: var(--dark-color);
border-top-color: var(--dark-border);
}
.dark-mode .card-body+.card-body {
border-top-color: var(--dark-border);
}
.dark-mode .table-vcenter td,
.dark-mode .table-vcenter th {
border-top-color: var(--dark-border);
}
.dark-mode .latest-timeline ul.timeline:before {
background: var(--dark-theme2);
}
.dark-mode .progress {
background-color: var(--dark-theme2);
}
.dark-mode .activity {
border-left-color: var(--dark-border);
}
.dark-mode .text-dark {
color: var(--dark-color) !important;
}
.dark-mode .btn-light {
color: var(--dark-color);
background-color: var(--dark-theme);
border-color: var(--dark-border);
box-shadow: 0 0 10px -5px var(--dark-shadow);
}
.dark-mode .js-conveyor-example:before {
background: linear-gradient(to right, var(--dark-body), transparent);
}
.dark-mode .js-conveyor-example:after {
background: linear-gradient(to left, var(--dark-body), transparent);
}
.dark-mode [class*=js-conveyor-] ul li {
border-color: var(--dark-border);
background: var(--dark-theme);
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
.dark-mode .crypto-tabs .tabs-menu1 ul li .active {
background: var(--dark-theme);
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
border-color: var(--dark-border);
}
.dark-mode .shadow2 {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow) !important;
}
.dark-mode .tabs-menu-body {
border-color: var(--dark-border);
}
.dark-mode .icon-dropshadow {
filter: drop-shadow(0px 10px 4px var(--dark-shadow));
}
.dark-mode #messages-main {
border-color: var(--dark-border);
}
@media (min-width: 992px) {
.dark-mode #messages-main .ms-menu {
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
}
}
.dark-mode .ms-menu .tab-menu-heading {
background: var(--dark-theme);
}
.dark-mode .ms-body {
background: var(--dark-theme);
}
.dark-mode .list-group-item {
background-color: var(--dark-theme);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .ms-menu .tab-menu-heading .tabs-menu1 ul li a {
border-color: var(--dark-border);
}
.dark-mode .text-default {
color: var(--dark-color) !important;
}
.dark-mode .ms-body .action-header {
background: var(--dark-theme);
}
.dark-mode .page-rightheader .breadcrumb {
background: var(--dark-theme);
}
.dark-mode .breadcrumb-item.active {
color: var(--dark-color);
}
.dark-mode .chat-body-style {
background: var(--dark-theme);
}
.dark-mode .message-feed:not(.right) .mf-content {
background: var(--dark-theme2);
position: relative;
margin-left: 5px;
}
.dark-mode .action-header {
border-bottom-color: var(--dark-border);
}
.dark-mode .message-feed:not(.right) .mf-content:before {
border-bottom-color: var(--dark-theme2);
}
.dark-mode .mf-date {
color: var(--dark-color2);
}
.dark-mode .msb-reply {
background: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .ah-actions .svg-icon {
fill: var(--dark-color2);
}
.dark-mode .msb-reply textarea {
color: var(--dark-color);
}
.dark-mode .ah-actions .option-dots {
background: var(--dark-theme2);
}
.dark-mode .dropdown-menu>li>a {
color: var(--dark-color);
}
.dark-mode .dropdown-menu>li>a:hover,
.dark-mode .dropdown-menu>li>a:focus {
text-decoration: none;
color: var(--dark-color);
background-color: var(--dark-theme2);
}
.dark-mode .main-chat-body {
background: var(--dark-theme);
}
.dark-mode .main-chat-contacts-wrapper {
border-bottom-color: var(--dark-border);
}
.dark-mode .main-chat-list .media.new .media-contact-name span:first-child {
color: var(--dark-color) !important;
}
.dark-mode .main-chat-list .media-contact-name span:first-child {
color: var(--dark-color) !important;
}
.dark-mode .main-chat-list .media-body p {
color: var(--dark-color2);
}
.dark-mode .main-chat-list .media:hover,
.dark-mode .main-chat-list .media:focus {
background-color: var(--dark-theme2);
border-top-color: var(--dark-border);
border-bottom-color: var(--dark-border);
}
.dark-mode .main-chat-list .media-contact-name span:last-child {
color: var(--dark-color2);
}
.dark-mode .main-chat-list .media.new .media-body p {
color: var(--dark-color2);
}
.dark-mode .main-chat-msg-name h6 {
color: var(--dark-color);
}
.dark-mode .main-chat-list .media {
border-bottom-color: var(--dark-border);
}
.dark-mode .main-chat-list .media.selected {
background-color: var(--dark-theme2);
border-top-color: var(--dark-border);
border-bottom-color: var(--dark-border);
}
.dark-mode .main-chat-list .media+.media::before {
border-top-color: var(--dark-border);
}
.dark-mode .main-chat-list .media.selected .media-body p {
color: var(--dark-color);
}
.dark-mode .main-chat-header {
border-bottom-color: var(--dark-border);
}
.dark-mode .main-chat-msg-name small {
color: var(--dark-color);
}
.dark-mode .main-msg-wrapper {
background-color: var(--dark-theme2);
}
.dark-mode .main-msg-wrapper:before {
border-bottom-color: var(--dark-theme2);
}
.dark-mode .main-chat-footer {
border-top-color: var(--dark-border);
background-color: var(--dark-theme);
}
.dark-mode .main-chat-body .media-body>div span {
color: var(--dark-color2);
}
.dark-mode .chat .msg_cotainer {
background-color: var(--dark-theme2);
}
.dark-mode .chat .msg_cotainer:before {
border-bottom-color: var(--dark-theme2);
}
.dark-mode .chat .msg_time {
color: var(--dark-color2);
}
.dark-mode .chat .msg_time_send {
color: var(--dark-color2);
}
.dark-mode .bg-white {
background-color: var(--dark-theme) !important;
}
.dark-mode .main-contact-item.selected {
background-color: var(--dark-theme2);
border-top-color: var(--dark-border);
border-bottom-color: var(--dark-border);
}
.dark-mode .main-contact-label::after {
border-bottom-color: var(--dark-border);
}
.dark-mode .main-contact-item+.main-contact-item::before {
border-top-color: var(--dark-border);
}
.dark-mode .main-contact-body h6 {
color: var(--dark-color);
}
.dark-mode .main-contact-item:hover,
.dark-mode .main-contact-item:focus {
background-color: var(--dark-theme2);
border-top-color: var(--dark-border);
border-bottom-color: var(--dark-border);
}
.dark-mode .main-contact-info-header {
border-bottom-color: var(--dark-border);
}
.dark-mode .main-contact-info-header .media-body h4 {
color: var(--dark-color);
}
.dark-mode .main-contact-info-body .media-body span {
color: var(--dark-color2);
}
.dark-mode .main-contact-info-header .main-img-user a {
background-color: var(--dark-theme);
color: var(--dark-color);
box-shadow: 0 0 0 2px var(--dark-shadow);
border-color: var(--dark-border);
}
.dark-mode .bg-light {
background-color: var(--dark-theme2) !important;
}
.dark-mode .custom-control-label::before {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .custom-control-input:active~.custom-control-label::before {
color: var(--dark-color);
background-color: var(--dark-theme2);
}
.dark-mode .custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px var(--dark-shadow), 0 0 0 2px var(--dark-shadow);
}
.dark-mode .tag.tag-attachments-sm {
background-color: transparent;
border-color: var(--dark-border);
}
.dark-mode .tag.tag-attachments {
background-color: transparent;
border-color: var(--dark-border);
}
.dark-mode .tag.tag-attachments-lg {
background-color: transparent;
border-color: var(--dark-border);
}
.dark-mode .list-group-item-action:hover,
.dark-mode .list-group-item-action:focus {
color: var(--dark-color2);
}
.dark-mode .list-group-transparent .list-group-item.active {
background: var(--dark-theme2);
}
.dark-mode .table-inbox tr {
border-bottom-color: var(--dark-border);
}
.dark-mode .table-inbox {
border-color: var(--dark-border);
}
.dark-mode .page-link {
background-color: var(--dark-theme);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .fc .fc-button-primary {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .fc .fc-button-primary:disabled {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .fc-theme-standard td,
.dark-mode .fc-theme-standard th {
border-color: var(--dark-border);
}
.dark-mode .fc-theme-standard .fc-scrollgrid {
border-color: var(--dark-border);
}
.dark-mode .fc .fc-daygrid-day.fc-day-today {
background-color: var(--dark-theme2);
}
.dark-mode .fc-timegrid-event-harness-inset .fc-timegrid-event,
.dark-mode .fc-timegrid-event.fc-event-mirror,
.dark-mode .fc-timegrid-more-link {
border-color: var(--dark-border);
}
.dark-mode .fc-v-event {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .fc-theme-standard .fc-list {
border-color: var(--dark-border);
}
.dark-mode .fc .fc-list-event:hover td {
background-color: var(--dark-theme2);
}
.dark-mode .fc-h-event {
border-color: var(--dark-border);
}
.dark-mode .fc-theme-standard .fc-popover {
border-color: var(--dark-border);
background: var(--dark-body);
}
.dark-mode .theme-white .cookie-popup {
background-color: var(--dark-body);
color: var(--dark-color);
}
.dark-mode .theme-white .cookie-popup-inner {
border-bottom-color: var(--dark-border);
}
.dark-mode .modal-content {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .popover {
background-color: var(--dark-theme);
border-color: var(--dark-border);
filter: drop-shadow(0 1px 3px var(--dark-shadow));
}
.dark-mode .popover-body {
color: var(--dark-color2);
}
.dark-mode .bs-popover-top>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
border-top-color: var(--dark-theme);
}
.dark-mode .bs-popover-top>.popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
border-top-color: var(--dark-border);
}
.dark-mode .bs-popover-bottom>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
border-bottom-color: var(--dark-theme);
}
.dark-mode .bs-popover-bottom>.popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
border-bottom-color: var(--dark-border);
}
.dark-mode .sweet-alert {
background-color: var(--dark-theme);
}
.dark-mode .popover-header {
color: var(--dark-color);
background-color: transparent;
border-color: var(--dark-border);
}
.dark-mode .sweet-alert h2 {
color: var(--dark-color);
}
.dark-mode .profile-share {
background: var(--dark-theme2);
}
.dark-mode .profile-footer {
background: var(--dark-theme2);
}
.dark-mode .selectgroup-button {
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .card-pay .tabs-menu li a {
background: var(--dark-theme2);
}
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
background-image: url('fancy_upload-white.png');
}
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:active {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .dropify-wrapper {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .dropify-wrapper .dropify-preview {
background-color: var(--dark-theme2);
}
.dark-mode .dropify-wrapper .dropify-clear {
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .dropify-wrapper:hover {
background-image: linear-gradient(-45deg, var(--dark-border) 25%, transparent 25%, transparent 50%, var(--dark-border) 50%, var(--dark-border) 75%, transparent 75%, transparent);
}
.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
color: var(--dark-color2);
}
.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .select2-container--default .select2-selection--multiple {
background-color: var(--dark-theme2);
border-color: var(--dark-border) !important;
color: var(--dark-color);
}
.dark-mode .input-group-text {
color: var(--dark-color);
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: var(--dark-theme) !important;
border-color: var(--dark-border) !important;
}
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: var(--dark-color);
}
.dark-mode .sp-replacer {
color: var(--dark-color);
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .ms-choice {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .ms-drop.bottom {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 0px 10px 15px -5px var(--dark-shadow);
}
.dark-mode .ms-drop {
background-color: var(--dark-theme);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .ms-drop .custom-control-label::before {
background-color: var(--dark-theme2);
}
.dark-mode .ms-choice.disabled {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .ms-search input {
border-color: var(--dark-border);
background: var(--dark-theme2);
}
.dark-mode .SumoSelect>.CaptionCont {
border-color: var(--dark-border);
color: var(--dark-color);
background-color: var(--dark-theme);
}
.dark-mode .SumoSelect>.CaptionCont {
border-color: var(--dark-border);
color: var(--dark-color);
background-color: var(--dark-theme);
}
.dark-mode .SumoSelect.disabled>.CaptionCont {
border-color: var(--dark-border);
}
.dark-mode .SumoSelect>.optWrapper>.options li.opt:hover {
background-color: var(--dark-theme2);
}
.dark-mode .SumoSelect>.optWrapper.multiple>.options li.opt span i {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .SumoSelect.open>.optWrapper {
box-shadow: 0px 10px 10px 20px var(--dark-shadow), 0px 10px 15px -5px var(--dark-shadow);
background: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .SumoSelect>.optWrapper>.options li.opt {
border-bottom-color: var(--dark-border);
}
.dark-mode .SumoSelect .select-all {
border-bottom-color: var(--dark-border);
background: var(--dark-theme);
}
.dark-mode .SumoSelect>.optWrapper>.MultiControls {
display: none;
border-top-color: var(--dark-border);
background: var(--dark-theme2);
}
.dark-mode input {
background: var(--dark-theme2);
}
.dark-mode .transfer-double {
background-color: transparent;
}
.dark-mode .transfer-double-list-search-input {
border-color: var(--dark-border);
}
.dark-mode .transfer-double-content-left {
border-color: var(--dark-border);
}
.dark-mode .transfer-double-list-footer {
border-top-color: var(--dark-border);
}
.dark-mode .transfer-double-content-tabs .tab-item-name.tab-active {
background: var(--dark-theme2);
}
.dark-mode .transfer-double-content-tabs {
border-bottom-color: var(--dark-border);
}
.dark-mode .checkbox-group label:before {
background: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .btn-select-arrow {
background: var(--dark-theme2);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .transfer-double-content-right {
border-color: var(--dark-border);
}
.dark-mode .transfer-double-content-param {
border-bottom-color: var(--dark-border);
}
.dark-mode .transfer-double-selected-list-search-input {
color: var(--dark-color) !important;
border-color: var(--dark-border);
}
.dark-mode .multi-wrapper .non-selected-wrapper {
background: var(--dark-theme2);
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
}
.dark-mode .multi-wrapper .item-1 {
color: var(--dark-color);
}
.dark-mode .multi-wrapper .selected-wrapper {
background: transparent;
}
.dark-mode .multi-wrapper {
border-color: var(--dark-border);
}
.dark-mode .multi-wrapper .search-input {
border-bottom-color: var(--dark-border);
}
.dark-mode .iti input[type=text],
.dark-mode .iti input[type=tel] {
border-color: var(--dark-border);
}
.dark-mode .iti__country-list {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .iti__divider {
border-bottom-color: var(--dark-border);
}
.dark-mode .iti__country.iti__highlight {
background-color: var(--dark-theme2);
}
.dark-mode .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: var(--dark-theme);
}
.dark-mode .iti__dial-code {
color: var(--dark-color2);
}
.dark-mode .sw-theme-dots>ul.step-anchor {
background: transparent;
border-color: var(--dark-border) !important;
}
.dark-mode .sw-theme-dots .step-content {
background: transparent;
}
.dark-mode .sw-theme-dots>ul.step-anchor>li>a:before {
background: var(--dark-theme2);
}
.dark-mode .sw-theme-dots>ul.step-anchor:before {
background-color: var(--dark-theme2);
}
.dark-mode .sw-theme-dots>ul.step-anchor>li>a:after {
background: var(--dark-theme);
}
.dark-mode .sw-theme-dots .sw-toolbar-bottom {
border-top-color: var(--dark-border) !important;
border-bottom-color: var(--dark-border) !important;
}
.dark-mode .sw-theme-dots .sw-toolbar {
background: transparent;
}
.dark-mode div[data-acc-step]:not(.open) {
background: var(--dark-theme2);
}
.dark-mode .wizard {
border-color: var(--dark-border);
background-color: transparent;
}
.dark-mode .wizard>.content {
border-top-color: var(--dark-border);
border-bottom-color: var(--dark-border);
}
.dark-mode .wizard>.steps .disabled a {
color: var(--dark-color);
}
.dark-mode input:-internal-autofill-selected {
background-color: transparent !important;
}
.dark-mode .richText {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .richText .richText-toolbar {
border-bottom-color: var(--dark-border);
border-top-color: var(--dark-border);
}
.dark-mode .richText .richText-editor {
background-color: var(--dark-theme);
border-left-color: var(--dark-border);
}
.dark-mode .richText .richText-toolbar ul li a:hover {
background-color: var(--dark-theme);
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
background-color: var(--dark-theme);
border-color: var(--dark-border);
box-shadow: 0 0 5px 0 var(--dark-shadow);
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
border-bottom-color: var(--dark-border);
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
background-color: var(--dark-theme2);
}
.dark-mode .richText .richText-form input[type=text],
.dark-mode .richText .richText-form input[type=file],
.dark-mode .richText .richText-form input[type=number] {
border-color: var(--dark-border);
}
.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: var(--dark-border);
}
.dark-mode .ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: var(--dark-color);
}
.dark-mode .ql-toolbar.ql-snow .ql-picker-label {
border-color: var(--dark-border);
background: var(--dark-theme2);
}
.dark-mode .ql-snow .ql-picker-options {
background-color: var(--dark-theme);
}
.dark-mode .ql-snow.ql-toolbar button,
.dark-mode .ql-snow .ql-toolbar button {
border-color: var(--dark-border);
background: var(--dark-theme2);
}
.dark-mode .ql-snow.ql-toolbar button i,
.dark-mode .ql-snow .ql-toolbar button i {
color: var(--dark-color);
}
.dark-mode .ql-toolbar.ql-snow {
border-color: var(--dark-border);
}
.dark-mode .ql-snow.ql-toolbar button:last-child,
.dark-mode .ql-snow .ql-toolbar button:last-child {
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
}
.dark-mode .ql-container.ql-snow {
border-color: var(--dark-border);
}
.dark-mode .modal-header {
border-bottom-color: var(--dark-border);
}
.dark-mode .modal-footer {
border-top-color: var(--dark-border);
}
.dark-mode code {
background: transparent;
border-color: var(--dark-border);
}
.dark-mode .highlight pre {
background-color: var(--dark-theme2);
}
.dark-mode .highlight {
border-color: var(--dark-border);
background: var(--dark-theme);
}
.dark-mode .clipboard-icon {
border-color: var(--dark-border);
}
.dark-mode .custom-control-input:disabled~.custom-control-label::before {
background-color: var(--dark-theme2);
}
.dark-mode .form-switch-indicator:before {
background: var(--dark-theme);
box-shadow: 0 1px 2px 0 var(--dark-shadow);
}
.dark-mode .form-switch-indicator {
background: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .custom-control-input:disabled~.custom-control-label {
color: var(--dark-color2);
}
.dark-mode .form-switch-description {
color: var(--dark-color);
}
.dark-mode .tree li.branch {
background: var(--dark-theme2);
}
.dark-mode .tree li a {
color: var(--dark-color);
}
.dark-mode .tree ul:before {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .tree li {
color: var(--dark-color);
border-color: var(--dark-border);
}
.dark-mode .tree ul li:before {
border-top-color: var(--dark-border);
}
.dark-mode .tree li.branch li {
background: transparent;
}
.dark-mode .table-striped>tbody>tr:nth-of-type(odd)>* {
color: var(--dark-color);
}
.dark-mode .dataTables_wrapper .selected {
background: var(--dark-theme2);
}
.dark-mode .panel-heading {
background: var(--dark-theme2);
}
.dark-mode .html-code {
background: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .panel-group .panel {
border-color: var(--dark-border);
}
.dark-mode .accordionjs .acc_section {
border-color: var(--dark-border);
}
.dark-mode .accordionjs .acc_section .acc_head {
background: var(--dark-theme2);
}
.dark-mode .accordionjs .acc_section.acc_active>.acc_head {
border-bottom-color: var(--dark-border);
}
.dark-mode .panel-group1 .panel-body {
border-color: var(--dark-border);
}
.dark-mode .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px var(--dark-shadow);
}
.dark-mode .offer {
background: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .breadcrumb1 {
background-color: var(--dark-theme2);
}
.dark-mode .breadcrumb-item1.active {
color: var(--dark-color);
}
.dark-mode .breadcrumb-arrow {
background-color: var(--dark-theme2);
}
.dark-mode .breadcrumb-arrow li span {
color: var(--dark-color);
}
.dark-mode .example {
border-color: var(--dark-border);
}
.dark-mode blockquote {
color: var(--dark-color);
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .dropdown-menu .dropdown-plus-title {
color: var(--dark-color) !important;
border-color: var(--dark-border) !important;
}
.dark-mode .dropdown-menu .divider {
background: var(--dark-border);
}
.dark-mode .footer {
background: var(--dark-theme2);
border-top-color: var(--dark-border);
}
.dark-mode .footer .social .social-icon {
background: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .icon i {
color: var(--dark-color);
}
.dark-mode .panel-default .list-group-item.active {
color: var(--dark-color);
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .list-group-item.disabled,
.dark-mode .list-group-item:disabled {
color: var(--dark-color2);
background-color: var(--dark-theme2);
}
.dark-mode .listunorder,
.dark-mode .listorder {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .expanel {
background-color: var(--dark-theme2) !important;
border-color: var(--dark-border) !important;
}
.dark-mode .expanel-default>.expanel-heading {
background-color: var(--dark-theme2) !important;
border-color: var(--dark-border) !important;
}
.dark-mode .expanel-footer {
background-color: var(--dark-theme2) !important;
border-top-color: var(--dark-border) !important;
}
.dark-mode .popover-static-demo {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .bs-popover-start>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
border-left-color: var(--dark-theme);
border-right-color: var(--dark-theme);
}
.dark-mode .bs-popover-end>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
border-left-color: var(--dark-theme);
border-right-color: var(--dark-theme);
}
.dark-mode .bs-popover-start>.popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .bs-popover-end>.popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .tab-menu-heading {
border-color: var(--dark-border);
}
.dark-mode .tab_wrapper .content_wrapper {
border-color: var(--dark-border);
}
.dark-mode .tab_wrapper>ul {
border-bottom-color: var(--dark-border);
}
.dark-mode .tab_wrapper>ul li {
border-color: var(--dark-border);
}
.dark-mode .tab_wrapper>ul li.active:after {
background: var(--dark-theme);
}
.dark-mode .tab_wrapper>ul li {
background: var(--dark-theme);
}
.dark-mode .tab_wrapper .content_wrapper .accordian_header .arrow {
background: transparent;
border-top-color: var(--dark-border);
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .tooltip-static-demo {
background-color: var(--dark-theme);
}
.dark-mode .profile-edit textarea:focus {
background: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .main-proifle {
background: var(--dark-theme);
border-top-color: var(--dark-border);
}
.dark-mode .timelineleft>li>.timelineleft-item {
box-shadow: 0 0 1.25rem var(--dark-shadow);
background: var(--dark-theme);
color: var(--dark-color);
border-color: var(--dark-border);
}
.dark-mode .timelineleft>li>.timelineleft-item>.timelineleft-header {
color: var(--dark-color2);
border-bottom-color: var(--dark-border);
}
.dark-mode .mail-option .chk-all,
.dark-mode .mail-option .btn-group a.btn {
border-color: var(--dark-border);
}
.dark-mode .btn:hover {
color: var(--dark-color2);
}
.dark-mode .inbox-pagination a.np-btn {
border-color: var(--dark-border);
}
.dark-mode .table-inbox tr.unread td {
background: var(--dark-theme2);
border-bottom-color: var(--dark-border);
}
.dark-mode .plan-card .plan-price {
border-top-color: var(--dark-border);
}
.dark-mode .plan-card .plan-features p:first-child {
border-top-color: var(--dark-border);
}
.dark-mode .plan-card .plan-features p {
border-bottom-color: var(--dark-border);
}
.dark-mode .panel.price {
border-color: var(--dark-border);
}
.dark-mode .price.panel-color>.panel-body {
background-color: var(--dark-theme);
}
.dark-mode .price .list-group-item {
border-bottom-color: var(--dark-border);
}
.dark-mode .price .panel-footer {
background-color: var(--dark-theme);
}
.dark-mode .panel-footer {
border-top-color: var(--dark-border);
}
@media (min-width: 1280px) {
.dark-mode .plan-card.active {
box-shadow: 0px 10px 10px 5px var(--dark-shadow), 10px 10px 15px -5px var(--dark-shadow);
}
}
.dark-mode .pricing-tabs ul.nav-price li a {
background: var(--dark-theme);
}
.dark-mode .pricing-tabs ul.nav-price {
border-color: var(--dark-border);
background: var(--dark-theme);
}
.dark-mode .pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
border-left-color: var(--dark-border);
border-right-color: var(--dark-border);
}
.dark-mode .sub-panel-heading .tabs-menu ul li {
border-bottom-color: var(--dark-border);
}
.dark-mode .sub-panel-heading .tabs-menu ul li a.active {
background: var(--dark-theme2);
}
.dark-mode .item-card .cardtitle a {
color: var(--dark-color2);
}
.dark-mode .colorinput-color {
border-color: var(--dark-border);
color: var(--dark-color);
box-shadow: 0 1px 2px 0 var(--dark-shadow);
}
.dark-mode .title-style h1 {
background: var(--dark-theme);
}
.dark-mode.page-style1 .input-group-addon {
border-color: var(--dark-border);
background: var(--dark-theme2);
}
.dark-mode.page-style1 .input-group-addon.bg-white {
background-color: var(--dark-theme2) !important;
}
.dark-mode.page-style1 .input-group-text {
border-color: var(--dark-border);
}
.dark-mode.page-style1 .input-group-text.bg-white {
background-color: var(--dark-theme2) !important;
}
.dark-mode.page-style1 .input-group {
background-color: var(--dark-theme) !important;
}
.dark-mode.page-style2.page-style1:before {
background: linear-gradient(var(--dark-body), var(--dark-body)), url('4.png');
}
.dark-mode hr.divider:after {
background: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .apexcharts-canvas .apexcharts-xaxis-texts-g text {
fill: var(--dark-color);
}
.dark-mode .apexcharts-canvas .apexcharts-yaxis-texts-g text {
fill: var(--dark-color);
}
.dark-mode #chart5 .apexcharts-canvas .apexcharts-svg .apexcharts-graphical .apexcharts-pie .apexcharts-pie-series path,
.dark-mode #chart4 .apexcharts-canvas .apexcharts-svg .apexcharts-graphical .apexcharts-pie .apexcharts-pie-series path {
stroke: var(--dark-border);
}
.dark-mode #chart7 .apexcharts-canvas .apexcharts-svg .apexcharts-graphical .apexcharts-radar-series polygon,
.dark-mode #chart6 .apexcharts-canvas .apexcharts-svg .apexcharts-graphical .apexcharts-radar-series polygon {
fill: var(--dark-theme2);
stroke: var(--dark-theme2);
}
.dark-mode #chart9 .apexcharts-canvas .apexcharts-svg .apexcharts-radialbar .apexcharts-tracks .apexcharts-track path,
.dark-mode #chart8 .apexcharts-canvas .apexcharts-svg .apexcharts-radialbar .apexcharts-tracks .apexcharts-track path {
stroke: var(--dark-border);
}
.dark-mode .bg-gray-100 {
background-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .bg-gray-200 {
background-color: rgba(0, 0, 0, 0.2);
}
.dark-mode .bg-gray-300 {
background-color: rgba(0, 0, 0, 0.3);
}
.dark-mode .bg-gray-400 {
background-color: rgba(0, 0, 0, 0.4);
}
.dark-mode .bg-gray-500 {
background-color: rgba(0, 0, 0, 0.5);
}
.dark-mode .bg-gray-600 {
background-color: rgba(0, 0, 0, 0.6);
}
.dark-mode .bg-gray-700 {
background-color: rgba(0, 0, 0, 0.7);
}
.dark-mode .bg-gray-800 {
background-color: rgba(0, 0, 0, 0.8);
}
.dark-mode .bg-gray-900 {
background-color: rgba(0, 0, 0, 0.9);
}
.dark-mode .border-top {
border-top-color: var(--dark-border) !important;
}
.dark-mode .border-bottom {
border-bottom-color: var(--dark-border) !important;
}
.dark-mode .border {
border-color: var(--dark-border) !important;
}
.dark-mode .border-start {
border-left-color: var(--dark-border) !important;
border-right-color: var(--dark-border) !important;
}
.dark-mode .border-end {
border-left-color: var(--dark-border) !important;
border-right-color: var(--dark-border) !important;
}
.dark-mode .border-end-0 {
border-left-color: var(--dark-border) !important;
border-right-color: var(--dark-border) !important;
}
.dark-mode .border-start-0 {
border-left-color: var(--dark-border) !important;
border-right-color: var(--dark-border) !important;
}
.dark-mode .border-top-bottom {
border-top-color: var(--dark-border) !important;
border-bottom-color: var(--dark-border) !important;
}
.dark-mode .daterangepicker .calendar-table {
border-color: var(--dark-border);
background-color: var(--dark-theme2);
}
.dark-mode .daterangepicker td.off.in-range,
.dark-mode .daterangepicker td.off.start-date,
.dark-mode .daterangepicker td.off.end-date {
background-color: var(--dark-theme);
color: var(--dark-color);
}
.dark-mode .daterangepicker td.off {
background-color: var(--dark-theme);
color: var(--dark-color);
}
.dark-mode .daterangepicker td.in-range {
color: var(--dark-color);
}
.dark-mode table.table-bordered.dataTable td:first-child {
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
}
.dark-mode .ui-datepicker {
background-color: var(--dark-theme);
border-color: var(--dark-border);
}
.dark-mode .ui-datepicker .ui-datepicker-calendar td {
background-color: var(--dark-theme2);
border-color: var(--dark-border);
}
.dark-mode .ui-datepicker .ui-datepicker-calendar td a {
background-color: var(--dark-theme2);
color: var(--dark-color);
}
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
color: var(--dark-color);
}
.dark-mode .nav1 {
background: var(--dark-theme2);
}
.dark-mode .nav-pills .nav-link {
background: var(--dark-theme2);
}
.dark-mode .tag {
color: var(--dark-color);
background-color: var(--dark-theme2);
}
.dark-mode .icons-list-item {
border-color: var(--dark-border);
background: var(--dark-theme2);
}
body.app.body-style1 {
background: #fff;
}
body.app.body-style1 .card {
box-shadow: none;
border: 1px solid #eff0f6 !important;
}
body.app.body-style1 .page {
background: #fff !important;
}
body.app.body-style1 .app-sidebar {
box-shadow: none;
}
body.app.body-style1 .app-header {
box-shadow: none;
}
body.app.body-style1 footer.footer {
box-shadow: none;
border-top: 1px solid #eff0f6;
}
@media (max-width: 991.98px) {
body.app.body-style1 .horizontal .app-header.hor-header {
box-shadow: none;
}
}
body.dark-mode.body-style1 {
background: var(--dark-theme);
}
body.dark-mode.body-style1 .card {
box-shadow: none;
border-color: var(--dark-border) !important;
}
body.dark-mode.body-style1 .page {
background: var(--dark-theme) !important;
}
body.dark-mode.body-style1 .app-sidebar {
box-shadow: none;
}
body.dark-mode.body-style1 .app-header {
box-shadow: none;
}
body.dark-mode.body-style1 footer.footer {
box-shadow: none;
border-top: 1px solid var(--dark-border);
}
@media (min-width: 992px) {
body.dark-mode.body-style1.horizontal .horizontal-main {
box-shadow: none;
}
}
/***********Boxed Styles****************/
@media (min-width: 1400px) {
body.layout-boxed {
background: #f2f6f9;
}
body.layout-boxed .page {
width: 1400px;
margin: 0 auto;
background: #f2f6f9;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
overflow: hidden;
}
body.layout-boxed.horizontal .hor-header .container,
body.layout-boxed.horizontal .horizontal-main .container,
body.layout-boxed.horizontal .main-content.horizontal-content .container {
max-width: 95% !important;
}
body.layout-boxed .sticky-pin .horizontal-main {
max-width: 1400px;
margin: 0;
}
body.layout-boxed .app-header {
max-width: 1400px;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
}
body.layout-boxed .main-content .container,
body.layout-boxed .app-header>.container,
body.layout-boxed .horizontal-mainwrapper.container {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
body.layout-boxed .horizontalMenu>.horizontalMenu-list>li>a {
padding: 15px 11px 15px 11px;
}
body.layout-boxed .page.bg-primary-transparent,
body.layout-boxed .main-error-wrapper.page {
background: var(--primary-bg-color) !important;
}
body.layout-boxed .app-sidebar {
left: auto !important;
}
body.layout-boxed .main-content-left-chat .main-nav-line-chat .nav-link+.nav-link {
margin-left: 0;
}
body.layout-boxed .main-nav-line-chat {
padding: 0 17px;
}
body.layout-boxed .app-sidebar .main-sidebar-header {
left: auto;
right: auto;
}
body.layout-boxed.dark-mode {
background: var(--dark-body) !important;
}
body.layout-boxed.dark-mode .page {
background: transparent;
box-shadow: rgba(255, 255, 255, 0.1) 0px 5px 0px 0px, rgba(255, 255, 255, 0.1) 0px 5px 25px 0px;
}
}
/***********Boxed Styles****************/
/***********Scroll-layout Styles****************/
/*--- Scrollabel-header ----*/
@media (max-width: 991px) {
.scrollable-layout .responsive-navbar.navbar {
position: inherit !important;
}
.scrollable-layout .responsive-navbar.navbar .navbar-collapse {
position: absolute !important;
}
}
@media (min-width: 992px) {
.horizontal.scrollable-layout .app-sidebar {
position: relative !important;
max-width: 100% !important;
}
.horizontal.scrollable-layout .app-header {
position: relative !important;
max-width: 100% !important;
}
}
.scrollable-layout .app-header {
position: absolute !important;
max-width: 100% !important;
}
.scrollable-layout .app-sidebar,
.scrollable-layout .main-sidebar-header {
position: absolute;
}
.scrollable-layout .page {
position: relative;
}
.scrollable-layout .sticky.sticky-pin {
position: inherit !important;
}
/***********Scroll-layout Styles****************/
.light-menu .main-sidebar-header {
background: #fff !important;
border-bottom-color: #eff0f6 !important;
border-right-color: #eff0f6 !important;
border-left-color: #eff0f6 !important;
}
.light-menu.app.sidebar-mini .desktop-logo.logo-dark {
display: none !important;
}
.light-menu.app.sidebar-mini .desktop-logo.logo-light {
display: block !important;
}
.light-menu .app-sidebar {
background: #fff !important;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(204, 210, 236, 0.32);
border-right-color: #eff0f6 !important;
border-left-color: #eff0f6 !important;
color: #424e79;
}
.light-menu .app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.light-menu .app-sidebar__user .user-info h4 {
color: #424e79 !important;
}
.light-menu .app-sidebar__user .user-info .text-muted {
color: #b3bdca !important;
}
.light-menu .app-sidebar .side-item.side-item-category {
color: #2c364c;
}
.light-menu .app-sidebar-help {
background: #fff;
border-top: 1px solid #eff0f6;
border-right: 1px solid #eff0f6;
}
.light-menu .app-sidebar-help .nav-link {
color: #424e79 !important;
}
.light-menu .app-sidebar-help .dropdown-menu {
border: 1px solid #eff0f6;
}
.light-menu .app-sidebar-help .header-icon {
color: var(--primary05);
fill: var(--primary05);
}
@media print {
.light-menu .app-content {
background-color: #fff;
}
}
.light-menu .line-head {
border-bottom-color: #eff0f6;
}
.light-menu .app-sidebar__user {
color: #424e79;
border-bottom: 1px solid #eff0f6;
}
.light-menu .app-sidebar__user img {
border-color: #eff0f6 !important;
background: #fff !important;
}
.light-menu .app-sidebar__user-name {
color: #e5e9ec;
}
.light-menu .app-sidebar__user-designation {
color: #e5e9ec;
}
.light-menu slide is-expanded side-menu__item {
background: rgba(238, 238, 247, 0.9);
}
.light-menu .side-menu .slide.active .side-menu__label,
.light-menu .side-menu .slide.active .side-menu__icon {
color: var(--primary-bg-color);
}
.light-menu .side-menu__item.active,
.light-menu .side-menu__item:hover,
.light-menu .side-menu__item:focus {
color: var(--primary-bg-color);
}
.light-menu .side-menu__item.active .side-menu__label {
color: var(--primary-bg-color) !important;
}
.light-menu .side-menu__item.active .angle {
color: var(--primary-bg-color) !important;
}
.light-menu .side-menu__item.active .side-menu__icon {
fill: var(--primary-bg-color) !important;
}
.light-menu .side-menu__item.active .side-menu__icon,
.light-menu .side-menu__item:hover .side-menu__icon,
.light-menu .side-menu__item:focus .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary02) !important;
}
@media (min-width: 992px) {
.light-menu.app.sidenav-toggled .side-menu__label {
color: rgba(255, 255, 255, 0.8);
}
}
.light-menu .slide:hover .side-menu__label,
.light-menu .slide:hover .angle,
.light-menu .slide:hover .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: var(--primary02) !important;
}
.light-menu .slide.is-expanded .side-menu__label,
.light-menu .slide.is-expanded .side-menu__icon,
.light-menu .slide.is-expanded .angle {
color: var(--primary-bg-color) !important;
}
.light-menu .slide-item.active,
.light-menu .slide-item:hover,
.light-menu .slide-item:focus {
color: var(--primary-bg-color) !important;
}
.light-menu .slide-item.active::before,
.light-menu .slide-item:hover::before,
.light-menu .slide-item:focus::before {
color: var(--primary-bg-color) !important;
}
.light-menu .slide-item.active .sub-angle,
.light-menu .slide-item:hover .sub-angle,
.light-menu .slide-item:focus .sub-angle {
color: var(--primary-bg-color) !important;
opacity: 1;
}
.light-menu .sub-side-menu__item.active,
.light-menu .sub-side-menu__item:hover,
.light-menu .sub-side-menu__item:focus {
color: var(--primary-bg-color) !important;
}
.light-menu .sub-side-menu__item.active::before,
.light-menu .sub-side-menu__item:hover::before,
.light-menu .sub-side-menu__item:focus::before {
color: var(--primary-bg-color) !important;
}
.light-menu .sub-side-menu__item.active .sub-angle,
.light-menu .sub-side-menu__item:hover .sub-angle,
.light-menu .sub-side-menu__item:focus .sub-angle {
color: var(--primary-bg-color) !important;
opacity: 1;
}
.light-menu .slide.is-expanded a {
color: #576482;
}
.light-menu .side-menu .side-menu__icon {
color: var(--primary05);
fill: var(--primary02);
}
.light-menu .side-menu__label {
color: #5b6e88 !important;
}
.light-menu .app-sidebar .slide .side-menu__item.active::before {
background: var(--primary-bg-color) !important;
}
.light-menu .slide-item {
color: #576482;
}
@media (min-width: 992px) {
.light-menu.sidenav-toggled .side-menu__label {
color: #a8a8a8;
}
.light-menu.sidenav-toggled .slide-menu {
box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
}
.light-menu .app.sidenav-toggled .side-menu__label {
color: #5c6287;
}
}
.light-menu .app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.05);
}
.light-menu .app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.light-menu .app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(255, 255, 255, 0.2);
}
.light-menu .user-info .text-dark {
color: #fff !important;
}
.light-menu .user-info .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.light-menu .side-menu h3 {
color: #90909e;
}
.light-menu .sub-side-menu__item {
color: #576482;
}
.light-menu .sub-slide-item {
color: #576482;
}
.light-menu .app-sidebar .side-menu__item.active:hover {
color: #7282a9 !important;
}
.light-menu .app-sidebar .slide.active .side-menu__icon,
.light-menu .app-sidebar .slide.is-expanded .side-menu__icon {
fill: var(--primary02) !important;
}
.light-menu .app-sidebar .slide.active .side-menu__icon {
fill: var(--primary-bg-color) !important;
}
.light-menu .app-sidebar .slide.active .side-menu__item {
color: var(--primary-bg-color) !important;
}
.light-menu .app-sidebar .slide-menu a:before {
color: #576482;
}
.light-menu .sub-slide-menu1 .sub-slide-item2:before {
color: #576482;
}
.light-menu .sidebar-mini.sidenav-toggled .close-toggle {
color: #000;
}
.light-menu .sub-slide-menu .active .sub-slide-item.active {
color: var(--primary-bg-color);
}
.light-menu .app-sidebar .slide-menu a.active:before {
color: var(--primary-bg-color);
}
@media (min-width: 992px) {
.light-menu.app.sidebar-mini.sidenav-toggled-open .ps>.ps__rail-y>.ps__thumb-y {
background-color: #e9eef7;
}
}
.light-menu .sub-slide.is-expanded .sub-side-menu__item:hover {
color: var(--primary-bg-color);
}
.light-menu .slide.is-expanded .sub-slide-item:hover {
color: var(--primary-bg-color);
}
.light-menu .sub-slide-menu1 .sub-slide-item2 {
color: #576482;
}
.light-menu .sub-slide-menu1 .sub-slide-item2:hover {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.light-menu.hover-submenu.app.sidenav-toggled-open .slide-menu {
background: #fff;
border-color: #eff0f6;
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
}
.light-menu.hover-submenu.app.sidenav-toggled-open .side-menu__label {
color: #7b8191;
}
.light-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.light-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.light-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.light-menu.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: none !important;
}
.light-menu.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: block !important;
}
}
@media (min-width: 992px) {
.light-menu.hover-submenu1.app.sidenav-toggled-open .slide-menu {
background: #fff;
border-color: #eff0f6;
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
}
.light-menu.hover-submenu1.app.sidenav-toggled-open .side-menu__label {
color: #7b8191;
}
.light-menu.hover-submenu1.app.sidenav-toggled-open .side-menu-label1 {
border-bottom-color: #eff0f6 !important;
}
.light-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.light-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.light-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.light-menu.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: none !important;
}
.light-menu.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: block !important;
}
.light-menu.hover-submenu1 .side-menu-label1 a {
color: var(--primary-bg-color);
}
}
.light-menu .angle,
.light-menu .sub-angle {
color: #5b6e88 !important;
}
@media (min-width: 992px) {
.light-menu.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-dark {
display: none;
}
.light-menu.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-light {
display: block;
}
}
.light-menu.sidebar-mini .main-sidemenu {
background-color: transparent !important;
}
.light-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__label,
.light-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__item.active .side-menu__label {
color: #5c6287;
}
.light-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {
border-right-color: #eff0f6;
border-left-color: #eff0f6;
background: #fff !important;
}
@media (min-width: 992px) {
.light-menu .sidenav-toggled.sidenav-toggled-open .app-sidebar .slide .side-menu__item.active::before {
background: var(--primary-bg-color);
}
.light-menu .horizontal-main {
box-shadow: none;
}
.light-menu .sticky-pin .horizontal-main {
background: #fff !important;
}
.light-menu.horizontal .horizontal-main .slide .slide-menu,
.light-menu.horizontal .horizontal-main .slide .sub-slide-menu,
.light-menu.horizontal .horizontal-main .sub-slide2 .sub-slide-menu1 {
background-color: #fff !important;
border-color: #eff0f6;
}
.light-menu.app.sidenav-toggled .side-menu__label {
color: #5c6287;
}
}
@media (max-width: 991px) {
.light-menu.app.sidenav-toggled .app-sidebar {
background: #fff;
}
}
@media (min-width: 992px) {
.light-menu.horizontal .app-sidebar {
border-top-color: #eff0f6;
}
}
.light-menu #slide-right svg,
.light-menu #slide-left svg {
fill: #7b8191;
}
@media (min-width: 992px) {
.light-menu.hover-submenu .app-sidebar .slide-menu .slide-item:before,
.light-menu.hover-submenu1 .app-sidebar .slide-menu .slide-item:before {
color: #576482 !important;
}
}
.color-menu .main-sidebar-header {
background: var(--primary-bg-color) !important;
border-bottom-color: rgba(255, 255, 255, 0.2) !important;
border-right-color: rgba(255, 255, 255, 0.2) !important;
border-left-color: rgba(255, 255, 255, 0.2) !important;
}
.color-menu.app.sidebar-mini .desktop-logo.logo-dark {
display: block !important;
}
.color-menu.app.sidebar-mini .desktop-logo.logo-light {
display: none !important;
}
.color-menu .app-sidebar {
background: var(--primary-bg-color) !important;
box-shadow: none;
border-right-color: rgba(255, 255, 255, 0.2);
border-left-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.7);
}
.color-menu .app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.1);
}
.color-menu .app-sidebar__user .user-info h4 {
color: rgba(255, 255, 255, 0.7) !important;
}
.color-menu .app-sidebar__user .user-info .text-muted {
color: rgba(255, 255, 255, 0.7) !important;
}
.color-menu .app-sidebar .side-item.side-item-category {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .app-sidebar-help {
background: var(--primary-bg-color);
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.color-menu .app-sidebar-help .nav-link {
color: #fff;
}
.color-menu .app-sidebar-help .dropdown-menu {
border: 1px solid rgba(255, 255, 255, 0.2);
}
.color-menu .app-sidebar-help .dropdown-menu-arrow.dropdown-menu-end::before,
.color-menu .app-sidebar-help .dropdown-menu-arrow.dropdown-menu-end::after {
border-bottom: 9px solid rgba(255, 255, 255, 0.2);
}
.color-menu .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
@media print {
.color-menu .app-content {
background-color: rgba(0, 0, 0, 0.2);
}
}
.color-menu .line-head {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.color-menu .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.color-menu .app-sidebar__user img {
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
background: rgba(0, 0, 0, 0.2) !important;
}
.color-menu .app-sidebar__user-name {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .app-sidebar__user-designation {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .side-menu .slide.active .side-menu__label,
.color-menu .side-menu .slide.active .side-menu__icon {
color: #fff;
fill: #fff;
}
.color-menu .side-menu__item.active,
.color-menu .side-menu__item:hover,
.color-menu .side-menu__item:focus {
color: #fff;
}
.color-menu .side-menu__item.active .side-menu__label {
color: #fff !important;
}
.color-menu .side-menu__item.active .angle {
color: #fff !important;
}
.color-menu .side-menu__item.active .side-menu__icon {
fill: #fff !important;
}
.color-menu .side-menu__item.active .side-menu__icon,
.color-menu .side-menu__item:hover .side-menu__icon,
.color-menu .side-menu__item:focus .side-menu__icon {
color: rgba(255, 255, 255, 0.8) !important;
fill: rgba(255, 255, 255, 0.08) !important;
}
@media (min-width: 992px) {
.color-menu.app.sidenav-toggled .side-menu__label {
color: rgba(0, 0, 0, 0.2);
}
}
.color-menu .slide:hover .side-menu__label,
.color-menu .slide:hover .angle,
.color-menu .slide:hover .side-menu__icon {
color: #fff !important;
fill: rgba(255, 255, 255, 0.08) !important;
}
.color-menu .slide.is-expanded .side-menu__label,
.color-menu .slide.is-expanded .side-menu__icon,
.color-menu .slide.is-expanded .angle {
color: #fff !important;
}
.color-menu .slide-item.active,
.color-menu .slide-item:hover,
.color-menu .slide-item:focus {
color: #fff !important;
}
.color-menu .slide-item.active::before,
.color-menu .slide-item:hover::before,
.color-menu .slide-item:focus::before {
color: #fff !important;
}
.color-menu .slide-item.active .sub-angle,
.color-menu .slide-item:hover .sub-angle,
.color-menu .slide-item:focus .sub-angle {
color: #fff !important;
opacity: 1;
}
.color-menu .sub-side-menu__item.active,
.color-menu .sub-side-menu__item:hover,
.color-menu .sub-side-menu__item:focus {
color: #fff !important;
}
.color-menu .sub-side-menu__item.active::before,
.color-menu .sub-side-menu__item:hover::before,
.color-menu .sub-side-menu__item:focus::before {
color: #fff !important;
}
.color-menu .sub-side-menu__item.active .sub-angle,
.color-menu .sub-side-menu__item:hover .sub-angle,
.color-menu .sub-side-menu__item:focus .sub-angle {
color: #fff !important;
opacity: 1;
}
.color-menu .slide.is-expanded a {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .sub-slide-menu a.active,
.color-menu .sub-slide-menu a:hover,
.color-menu .sub-slide-menu a:focus {
color: #fff !important;
}
.color-menu .sub-slide-menu a.sub-slide-item:hover::before {
color: #fff !important;
}
.color-menu .side-menu .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-menu .side-menu__label {
color: rgba(255, 255, 255, 0.7) !important;
}
.color-menu .app-sidebar .slide .side-menu__item.active::before {
background: #fff !important;
}
.color-menu .slide-item {
color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 992px) {
.color-menu.sidenav-toggled .side-menu__label {
color: rgba(255, 255, 255, 0.7);
}
.color-menu.sidenav-toggled .slide-menu {
box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.1);
}
.color-menu .app.sidenav-toggled .side-menu__label {
color: rgba(255, 255, 255, 0.7);
}
}
.color-menu .app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.2);
}
.color-menu .app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.color-menu .app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(0, 0, 0, 0.2);
}
.color-menu .user-info .text-dark {
color: rgba(0, 0, 0, 0.2) !important;
}
.color-menu .user-info .text-muted {
color: rgba(0, 0, 0, 0.2) !important;
}
.color-menu .side-menu h3 {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .sub-side-menu__item {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .sub-slide-item {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .app-sidebar .side-menu__item.active:hover {
color: rgba(255, 255, 255, 0.7) !important;
}
.color-menu .app-sidebar .slide.active .side-menu__icon,
.color-menu .app-sidebar .slide.is-expanded .side-menu__icon {
fill: rgba(255, 255, 255, 0.08) !important;
}
.color-menu .app-sidebar .slide.active .side-menu__icon {
fill: #fff !important;
}
.color-menu .app-sidebar .slide.active .side-menu__item {
color: #fff !important;
}
.color-menu .app-sidebar .slide-menu a:before {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .sub-slide-menu1 .sub-slide-item2:before {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .sidebar-mini.sidenav-toggled .close-toggle {
color: #fff;
}
.color-menu .sub-slide-menu .active .sub-slide-item.active {
color: #fff;
}
.color-menu .app-sidebar .slide-menu a.active:before {
color: #fff;
}
@media (min-width: 992px) {
.color-menu.app.sidebar-mini.sidenav-toggled-open .ps>.ps__rail-y>.ps__thumb-y {
background-color: rgba(0, 0, 0, 0.2);
}
}
.color-menu .sub-slide.is-expanded .sub-side-menu__item:hover {
color: #fff;
}
.color-menu .slide.is-expanded .sub-slide-item:hover {
color: #fff;
}
.color-menu .sub-slide-menu1 .sub-slide-item2 {
color: rgba(255, 255, 255, 0.7);
}
.color-menu .sub-slide-menu1 .sub-slide-item2:hover {
color: #fff !important;
}
@media (min-width: 992px) {
.color-menu.hover-submenu.app.sidenav-toggled-open .slide-menu {
background: var(--primary-bg-color);
border-color: rgba(255, 255, 255, 0.2);
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
}
.color-menu.hover-submenu.app.sidenav-toggled-open .side-menu__label {
color: rgba(255, 255, 255, 0.7);
}
.color-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.color-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.color-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.color-menu.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: block !important;
}
.color-menu.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: none !important;
}
}
@media (min-width: 992px) {
.color-menu.hover-submenu1.app.sidenav-toggled-open .slide-menu {
background: var(--primary-bg-color);
border-color: rgba(255, 255, 255, 0.2);
box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);
}
.color-menu.hover-submenu1.app.sidenav-toggled-open .side-menu__label {
color: rgba(255, 255, 255, 0.7);
}
.color-menu.hover-submenu1.app.sidenav-toggled-open .side-menu-label1 {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.color-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.color-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.color-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.color-menu.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: block !important;
}
.color-menu.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: none !important;
}
.color-menu.hover-submenu1 .side-menu-label1 a {
color: #fff;
}
}
.color-menu .angle,
.color-menu .sub-angle {
color: rgba(255, 255, 255, 0.7) !important;
opacity: 1;
}
@media (min-width: 992px) {
.color-menu.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-dark {
display: block;
}
.color-menu.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-light {
display: none;
}
}
.color-menu.sidebar-mini .main-sidemenu {
background-color: transparent !important;
}
.color-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__label,
.color-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__item.active .side-menu__label {
color: rgba(255, 255, 255, 0.7);
}
.color-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {
border-right-color: rgba(255, 255, 255, 0.2);
border-left-color: rgba(255, 255, 255, 0.2);
background: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.color-menu .sidenav-toggled.sidenav-toggled-open .app-sidebar .slide .side-menu__item.active::before {
background: #fff;
}
.color-menu .sticky-pin .horizontal-main {
background: var(--primary-bg-color) !important;
}
.color-menu.horizontal .horizontal-main .slide .slide-menu,
.color-menu.horizontal .horizontal-main .slide .sub-slide-menu,
.color-menu.horizontal .horizontal-main .sub-slide2 .sub-slide-menu1 {
background-color: var(--primary-bg-color) !important;
border-color: rgba(255, 255, 255, 0.2);
}
.color-menu.app.sidenav-toggled .side-menu__label {
color: rgba(255, 255, 255, 0.7);
}
}
.color-menu #slide-right svg,
.color-menu #slide-left svg {
fill: #fff;
}
.color-menu .app-sidebar.sidebar-scroll .main-sidebar-header {
background: var(--primary-bg-color) !important;
}
@media (max-width: 991px) {
.color-menu.app.sidenav-toggled .app-sidebar {
background: var(--primary-bg-color);
}
}
@media (min-width: 992px) {
.color-menu.horizontal .app-sidebar {
border-top-color: rgba(255, 255, 255, 0.2);
}
}
.color-menu #slide-right svg,
.color-menu #slide-left svg {
fill: #fff;
}
.dark-menu .main-sidebar-header {
background: var(--dark-theme) !important;
border-bottom-color: var(--dark-border) !important;
border-right-color: var(--dark-border) !important;
border-left-color: var(--dark-border) !important;
}
.dark-menu.app.sidebar-mini .desktop-logo.logo-dark {
display: block !important;
}
.dark-menu.app.sidebar-mini .desktop-logo.logo-light {
display: none !important;
}
.dark-menu .app-sidebar {
background: var(--dark-theme) !important;
box-shadow: none;
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
color: var(--dark-color);
}
.dark-menu .app-sidebar::-webkit-scrollbar-thumb {
background: var(--dark-shadow);
}
.dark-menu .app-sidebar__user .user-info h4 {
color: var(--dark-color) !important;
}
.dark-menu .app-sidebar__user .user-info .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.dark-menu .app-sidebar .side-item.side-item-category {
color: var(--dark-color);
}
.dark-menu .app-sidebar-help {
background: var(--dark-theme);
border-top: 1px solid var(--dark-border);
border-right: 1px solid var(--dark-border);
}
.dark-menu .app-sidebar-help .nav-link {
color: #fff;
}
.dark-menu .app-sidebar-help .dropdown-menu {
border: 1px solid var(--dark-border);
}
.dark-menu .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
@media print {
.dark-menu .app-content {
background-color: var(--dark-theme);
}
}
.dark-menu .line-head {
border-bottom-color: var(--dark-border);
}
.dark-menu .app-sidebar__user {
border-bottom: 1px solid var(--dark-border);
color: var(--dark-color);
}
.dark-menu .app-sidebar__user img {
box-shadow: 0px 5px 5px 0px var(--dark-shadow) !important;
border-color: var(--dark-border) !important;
background: var(--dark-theme) !important;
}
.dark-menu .app-sidebar__user-name {
color: var(--dark-color);
}
.dark-menu .app-sidebar__user-designation {
color: var(--dark-color);
}
.dark-menu slide is-expanded side-menu__item {
background: var(--dark-body);
}
.dark-menu .side-menu .slide.active .side-menu__label,
.dark-menu .side-menu .slide.active .side-menu__icon {
color: var(--primary-bg-color);
fill: var(--primary-bg-color);
}
.dark-menu .side-menu__item.active,
.dark-menu .side-menu__item:hover,
.dark-menu .side-menu__item:focus {
color: var(--primary-bg-color);
}
.dark-menu .side-menu__item.active .side-menu__label {
color: var(--primary-bg-color) !important;
}
.dark-menu .side-menu__item.active .angle {
color: var(--primary-bg-color) !important;
}
.dark-menu .side-menu__item.active .side-menu__icon {
fill: var(--primary-bg-color) !important;
}
.dark-menu .side-menu__item.active .side-menu__icon,
.dark-menu .side-menu__item:hover .side-menu__icon,
.dark-menu .side-menu__item:focus .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: rgba(255, 255, 255, 0.08) !important;
}
.dark-menu .side-menu__item.active .side-menu__label,
.dark-menu .side-menu__item:hover .side-menu__label,
.dark-menu .side-menu__item:focus .side-menu__label {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.dark-menu.app.sidenav-toggled .side-menu__label {
color: var(--dark-theme);
}
}
.dark-menu .slide:hover .side-menu__label,
.dark-menu .slide:hover .angle,
.dark-menu .slide:hover .side-menu__icon {
color: var(--primary-bg-color) !important;
fill: rgba(255, 255, 255, 0.08) !important;
}
.dark-menu .slide.is-expanded .side-menu__label,
.dark-menu .slide.is-expanded .side-menu__icon,
.dark-menu .slide.is-expanded .angle {
color: var(--primary-bg-color) !important;
}
.dark-menu .slide-item.active,
.dark-menu .slide-item:hover,
.dark-menu .slide-item:focus {
color: var(--primary-bg-color) !important;
}
.dark-menu .slide-item.active::before,
.dark-menu .slide-item:hover::before,
.dark-menu .slide-item:focus::before {
color: var(--primary-bg-color) !important;
}
.dark-menu .slide-item.active .sub-angle,
.dark-menu .slide-item:hover .sub-angle,
.dark-menu .slide-item:focus .sub-angle {
color: var(--primary-bg-color) !important;
opacity: 1;
}
.dark-menu .sub-side-menu__item.active,
.dark-menu .sub-side-menu__item:hover,
.dark-menu .sub-side-menu__item:focus {
color: var(--primary-bg-color) !important;
}
.dark-menu .sub-side-menu__item.active::before,
.dark-menu .sub-side-menu__item:hover::before,
.dark-menu .sub-side-menu__item:focus::before {
color: var(--primary-bg-color) !important;
}
.dark-menu .sub-side-menu__item.active .sub-angle,
.dark-menu .sub-side-menu__item:hover .sub-angle,
.dark-menu .sub-side-menu__item:focus .sub-angle {
color: var(--primary-bg-color) !important;
opacity: 1;
}
.dark-menu .slide.is-expanded a {
color: var(--dark-color);
}
.dark-menu .side-menu .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.dark-menu .side-menu__label {
color: var(--dark-color) !important;
}
.dark-menu .app-sidebar .slide .side-menu__item.active::before {
background: var(--primary-bg-color) !important;
}
.dark-menu .slide-item {
color: var(--dark-color);
}
@media (min-width: 992px) {
.dark-menu.sidenav-toggled .side-menu__label {
color: var(--dark-color);
}
.dark-menu.sidenav-toggled .slide-menu {
box-shadow: 0px 8px 17px var(--dark-shadow);
}
.dark-menu .app.sidenav-toggled .side-menu__label {
color: var(--dark-color);
}
}
.dark-menu .app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: var(--dark-theme);
}
.dark-menu .app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dark-menu .app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
background: var(--dark-theme);
}
.dark-menu .user-info .text-dark {
color: var(--dark-theme) !important;
}
.dark-menu .user-info .text-muted {
color: var(--dark-theme) !important;
}
.dark-menu .side-menu h3 {
color: var(--dark-color);
}
.dark-menu .sub-side-menu__item {
color: var(--dark-color);
}
.dark-menu .sub-slide-item {
color: var(--dark-color);
}
.dark-menu .app-sidebar .side-menu__item.active:hover {
color: var(--dark-color) !important;
}
.dark-menu .app-sidebar .slide.active .side-menu__icon,
.dark-menu .app-sidebar .slide.is-expanded .side-menu__icon {
fill: rgba(255, 255, 255, 0.08) !important;
}
.dark-menu .app-sidebar .slide.active .side-menu__icon {
fill: var(--primary-bg-color) !important;
}
.dark-menu .app-sidebar .slide.active .side-menu__item {
color: var(--primary-bg-color) !important;
}
.dark-menu .app-sidebar .slide-menu a:before {
color: var(--dark-color);
}
.dark-menu .sub-slide-menu1 .sub-slide-item2:before {
color: var(--dark-color);
}
.dark-menu .sidebar-mini.sidenav-toggled .close-toggle {
color: var(--primary-bg-color);
}
.dark-menu .sub-slide-menu .active .sub-slide-item.active {
color: var(--primary-bg-color);
}
.dark-menu .app-sidebar .slide-menu a.active:before {
color: var(--primary-bg-color);
}
@media (min-width: 992px) {
.dark-menu.app.sidebar-mini.sidenav-toggled-open .ps>.ps__rail-y>.ps__thumb-y {
background-color: var(--dark-theme);
}
}
.dark-menu .sub-slide.is-expanded .sub-side-menu__item:hover {
color: var(--primary-bg-color);
}
.dark-menu .slide.is-expanded .sub-slide-item:hover {
color: var(--primary-bg-color);
}
.dark-menu .sub-slide-menu1 .sub-slide-item2 {
color: var(--dark-color);
}
.dark-menu .sub-slide-menu1 .sub-slide-item2:hover {
color: var(--primary-bg-color) !important;
}
@media (min-width: 992px) {
.dark-menu.hover-submenu.app.sidenav-toggled-open .slide-menu {
background: var(--dark-theme);
border-color: var(--dark-border);
box-shadow: 8px 8px 17px var(--dark-shadow);
}
.dark-menu.hover-submenu.app.sidenav-toggled-open .side-menu__label {
color: var(--dark-color);
}
.dark-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.dark-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.dark-menu.hover-submenu.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.dark-menu.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: block !important;
}
.dark-menu.hover-submenu.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: none !important;
}
}
@media (min-width: 992px) {
.dark-menu.hover-submenu1.app.sidenav-toggled-open .slide-menu {
background: var(--dark-theme);
border-color: var(--dark-border);
box-shadow: 8px 8px 17px var(--dark-shadow);
}
.dark-menu.hover-submenu1.app.sidenav-toggled-open .side-menu__label {
color: var(--dark-color);
}
.dark-menu.hover-submenu1.app.sidenav-toggled-open .side-menu-label1 {
border-bottom-color: var(--dark-border);
}
.dark-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-logo,
.dark-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .desktop-dark,
.dark-menu.hover-submenu1.app.sidenav-toggled-open .main-sidebar-header .mobile-dark {
display: none !important;
}
.dark-menu.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-dark {
display: block !important;
}
.dark-menu.hover-submenu1.app.sidebar-mini.sidenav-toggled-open .main-sidebar-header .logo-icon.icon-light {
display: none !important;
}
.dark-menu.hover-submenu1 .side-menu-label1 a {
color: var(--primary-bg-color);
}
}
.dark-menu .angle,
.dark-menu .sub-angle {
color: var(--dark-color) !important;
opacity: 1;
}
@media (min-width: 992px) {
.dark-menu.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-dark {
display: block;
}
.dark-menu.app.sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.icon-light {
display: none;
}
}
.dark-menu.sidebar-mini .main-sidemenu {
background-color: transparent !important;
}
.dark-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__label,
.dark-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__item.active .side-menu__label {
color: var(--dark-color);
}
.dark-menu.sidenav-toggled.sidenav-toggled-open .app-sidebar {
border-right-color: var(--dark-border);
border-left-color: var(--dark-border);
background: var(--dark-theme) !important;
}
@media (min-width: 992px) {
.dark-menu .sidenav-toggled.sidenav-toggled-open .app-sidebar .slide .side-menu__item.active::before {
background: var(--primary-bg-color);
}
.dark-menu .sticky-pin .horizontal-main {
background: var(--dark-theme) !important;
}
.dark-menu.horizontal .horizontal-main .slide .slide-menu,
.dark-menu.horizontal .horizontal-main .slide .sub-slide-menu,
.dark-menu.horizontal .horizontal-main .sub-slide2 .sub-slide-menu1 {
background-color: var(--dark-theme) !important;
border-color: var(--dark-border);
}
.dark-menu.app.sidenav-toggled .side-menu__label {
color: var(--dark-color);
}
}
.dark-menu #slide-right svg,
.dark-menu #slide-left svg {
fill: var(--primary-bg-color);
}
.dark-menu .app-sidebar.sidebar-scroll .main-sidebar-header {
background: var(--dark-theme) !important;
}
@media (max-width: 991px) {
.dark-menu.app.sidenav-toggled .app-sidebar {
background: var(--dark-theme);
}
}
@media (min-width: 992px) {
.dark-menu.horizontal .app-sidebar {
border-top-color: var(--dark-border);
}
}
.dark-menu #slide-right svg,
.dark-menu #slide-left svg {
fill: #fff;
}
.dark-menu .app-sidebar-help .dropdown-menu {
border-color: var(--dark-border) !important;
}
.light-header .app-header.header {
background: #fff;
border-bottom: 1px solid #eff0f6;
}
.light-header .app-header .collapse:not(.show) {
background: #fff;
}
.light-header .app-header .header-icon {
color: var(--primary05);
fill: var(--primary05);
}
.light-header .app-header .form-inline .form-control {
background: var(--primary005);
border: 1px solid var(--primary02);
color: #424e79;
}
.light-header .app-header .nav-link.icon .nav-span {
color: #576482;
}
.light-header .app-header .icon i {
color: #b6c1d9;
}
.light-header .app-header .form-control.header-search::placeholder {
color: #b3bdca !important;
}
.light-header .app-header .dropdown-item .header-icon {
color: rgba(255, 255, 255, 0.7);
fill: rgba(255, 255, 255, 0.7);
}
.light-header .app-header .navbar-toggler-icon {
color: var(--primary05);
}
@media (max-width: 991px) {
.light-header .app-header .header-brand .header-brand-img.dark-logo {
display: none;
}
.light-header .app-header .header-brand .header-brand-img.desktop-lgo {
display: block;
}
.light-header .app-header .responsive-navbar.navbar .navbar-collapse {
background: #fff;
border-bottom: 1px solid #f0f0ff;
border-top: 1px solid #f0f0ff;
}
.light-header .app-header .form-inline .search-element .form-control {
background: #fff !important;
color: #424e79;
}
}
@media (min-width: 992px) {
.light-header.horizontal .app-header.header .header-brand-img.desktop-lgo {
display: inline-flex;
}
.light-header.horizontal .app-header.header .header-brand-img.dark-logo,
.light-header.horizontal .app-header.header .header-brand-img.mobile-logo,
.light-header.horizontal .app-header.header .header-brand-img.darkmobile-logo {
display: none;
}
}
.dark-header .app-header.header {
background: var(--dark-theme);
border-bottom: 1px solid var(--dark-border);
box-shadow: none;
}
.dark-header .app-header .collapse:not(.show) {
background: var(--dark-theme);
}
.dark-header .app-header .header-icon {
color: rgba(255, 255, 255, 0.7);
fill: rgba(255, 255, 255, 0.7);
}
.dark-header .app-header .nav-link.icon .nav-span {
color: #fff;
}
.dark-header .app-header .icon i {
color: #fff;
}
.dark-header .app-header .form-inline .form-control {
background: var(--dark-body);
border: 1px solid rgba(255, 255, 255, 0.08);
color: #fff;
}
.dark-header .app-header .form-control.header-search::placeholder {
color: rgba(255, 255, 255, 0.2) !important;
}
.dark-header .app-header .dropdown-item .header-icon {
color: var(--primary05);
fill: var(--primary05);
}
.dark-header .app-header .navbar-toggler-icon {
color: rgba(255, 255, 255, 0.7) !important;
}
@media (max-width: 991px) {
.dark-header .app-header .header-brand .header-brand-img.desktop-lgo,
.dark-header .app-header .header-brand .header-brand-img.mobile-logo,
.dark-header .app-header .header-brand .header-brand-img.darkmobile-logo {
display: none;
}
.dark-header .app-header .header-brand .header-brand-img.dark-logo {
display: block;
}
.dark-header .app-header .form-inline .search-element .form-control {
background: var(--dark-theme) !important;
color: #fff;
}
.dark-header .app-header .responsive-navbar.navbar .navbar-collapse {
background: var(--dark-theme);
border-bottom: 1px solid var(--dark-border);
border-top: 1px solid var(--dark-border);
}
}
@media (min-width: 992px) {
.dark-header.horizontal .app-header.header .header-brand-img.dark-logo {
display: inline-flex;
}
.dark-header.horizontal .app-header.header .header-brand-img.desktop-lgo,
.dark-header.horizontal .app-header.header .header-brand-img.mobile-logo,
.dark-header.horizontal .app-header.header .header-brand-img.darkmobile-logo {
display: none;
}
}
.color-header .app-header.header {
background: var(--primary-bg-color);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: none;
}
.color-header .app-header .collapse:not(.show) {
background: var(--primary-bg-color);
}
.color-header .app-header .header-icon {
color: rgba(255, 255, 255, 0.7);
fill: rgba(255, 255, 255, 0.7);
}
.color-header .app-header .nav-link.icon .nav-span {
color: #fff;
}
.color-header .app-header .icon i {
color: #fff;
}
.color-header .app-header .form-inline .form-control {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.color-header .app-header .form-control.header-search::placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
.color-header .app-header .dropdown-item .header-icon {
color: var(--primary05);
fill: var(--primary05);
}
.color-header .app-header .navbar-toggler-icon {
color: rgba(255, 255, 255, 0.7) !important;
}
@media (max-width: 991px) {
.color-header .app-header .header-brand .header-brand-img.desktop-lgo,
.color-header .app-header .header-brand .header-brand-img.mobile-logo,
.color-header .app-header .header-brand .header-brand-img.darkmobile-logo {
display: none;
}
.color-header .app-header .header-brand .header-brand-img.dark-logo {
display: block;
}
.color-header .app-header .form-inline .search-element .form-control {
background: var(--primary-bg-color) !important;
color: #fff;
}
.color-header .app-header .responsive-navbar.navbar .navbar-collapse {
background: var(--primary-bg-color);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
}
@media (min-width: 992px) {
.color-header.horizontal .app-header.header .header-brand-img.dark-logo {
display: inline-flex;
}
.color-header.horizontal .app-header.header .header-brand-img.desktop-lgo,
.color-header.horizontal .app-header.header .header-brand-img.mobile-logo,
.color-header.horizontal .app-header.header .header-brand-img.darkmobile-logo {
display: none;
}
}
/* ###### pages ####### */
/*-----Gallery-----*/
.demo-gallery>ul {
margin-bottom: 0;
}
.demo-gallery>ul>li {
float: left;
margin-bottom: 15px;
width: 200px;
border: 0;
}
.demo-gallery>ul>li a {
border: 3px solid #FFF;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
float: left;
}
.demo-gallery>ul>li a>img {
transition: transform 0.15s ease 0s;
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery>ul>li a:hover>img {
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
opacity: 1;
}
.demo-gallery>ul>li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background-color 0.15s ease 0s;
}
.demo-gallery>ul>li a .demo-gallery-poster>img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
transition: opacity 0.3s ease 0s;
}
.demo-gallery>ul>li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery>a>img {
transition: transform 0.15s ease 0s;
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery .justified-gallery>a:hover>img {
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
opacity: 1;
}
.demo-gallery .justified-gallery>a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.demo-gallery.dark>ul>li a {
border: 3px solid #04070a;
}
.home .demo-gallery {
padding-bottom: 80px;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
width: 100%;
}
.col-sm-3 a {
border: 1px solid transparent;
border-radius: 0;
transition: all 3s ease;
}
.col-sm-3 a:hover {
border: 1px solid #ff4647;
border-radius: 100% 60%/30% 10%;
background: linear-gradient(rgba(56, 123, 131, 0.7), rgba(56, 123, 131, 0.7));
}
.gallery-list {
list-style-type: none;
margin: -5px -5px 15px;
padding: 0;
}
.gallery-list>li {
float: left;
width: 23%;
padding: 10px;
margin: 10px;
border: 1px solid #efefef;
}
.gallery-list>li .image-container {
border-radius: 5px;
background: #fff;
position: relative;
}
.gallery-list>li .image {
padding-top: 60%;
position: relative;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.gallery-list>li .image img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.gallery-list>li .btn-list {
position: absolute;
left: 10px;
top: 10px;
right: 10px;
z-index: 1;
}
.gallery-list>li .info {
padding: 8px 10px;
}
.gallery-list>li .info * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gallery-list>li .info h5 {
margin: 0;
font-size: 12px;
}
@media (max-width: 991px) {
.gallery-list>li {
width: 45.33%;
}
}
@media (max-width: 480px) {
.gallery-list>li {
width: 100%;
}
}
.pricing {
color: #fff;
border-radius: 7px;
}
.pricing .card-category {
background: rgba(255, 255, 255, 0.34);
padding: 7px 0;
color: #Fff;
border-radius: 5px;
}
.pricing .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 7px 0;
}
.pricing1 {
color: #8e9cad;
border-radius: 7px;
}
.pricing1 .list-unstyled li {
border-bottom: 1px solid #eff0f6;
padding: 7px 0;
}
.pricing1 .card-category {
background: rgba(255, 255, 255, 0.3);
padding: 20px 0;
border-radius: 7px 7px 0 0;
color: #Fff;
}
.pricing-table {
width: 100%;
margin: 0 auto;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
border-radius: 0px;
}
.pricing-table:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.pricing-table:hover>.panel-footer-landing {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05) inset;
transition: all 0.3s ease;
}
.pricing-table:hover>.panel>.panel-body-landing {
background: #38a01e;
transition: all 0.3s ease;
}
.pricing-table:hover>.panel>.panel-heading-landing-box {
background: #fff !important;
color: #333 !important;
transition: all 0.3s ease;
}
.pricing-table:hover>.panel>.controle-header {
background: #38a01e !important;
/* border: solid 2px #5CB85C !important;*/
transition: all 0.3s ease;
}
.pricing-table:hover>.panel>.panel-footer {
background: #38a01e !important;
/* border: solid 2px #5CB85C !important;*/
transition: all 0.3s ease;
text-align: center;
}
.pricing-table:hover>.panel>.panel-footer>.btn {
border: solid 1px #fff !important;
transition: all 0.3s ease;
}
.pricing-table:hover>.panel>.controle-header>.panel-title-landing {
color: #fff !important;
transition: all 0.3s ease;
font-size: 35px;
}
.pricing-table:hover>.panel>.panel-body-landing>.table>tbody>tr>td {
font-weight: 500;
transition: all 0.3s ease;
}
.pricing-table>.panel>.controle-header>.panel-title-landing {
color: #000 !important;
font-size: 35px;
}
.btn-price:hover {
background: #fff !important;
color: #38a01e !important;
transition: all 0.3s ease;
}
.table>tbody>tr>th {
font-weight: 500;
transition: all 0.3s ease;
}
.table>tfoot>tr>td,
.table>tfoot>tr>th {
font-weight: 500;
transition: all 0.3s ease;
}
.table>thead>tr>td,
.table>thead>tr>th {
font-weight: 500;
transition: all 0.3s ease;
}
.panel-body-landing:hover>.table>tbody>tr>td {
color: #fff !important;
transition: all 0.3s ease;
}
.panel-heading-landing {
background: #f7f7f7 !important;
padding: 20px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
border: solid 2px #38a01e !important;
border-bottom: none !important;
text-align: center;
margin-top: 20px;
}
.col-sm-4 .pricing-table .table td {
padding: 0.75rem;
vertical-align: top;
text-align: left;
}
.panel-heading-landing-box {
background: #38a01e !important;
color: #fff !important;
font-size: 16px !important;
text-align: center;
border-top: none !important;
}
.panel-title-landing {
color: #38a01e !important;
font-size: 35px;
font-weight: bold;
}
.panel-body-landing {
border: solid 2px #38a01e !important;
border-top: none !important;
border-bottom: none !important;
text-align: center;
background: #fff;
}
.panel-footer-landing {
border: solid 2px #38a01e !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-top: none !important;
text-align: center;
background: #f7f7f7;
}
.plan-card .plan-icon {
display: inline-block;
font-size: 35px;
width: 100px;
height: 100px;
color: #fff;
line-height: 76px;
overflow: hidden;
border: 12px solid rgba(242, 246, 249, 0.55);
border-radius: 50%;
transition: all 0.3s;
}
.plan-card .plan-price {
border-top: 1px solid #eff0f6;
padding-top: 20px;
}
.plan-card .plan-price span {
font-size: 15px;
vertical-align: middle;
}
.plan-card .plan-features p {
line-height: 40px;
margin-bottom: 0;
border-bottom: 1px solid #eff0f6;
}
.plan-card .plan-features p:first-child {
border-top: 1px solid #eff0f6;
}
/*------ Pricing Styles ---------*/
.panel.price {
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
margin-bottom: 1.5rem;
border: 1px solid #eff0f6;
overflow: hidden;
border-radius: 5px;
overflow: hidden;
}
.panel.price>.panel-heading {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
background: var(--primary-bg-color);
color: #fff;
}
.panel.price h3 {
margin-bottom: 0;
padding: 20px 0;
}
.panel.price .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.panel-heading {
padding: 10px 15px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background: #fff;
}
.price .list-group-item {
border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.price .panel-footer {
border-bottom: 0px;
background-color: #fff;
}
.price.panel-color>.panel-body {
background-color: #fff;
}
.panel-body {
padding: 15px;
}
.panel-body .lead {
font-size: 20px;
margin-bottom: 0;
padding: 10px 0;
}
.panel-body .lead strong {
font-size: 40px;
margin-bottom: 0;
}
.panel-footer {
padding: 10px 15px;
background-color: #f7f7f7;
border-top: 1px solid #eff0f6;
border-left: 1px solid #eff0f6;
border-right: 1px solid #eff0f6;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel.price .btn {
box-shadow: 0 -1px 0px rgba(50, 50, 50, 0.2) inset;
border: 0px;
}
/*end of pricing*/
@media (min-width: 1280px) {
.plan-card.active {
margin-top: -25px;
margin-left: -20px;
width: 120%;
height: 100%;
z-index: 1;
box-shadow: 0px 10px 10px 5px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(176, 184, 214, 0.16);
padding: 30px 0;
font-size: 16px;
padding-bottom: 20px;
}
.plan-card.active .plan-features p {
line-height: 50px;
}
.plan-card.active .plan-card .plan-price span {
font-size: 18px;
}
.plan-card.active .display-4 {
font-size: 3.5rem;
}
.pricing-sctive .display-3 {
font-size: 4rem;
}
.plan-card.active h6 {
font-size: 16px;
}
.pricing-sctive {
margin-top: -25px;
margin-left: -20px;
width: 120%;
height: 100%;
font-size: 16px;
z-index: 1;
}
.panel.price.active {
margin-top: -25px;
margin-left: -20px;
width: 120%;
height: 100%;
z-index: 8;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(176, 184, 214, 0.08);
position: relative;
font-size: 16px;
border-right: 1px !important;
}
.no-gutters .panel.price {
border-right: 0;
}
.no-gutters .panel.price.active .panel-body .lead strong {
font-size: 50px;
}
.no-gutters .panel.price.active .price-title {
font-size: 26px;
}
.no-gutters .panel.price:last-child {
border-right: 1px;
}
}
.price-svg {
position: relative;
}
.price-svg .price-title {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-size: 24px;
margin-top: 30px;
}
.price-svg svg {
height: 120px;
}
.pricing-tabs ul.nav-price {
text-align: center;
margin: 0 auto;
display: inline-flex;
margin-top: 30px;
margin-bottom: 40px;
border: 1px solid #eff0f6;
border-radius: 5px;
background: #fff;
overflow: hidden;
}
.pricing-tabs ul.nav-price li {
display: block;
}
.pricing-tabs ul.nav-price li a {
padding: 12px 40px;
display: block;
background: #fff;
font-size: 16px;
/* color: #14112d; */
border-radius: 0px;
transition: 0.3s;
}
.pricing-tabs ul.nav-price li a.active {
background: var(--primary-bg-color);
color: #fff;
transition: 0.3s;
}
.leading-loose li {
padding: 5px 0;
}
.leading-loose li:last-child {
border-bottom: 0;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price {
text-align: center;
margin: 0 auto;
display: inline-flex;
margin-top: 30px;
margin-bottom: 40px;
border: 1px solid #eff0f6;
border-radius: 0px;
background: #f3f4f7;
border-radius: 50px;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price li {
display: block;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price li a {
padding: 12px 40px;
display: block;
background: #f3f4f7;
font-size: 16px;
/* color: #14112d; */
border-radius: 50px;
transition: 0.3s;
font-weight: 600;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price li a.active {
background: var(--primary-bg-color);
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price {
border-radius: 50px;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price li:first-child a {
border-radius: 50px 0 0 50px;
border-left: 0;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price li:last-child a {
border-radius: 0 50px 50px 0;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
border-left: 1px solid #eff0f6;
}
/*---profile---*/
.profile-cover {
width: 100%;
}
.profile-cover .cover {
position: relative;
border: 10px solid #FFF;
border-radius: 7px;
}
.profile-cover .cover .inner-cover {
overflow: hidden;
height: auto;
}
.profile-cover .cover .inner-cover img {
border: 1px solid transparent;
text-align: center;
width: 100%;
}
.profile-cover .cover .inner-cover .cover-menu-mobile {
position: absolute;
top: 10px;
right: 10px;
}
.profile-cover .cover .inner-cover .cover-menu-mobile button i {
font-size: 17px;
}
.profile-cover .cover ul.cover-menu {
padding-left: 150px;
position: absolute;
overflow: hidden;
left: 1px;
float: left;
bottom: 0px;
width: 100%;
margin: 0px;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.24);
}
.profile-cover .cover ul.cover-menu li {
display: block;
float: left;
margin-right: 0px;
padding: 0px 10px;
line-height: 40px;
height: 40px;
transition: all 0.3s;
}
.profile-cover .cover ul.cover-menu li:hover {
background-color: rgba(0, 0, 0, 0.44);
}
.profile-cover .cover ul.cover-menu li.active {
background-color: rgba(0, 0, 0, 0.64);
}
.profile-cover .cover ul.cover-menu li a {
color: #FFF;
font-weight: bold;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
}
.profile-cover .cover ul.cover-menu li a i {
font-size: 18px;
}
.profile-cover .profile-body {
margin: 0px auto 10px;
position: relative;
}
.profile-cover .profile-timeline {
padding: 15px;
}
.img-post {
width: 30px;
height: 30px;
}
.img-post2 {
width: 50px;
height: 50px;
}
/*---End profile---*/
.tag.tag-attachments {
padding: 4px 15px;
font-size: 13px;
background-color: #fff;
border: 1px solid #e8e8f7;
}
.tag.tag-attachments-lg {
padding: 5px 17px;
font-size: 17px;
background-color: #fff;
border: 1px solid #e8e8f7;
}
.tag.tag-attachments-sm {
padding: 1px 10px;
font-size: 13px;
background-color: #fff;
border: 1px solid #e8e8f7;
}
.tags .tag-files span {
position: absolute;
top: 21px;
margin-right: 104px;
left: 51px;
font-size: 12px;
color: #a5b1d9;
}
.attached-file-grid6 .icons li a {
font-size: 13px;
line-height: 30px;
text-align: center;
height: 30px;
width: 30px;
margin: 0 auto;
border-radius: 5px;
display: block;
position: relative;
transition: all 0.3s ease-in-out;
background: #fff;
}
.attached-file-grid6 .icons li a {
color: var(--primary-bg-color);
border: 1px solid #fff;
}
.attached-file-grid6 .icons {
padding: 0;
margin: 0;
list-style: none;
opacity: 0;
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: -3px;
z-index: 1;
transition: all 0.5s ease 0s;
display: block;
margin: 0 auto;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 100%);
}
.image-pic {
position: absolute;
right: 0;
left: 0;
top: 0px;
color: #fff;
font-size: 17px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 100%);
padding: 20px 0px 20px 20px;
border-radius: 5px;
}
.file-image-1 {
width: 100px;
height: 100px;
display: inline-table;
margin: 20px;
position: relative;
border: 1px solid #ededf5;
border-radius: 5px;
}
.file-image-1 .product-image img {
width: 100px;
height: 100px;
background-size: cover;
background-repeat: no-repeat;
}
.file-image-md .product-image img {
width: 150px;
height: 150px;
background-size: cover;
background-repeat: no-repeat;
}
.file-image-lg .product-image img {
width: 200px;
height: 200px;
background-size: cover;
background-repeat: no-repeat;
}
.file-image-1 .icons {
padding: 0;
margin: 0;
list-style: none;
opacity: 0;
right: 7px;
top: 6px;
text-align: center;
position: absolute;
bottom: 0;
z-index: 1;
transition: all 0.5s ease 0s;
text-align: right;
}
.file-image-1:hover .icons {
opacity: 1;
bottom: 33px;
}
.file-image-1 .icons li a {
font-size: 12px;
line-height: 28px;
text-align: center;
height: 25px;
width: 25px;
margin: 4px 1px;
padding: 0;
border-radius: 50px;
display: block;
position: relative;
transition: all 0.3s ease-in-out;
color: #fff;
}
.file-image-1 .file-name-1 {
position: absolute;
right: 0;
left: 0;
font-size: 12px;
text-align: center;
font-weight: 500;
margin-bottom: 10px;
margin-top: 10px;
}
.file-image-md {
width: 150px;
height: 150px;
}
.file-image-md .icons li a {
font-size: 13px;
line-height: 30px;
height: 28px;
width: 28px;
}
.file-image-lg {
width: 200px;
height: 200px;
}
.file-image-lg .icons li a {
font-size: 15px;
line-height: 35px;
height: 35px;
width: 35px;
}
.pro-img-box {
position: relative;
}
@media (min-width: 768px) {
#checkoutsteps .checkoutline {
height: 3px;
background-color: #eaedf7;
transform: translateY(1.7rem);
margin: 0 11%;
position: relative;
z-index: 0;
top: 28px;
}
}
#checkoutsteps ul {
list-style: none !important;
padding: 0;
margin: 0;
}
#checkoutsteps ul[role=tablist] li {
display: flex;
z-index: 0;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
flex-basis: auto;
flex: 1;
flex-basis: auto;
font-weight: 500;
font-size: 1.1rem;
}
#checkoutsteps>.steps a {
display: block;
width: auto;
background-color: transparent;
color: #2d2c40;
font-size: 16px;
font-weight: 400;
padding: 14px 0;
text-decoration: none;
border-radius: 30px;
cursor: default;
text-align: center;
outline: none;
}
.wizard>.steps>ul li .current-info {
display: none;
}
#checkoutsteps>.steps .current a .number {
background: var(--primary-bg-color);
color: #fff;
}
#checkoutsteps .item .thumb {
display: inline-flex;
width: 100px;
height: 90px;
justify-content: center;
align-items: center;
}
#checkoutsteps .item .left {
display: flex;
align-items: center;
}
#checkoutsteps .item {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
border-bottom: 1px solid #eff0f6;
margin-bottom: 30px;
}
#checkoutsteps .item .purchase {
text-decoration: none;
}
#checkoutsteps .item .purchase {
display: inline-block;
margin-left: 21px;
color: #424e79;
}
#checkoutsteps .total {
float: right;
color: var(--primary-bg-color);
}
#checkoutsteps>.steps {
position: relative;
display: block;
width: 100%;
border-radius: 3px;
padding: 0;
}
#checkoutsteps.wizard {
border-radius: 10px;
}
.wizard>.content>.title {
font-size: 18px;
color: #8f9cc0;
font-weight: 700;
margin-bottom: 5px;
display: none;
}
.wizard>.content>.body {
float: none;
position: static;
width: auto;
height: auto;
}
.wizard>.content>.title.current {
display: none !important;
}
@media (min-width: 768px) {
#checkoutsteps>.steps .number {
background-color: #eaedf7;
color: #9197ab;
border: 1px solid #eff0f6;
font-size: 17px;
font-weight: 400;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 15px auto;
}
}
@media (max-width: 767px) {
#checkoutsteps>.steps .number {
background-color: #eaedf7;
color: #9197ab;
font-size: 15px;
font-weight: 600;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 15px auto;
}
}
@media (max-width: 767px) {
#checkoutsteps>.steps a {
font-size: 12px !important;
}
}
@media (max-width: 767px) {
#checkoutsteps .checkoutline {
height: 3px;
background-color: #eaedf7;
transform: translateY(1.7rem);
margin: 0 11%;
position: relative;
z-index: 0;
top: 20px;
}
}
@media (max-width: 400px) {
#checkoutsteps>.steps .number {
font-size: 11px;
width: 25px;
height: 25px;
}
.wizard>.actions a {
text-align: center;
}
.wizard>.actions>ul {
display: block;
}
.wizard>.actions>ul>li {
margin: 2px;
}
#checkoutsteps .item .left {
display: block;
}
#checkoutsteps .item .purchase {
margin-left: 0;
}
#wizard3 ul {
display: block;
}
#wizard3.wizard.vertical>.steps ul li+li {
margin-left: 0;
margin-top: 10px;
}
#wizard3.wizard>.steps a {
justify-content: start;
}
}
/* ###### variables ####### */
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/* dark variales */
/* ###### plugins ####### */
.accordionjs {
position: relative;
margin: 0;
padding: 0;
list-style: none;
margin-top: 10px;
margin-bottom: 20px;
}
.accordionjs .acc_section {
border: 1px solid #eff0f6;
position: relative;
margin-top: -1px;
overflow: hidden;
}
.accordionjs .acc_section .acc_head {
position: relative;
background: #f4f5fb;
padding: 10px;
display: block;
cursor: pointer;
}
.accordionjs .acc_section .acc_head h3 {
line-height: 1;
margin: 5px;
font-size: 16px;
padding-left: 30px;
}
.accordionjs .acc_section .acc_content {
padding: 10px;
}
.accordionjs .acc_section:first-of-type {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.accordionjs .acc_section:first-of-type .acc_head {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.accordionjs .acc_section:last-of-type {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.accordionjs .acc_section:last-of-type .acc_content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.accordionjs .acc_section.acc_active>.acc_content {
display: block;
}
.accordionjs .acc_section.acc_active>.acc_head {
background: #17B794;
border-bottom: 1px solid #eff0f6;
color: #fff;
}
.accordionjs .acc_section.acc_active .acc_head h3:before {
content: "\e995";
position: absolute;
font-family: "feather" !important;
left: 17px;
color: #fff;
top: 12px;
font-size: 20px;
transition: all 0.5s;
transform: scale(1);
}
.accordionjs .acc_section .acc_head h3:before {
content: "\e9b0";
position: absolute;
font-family: "feather" !important;
left: 17px;
top: 12px;
font-size: 20px;
transition: all 0.5s;
transform: scale(1);
}
.gu-mirror {
position: fixed !important;
margin: 0 !important;
z-index: 9999 !important;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.gu-hide {
display: none !important;
}
.gu-unselectable {
-webkit-user-select: none !important;
user-select: none !important;
}
.gu-transit {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
#left-defaults,
#right-defaults,
#left-events {
touch-action: none;
}
.fc-not-allowed {
cursor: not-allowed;
}
.fc-not-allowed .fc-event {
cursor: not-allowed;
}
.fc-unselectable {
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.fc {
display: flex;
flex-direction: column;
font-size: 1em;
box-sizing: border-box;
}
.fc * {
box-sizing: border-box;
}
.fc *:before,
.fc *:after {
box-sizing: border-box;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
}
.fc th {
text-align: center;
vertical-align: top;
padding: 0;
}
.fc td {
vertical-align: top;
padding: 0;
}
.fc a[data-navlink] {
cursor: pointer;
}
.fc a[data-navlink]:hover {
text-decoration: underline;
}
.fc-direction-ltr {
direction: ltr;
text-align: left;
}
.fc-direction-rtl {
direction: rtl;
text-align: right;
}
.fc-theme-standard td,
.fc-theme-standard th {
border: 1px solid #eff0f6;
}
.fc-liquid-hack td,
.fc-liquid-hack th {
position: relative;
}
@font-face {
font-family: "fcicons";
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
font-weight: normal;
font-style: normal;
}
.fc-icon {
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
-webkit-user-select: none;
user-select: none;
font-family: "fcicons" !important;
speak-as: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
content: "\e900";
}
.fc-icon-chevron-right:before {
content: "\e901";
}
.fc-icon-chevrons-left:before {
content: "\e902";
}
.fc-icon-chevrons-right:before {
content: "\e903";
}
.fc-icon-minus-square:before {
content: "\e904";
}
.fc-icon-plus-square:before {
content: "\e905";
}
.fc-icon-x:before {
content: "\e906";
}
.fc .fc-button {
border-radius: 0;
overflow: visible;
text-transform: none;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
-webkit-appearance: button;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.4em 0.65em;
font-size: 1em;
line-height: 1.5;
border-radius: 0.25em;
}
.fc .fc-button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.fc .fc-button:not(:disabled) {
cursor: pointer;
}
.fc .fc-button::-moz-focus-inner {
padding: 0;
border-style: none;
}
.fc .fc-button:hover {
text-decoration: none;
}
.fc .fc-button:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc .fc-button:disabled {
opacity: 0.65;
}
.fc .fc-button-primary {
color: var(--primary-bg-color);
background-color: #f2f6f9;
border-color: #eff0f6;
}
.fc .fc-button-primary:hover {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.fc .fc-button-primary:disabled {
color: var(--primary-bg-color);
background-color: #f2f6f9;
border-color: #eff0f6;
}
.fc .fc-button-primary:focus {
box-shadow: 0 0 0 0.2rem var(--primary02);
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
background-color: var(--primary-bg-color);
border-color: var(--primary-bg-color);
}
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
box-shadow: 0 0 0 0.2rem var(--primary02);
}
.fc .fc-button .fc-icon {
vertical-align: middle;
font-size: 1.5em;
}
.fc .fc-button-group {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.fc .fc-button-group>.fc-button {
position: relative;
flex: 1 1 auto;
}
.fc .fc-button-group>.fc-button:hover,
.fc .fc-button-group>.fc-button:focus,
.fc .fc-button-group>.fc-button:active,
.fc .fc-button-group>.fc-button.fc-button-active {
z-index: 1;
}
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child) {
margin-right: -1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc .fc-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.fc .fc-toolbar.fc-header-toolbar {
margin-bottom: 1.5em;
}
.fc .fc-toolbar.fc-footer-toolbar {
margin-top: 1.5em;
}
.fc .fc-toolbar-title {
font-size: 1.75em;
margin: 0;
}
.fc-direction-ltr .fc-toolbar>*> :not(:first-child) {
margin-left: 0.75em;
}
.fc-direction-rtl .fc-toolbar>*> :not(:first-child) {
margin-right: 0.75em;
}
.fc-direction-rtl .fc-toolbar-ltr {
flex-direction: row-reverse;
}
.fc .fc-scroller {
-webkit-overflow-scrolling: touch;
position: relative;
}
.fc .fc-scroller-liquid {
height: 100%;
}
.fc .fc-scroller-liquid-absolute {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.fc .fc-scroller-harness {
position: relative;
overflow: hidden;
direction: ltr;
}
.fc .fc-scroller-harness-liquid {
height: 100%;
}
.fc-direction-rtl .fc-scroller-harness>.fc-scroller {
direction: rtl;
}
.fc-theme-standard .fc-scrollgrid {
border: 1px solid #eff0f6;
}
.fc .fc-scrollgrid {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-right-width: 0;
border-bottom-width: 0;
}
.fc .fc-scrollgrid table {
width: 100%;
table-layout: fixed;
border-top-style: hidden;
border-left-style: hidden;
border-right-style: hidden;
}
.fc .fc-scrollgrid-liquid {
height: 100%;
}
.fc .fc-scrollgrid-section {
height: 1px;
}
.fc .fc-scrollgrid-section>td {
height: 1px;
}
.fc .fc-scrollgrid-section table {
height: 1px;
}
.fc .fc-scrollgrid-section-liquid>td {
height: 100%;
}
.fc .fc-scrollgrid-section>* {
border-top-width: 0;
border-left-width: 0;
}
.fc .fc-scrollgrid-section-header>*,
.fc .fc-scrollgrid-section-footer>* {
border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
border-bottom-style: hidden;
}
.fc .fc-scrollgrid-section-sticky>* {
background: var(--primary-bg-color);
position: sticky;
z-index: 3;
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>* {
top: 0;
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>* {
bottom: 0;
}
.fc .fc-scrollgrid-sticky-shim {
height: 1px;
margin-bottom: -1px;
}
.fc-sticky {
position: sticky;
}
.fc .fc-view-harness {
flex-grow: 1;
position: relative;
}
.fc .fc-view-harness-active>.fc-view {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-col-header-cell-cushion {
display: inline-block;
padding: 2px 4px;
}
.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc .fc-bg-event {
background: rgb(143, 223, 130);
opacity: 0.3;
}
.fc .fc-bg-event .fc-event-title {
margin: 0.5em;
font-size: 0.85em;
font-style: italic;
}
.fc .fc-highlight {
background: rgba(188, 232, 241, 0.3);
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
background: rgba(208, 208, 208, 0.3);
}
a.fc-event {
text-decoration: none;
}
a.fc-event:hover {
text-decoration: none;
}
.fc-event[href],
.fc-event.fc-event-draggable {
cursor: pointer;
}
.fc-event .fc-event-main {
position: relative;
z-index: 2;
}
.fc-event-dragging:not(.fc-event-selected) {
opacity: 0.75;
}
.fc-event-dragging.fc-event-selected {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-event .fc-event-resizer {
display: none;
position: absolute;
z-index: 4;
}
.fc-event:hover .fc-event-resizer {
display: block;
}
.fc-event-selected {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event-selected .fc-event-resizer {
display: block;
border-radius: 4px;
border-width: 1px;
width: 8px;
height: 8px;
border-style: solid;
border-color: inherit;
background: var(--primary-bg-color);
}
.fc-event-selected .fc-event-resizer:before {
content: "";
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
}
.fc-event-selected:before,
.fc-event:focus:before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-event-selected:after,
.fc-event:focus:after {
content: "";
position: absolute;
z-index: 1;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
}
.fc-h-event {
display: block;
border: 1px solid #eff0f6;
background-color: #eff0f6;
}
.fc-h-event .fc-event-main {
color: #fff;
}
.fc-h-event .fc-event-main-frame {
display: flex;
}
.fc-h-event .fc-event-time {
max-width: 100%;
overflow: hidden;
}
.fc-h-event .fc-event-title-container {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
}
.fc-h-event .fc-event-title {
display: inline-block;
vertical-align: top;
left: 0;
right: 0;
max-width: 100%;
overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
top: -10px;
bottom: -10px;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
top: 0;
bottom: 0;
width: 8px;
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
cursor: w-resize;
left: -4px;
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
cursor: e-resize;
right: -4px;
}
.fc-h-event.fc-event-selected .fc-event-resizer {
top: 50%;
margin-top: -4px;
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
left: -4px;
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
right: -4px;
}
.fc .fc-popover {
position: absolute;
z-index: 9999;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc .fc-popover-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 3px 4px;
}
.fc .fc-popover-title {
margin: 0 2px;
}
.fc .fc-popover-close {
cursor: pointer;
opacity: 0.65;
font-size: 1.1em;
}
.fc-theme-standard .fc-popover {
border: 1px solid #eff0f6;
background: #f2f6f9;
}
.fc-daygrid-day-frame:before,
.fc-daygrid-day-events:before,
.fc-daygrid-event-harness:before,
.fc-daygrid-day-frame:after,
.fc-daygrid-day-events:after,
.fc-daygrid-event-harness:after {
content: "";
clear: both;
display: table;
}
.fc .fc-daygrid-body {
position: relative;
z-index: 1;
}
.fc .fc-daygrid-day.fc-day-today {
background-color: #f2f6f9;
}
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 100%;
}
.fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 0.3;
}
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4;
padding: 4px;
}
.fc .fc-daygrid-day-events {
margin-top: 1px;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative;
min-height: 2em;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom: 1em;
}
.fc .fc-daygrid-event-harness {
position: relative;
}
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0;
}
.fc .fc-daygrid-day-bg .fc-non-business {
z-index: 1;
}
.fc .fc-daygrid-day-bg .fc-bg-event {
z-index: 2;
}
.fc .fc-daygrid-day-bg .fc-highlight {
z-index: 3;
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7;
}
.fc .fc-daygrid-day-bottom {
font-size: 0.85em;
padding: 2px 3px 0;
}
.fc .fc-daygrid-day-bottom:before {
content: "";
clear: both;
display: table;
}
.fc .fc-daygrid-more-link {
position: relative;
z-index: 4;
cursor: pointer;
}
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
padding: 2px;
min-width: 1.5em;
text-align: center;
background-color: rgba(208, 208, 208, 0.3);
color: #808080;
}
.fc .fc-more-popover .fc-popover-body {
min-width: 220px;
padding: 10px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-radius: 0 0 3px 0;
}
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-radius: 0 0 0 3px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
position: static;
}
.fc-daygrid-event {
position: relative;
white-space: nowrap;
border-radius: 3px;
font-size: 0.85em;
}
.fc-daygrid-block-event .fc-event-time {
font-weight: bold;
padding: 1px;
}
.fc-daygrid-block-event .fc-event-title {
padding: 1px;
}
.fc-daygrid-dot-event {
display: flex;
align-items: center;
padding: 2px 0;
}
.fc-daygrid-dot-event .fc-event-title {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
overflow: hidden;
font-weight: bold;
}
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
background: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-dot-event.fc-event-selected:before {
top: -10px;
bottom: -10px;
}
.fc-daygrid-event-dot {
margin: 0 4px;
box-sizing: content-box;
width: 0;
height: 0;
border: 4px solid #eff0f6;
border-radius: 4px;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right: 3px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left: 3px;
}
.fc-v-event {
display: block;
border: 1px solid #eff0f6;
background-color: #f2f6f9;
}
.fc-v-event .fc-event-main {
color: var(--primary-bg-color);
height: 100%;
}
.fc-v-event .fc-event-main-frame {
height: 100%;
display: flex;
flex-direction: column;
}
.fc-v-event .fc-event-time {
flex-grow: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden;
}
.fc-v-event .fc-event-title-container {
flex-grow: 1;
flex-shrink: 1;
min-height: 0;
}
.fc-v-event .fc-event-title {
top: 0;
bottom: 0;
max-height: 100%;
overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
left: -10px;
right: -10px;
}
.fc-v-event .fc-event-resizer-start {
cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
cursor: s-resize;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height: 8px;
left: 0;
right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -4px;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -4px;
}
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -4px;
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -4px;
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -4px;
}
.fc .fc-timegrid .fc-daygrid-body {
z-index: 2;
}
.fc .fc-timegrid-divider {
padding: 0 0 2px;
}
.fc .fc-timegrid-body {
position: relative;
z-index: 1;
min-height: 100%;
}
.fc .fc-timegrid-axis-chunk {
position: relative;
}
.fc .fc-timegrid-axis-chunk>table {
position: relative;
z-index: 1;
}
.fc .fc-timegrid-slots {
position: relative;
z-index: 1;
}
.fc .fc-timegrid-slot {
height: 1.5em;
border-bottom: 0;
}
.fc .fc-timegrid-slot:empty:before {
content: " ";
}
.fc .fc-timegrid-slot-minor {
border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap;
}
.fc .fc-timegrid-slot-label {
vertical-align: middle;
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
padding: 0 4px;
}
.fc .fc-timegrid-axis-frame-liquid {
height: 100%;
}
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-end;
}
.fc .fc-timegrid-axis-cushion {
max-width: 60px;
flex-shrink: 0;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
text-align: right;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
text-align: left;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-timegrid-col-frame {
min-height: 100%;
position: relative;
}
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc-media-screen .fc-timegrid-cols {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-media-screen .fc-timegrid-cols>table {
height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc .fc-timegrid-col-bg {
z-index: 2;
}
.fc .fc-timegrid-col-bg .fc-non-business {
z-index: 1;
}
.fc .fc-timegrid-col-bg .fc-bg-event {
z-index: 2;
}
.fc .fc-timegrid-col-bg .fc-highlight {
z-index: 3;
}
.fc .fc-timegrid-bg-harness {
position: absolute;
left: 0;
right: 0;
}
.fc .fc-timegrid-col-events {
z-index: 3;
}
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden;
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px;
}
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2.5%;
}
.fc-timegrid-event-harness {
position: absolute;
}
.fc-timegrid-event-harness>.fc-timegrid-event {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
border: 1px solid #eff0f6;
}
.fc-timegrid-event,
.fc-timegrid-more-link {
font-size: 0.85em;
border-radius: 3px;
}
.fc-timegrid-event {
margin-bottom: 1px;
}
.fc-timegrid-event .fc-event-main {
padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
white-space: nowrap;
font-size: 0.85em;
margin-bottom: 1px;
}
.fc-timegrid-event-short .fc-event-main-frame {
flex-direction: row;
overflow: hidden;
}
.fc-timegrid-event-short .fc-event-time:after {
content: " - ";
}
.fc-timegrid-event-short .fc-event-title {
font-size: 0.85em;
}
.fc-timegrid-more-link {
position: absolute;
z-index: 9999;
color: inherit;
background: #d0d0d0;
cursor: pointer;
margin-bottom: 1px;
}
.fc-timegrid-more-link-inner {
padding: 3px 2px;
top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
right: 0;
}
.fc-direction-rtl .fc-timegrid-more-link {
left: 0;
}
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: #ff5b51;
border-width: 1px 0 0;
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -5px;
border-style: solid;
border-color: #ff5b51;
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-theme-standard .fc-list {
border: 1px solid #eff0f6;
}
.fc .fc-list-empty {
background-color: rgba(208, 208, 208, 0.3);
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.fc .fc-list-empty-cushion {
margin: 5em 0;
}
.fc .fc-list-table {
width: 100%;
border-style: hidden;
}
.fc .fc-list-table tr>* {
border-left: 0;
border-right: 0;
}
.fc .fc-list-sticky .fc-list-day>* {
position: sticky;
top: 0;
background: var(--primary-bg-color);
}
.fc .fc-list-table tbody>tr:first-child th {
border-top: 0;
}
.fc .fc-list-table th {
padding: 0;
}
.fc .fc-list-table td {
padding: 8px 14px;
}
.fc .fc-list-day-cushion {
padding: 8px 14px;
}
.fc .fc-list-day-cushion:after {
content: "";
clear: both;
display: table;
}
.fc-theme-standard .fc-list-day-cushion {
background-color: rgba(208, 208, 208, 0.3);
}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
float: right;
}
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
padding-right: 0;
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
padding-left: 0;
}
.fc .fc-list-event.fc-event-forced-url {
cursor: pointer;
}
.fc .fc-list-event:hover td {
background-color: #f5f5f5;
}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
white-space: nowrap;
width: 1px;
}
.fc .fc-list-event-dot {
display: inline-block;
box-sizing: content-box;
width: 0;
height: 0;
border: 5px solid #eff0f6;
border-radius: 5px;
}
.fc .fc-list-event-title a {
color: inherit;
text-decoration: none;
}
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: underline;
}
.fc-theme-bootstrap a:not([href]) {
color: inherit;
}
.fc-theme-bootstrap5 a:not([href]) {
color: inherit;
text-decoration: inherit;
}
.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {
border: 1px solid var(--bs-gray-400);
}
.fc-theme-bootstrap5 .fc-scrollgrid {
border-right-width: 0;
border-bottom-width: 0;
}
.fc-theme-bootstrap5-shaded {
background-color: var(--bs-gray-200);
}
.fc-event.fc-daygrid-event.fc-daygrid-dot-event {
border: 1px solid var(--primary-bg-color) !important;
color: #fff;
background-color: var(--primary-bg-color);
}
.fc-list-day-cushion a {
color: #fff;
}
@media (max-width: 669px) {
.fc .fc-toolbar {
display: block !important;
text-align: center;
}
.fc-toolbar-chunk {
margin: 17px 0;
}
}
#external-events .fc-event {
margin: 5px 0;
cursor: move;
padding: 8px;
border: 0;
}
.fc-list-day-side-text {
color: #fff !important;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container {
position: absolute;
left: 0;
top: 0;
}
.leaflet-pane>svg,
.leaflet-pane>canvas {
position: absolute;
left: 0;
top: 0;
}
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile {
transition: none;
}
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: grab;
}
.leaflet-crosshair {
cursor: crosshair;
}
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab {
cursor: move;
cursor: grabbing;
}
.leaflet-dragging .leaflet-grab .leaflet-interactive {
cursor: move;
cursor: grabbing;
}
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive {
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #efefef;
outline: 0;
z-index: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #eff0f6;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #eff0f6;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: #000;
}
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url('assets-plugins-leaflet-images-layers.png');
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url('assets-plugins-leaflet-images-layers-2x.png');
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list {
display: none;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url('assets-plugins-leaflet-images-marker-icon.png');
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 1px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: #fff;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background-color: #fff;
opacity: 7;
color: inherit;
border: none;
padding: 0p !important;
font: inherit;
}
.owl-nav .owl-next {
position: absolute;
top: 50%;
right: -25px;
margin-top: -1.65em;
}
.owl-nav .owl-prev {
position: absolute;
top: 50%;
left: -25px;
margin-top: -1.65em;
}
.owl-nav button {
display: block;
font-size: 1.3rem !important;
line-height: 2em;
border-radius: 50%;
width: 3rem;
height: 3rem;
text-align: center;
background: #fff !important;
opacity: 0.5 !important;
border: 1px solid #eff0f6 !important;
z-index: 99;
box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15);
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
opacity: 0.6;
}
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y {
opacity: 0.6;
}
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: transparent;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #8497bf;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #8497bf;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 3px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #8497bf;
height: 11px;
}
.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #8497bf;
width: 3px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 20px 25px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 14px;
height: 300px;
}
.ql-editor>* {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol>li {
list-style-type: none;
}
.ql-editor ul>li {
list-style-type: none;
}
.ql-editor ul>li::before {
content: "•";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true]>li::before,
.ql-editor ul[data-checked=false]>li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true]>li::before {
content: "☑";
}
.ql-editor ul[data-checked=false]>li::before {
content: "☐";
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-bubble {
box-sizing: border-box;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
clear: both;
content: "";
display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #fff;
}
.ql-bubble * {
box-sizing: border-box;
}
.ql-bubble .ql-hidden {
display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
visibility: hidden;
}
.ql-bubble .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-bubble .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-bubble .ql-formats:after {
clear: both;
content: "";
display: table;
}
.ql-bubble .ql-stroke {
fill: none;
stroke: #424e79;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
fill: none;
stroke: #424e79;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
fill: #424e79;
}
.ql-bubble .ql-empty {
fill: none;
}
.ql-bubble .ql-even {
fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-bubble .ql-transparent {
opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-bubble .ql-editor h1 {
font-size: 2em;
}
.ql-bubble .ql-editor h2 {
font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
font-size: 1em;
}
.ql-bubble .ql-editor h5 {
font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
font-size: 0.67em;
}
.ql-bubble .ql-editor a {
text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
border-left: 4px solid #424e79;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-bubble .ql-editor code {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-bubble .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-bubble .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-bubble .ql-editor img {
max-width: 100%;
}
.ql-bubble .ql-picker {
color: #424e79;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-bubble .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-bubble .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-bubble .ql-picker-options {
background-color: #444;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
color: #777;
z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
content: "Normal";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: "Heading 1";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: "Heading 2";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: "Heading 3";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: "Heading 4";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: "Heading 5";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
content: "Sans Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: "Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
content: "Normal";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: "Small";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: "Large";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
border-color: #fff;
}
.ql-bubble .ql-tooltip {
background-color: #444;
border-radius: 25px;
color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: " ";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
border-bottom: 6px solid #444;
top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
border-top: 6px solid #444;
bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
background: transparent;
border: none;
color: #fff;
font-size: 13px;
height: 100%;
outline: none;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
top: 10px;
position: absolute;
right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
color: #424e79;
content: "×";
font-size: 16px;
font-weight: bold;
}
@media (pointer: coarse) {
.ql-bubble.ql-toolbar button:hover:not(.ql-active),
.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
color: #424e79;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #424e79;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #424e79;
}
}
.ql-container.ql-bubble:not(.ql-disabled) a {
position: relative;
white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
background-color: #444;
border-radius: 15px;
top: -5px;
font-size: 12px;
color: #fff;
content: attr(href);
font-weight: normal;
overflow: hidden;
padding: 5px 15px;
text-decoration: none;
z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
border-top: 6px solid #444;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: 0;
content: " ";
height: 0;
width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
left: 0;
margin-left: 50%;
position: absolute;
transform: translate(-50%, -100%);
transition: visibility 0s ease 200ms;
visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
visibility: visible;
}
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
box-sizing: border-box;
font-size: 13px;
height: 300px;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor>* {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol>li {
list-style-type: none;
}
.ql-editor ul>li {
list-style-type: none;
}
.ql-editor ul>li::before {
content: "•";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true]>li::before,
.ql-editor ul[data-checked=false]>li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true]>li::before {
content: "☑";
}
.ql-editor ul[data-checked=false]>li::before {
content: "☐";
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: var(--primary-bg-color);
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: var(--primary-bg-color);
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: "";
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 35px;
padding: 3px 5px;
width: 35px;
border: 1px solid #eff0f6;
background: #fff;
border-right: 0;
}
.ql-snow.ql-toolbar button:first-child,
.ql-snow .ql-toolbar button:first-child {
border-radius: 3px 0 0 3px;
}
.ql-snow.ql-toolbar button:last-child,
.ql-snow .ql-toolbar button:last-child {
border-right: 1px solid #eff0f6;
border-radius: 0 3px 3px 0;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: var(--primary-bg-color);
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: var(--primary-bg-color);
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: var(--primary-bg-color);
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: "";
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #495057;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #e7eaf3;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
/* color: #444; */
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
/* height: 24px; */
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #e7eaf3;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #e7eaf3;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #e7eaf3;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 6px;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-toolbar.ql-snow {
border: 1px solid #e7eaf3;
box-sizing: border-box;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 25px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid #eff0f6;
background: #fff;
height: 35px;
line-height: 35px;
border-radius: 3px;
padding: 0 10px;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #e7eaf3;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow+.ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #e7eaf3;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #e7eaf3;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #e7eaf3;
content: "Edit";
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: "Remove";
margin-left: 8px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: "Save";
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:";
}
.ql-snow a {
color: var(--primary-bg-color);
}
.ql-container.ql-snow {
border: 1px solid #e7eaf3;
}
.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: #000;
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE8 */
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: #fff;
width: 478px;
padding: 40px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
.sweet-alert h2 {
color: #424e79;
font-size: 25px;
text-align: center;
font-weight: 500;
text-transform: none;
position: relative;
padding: 0;
line-height: 40px;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.sweet-alert p {
/* color: #c4c9d6; */
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
display: none;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
transform: scale(0.5);
transform-origin: 50% 50%;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder,
.sweet-alert input:focus:-ms-input-placeholder,
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
-moz-transition: opacity 0.3s 0.03s ease;
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder,
.sweet-alert input:-ms-input-placeholder,
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
color: #fff;
font-weight: 500;
text-align: center;
box-shadow: none !important;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 1.75rem;
font-size: 0.9375rem;
line-height: 1.84615385;
border-radius: 3px;
letter-spacing: 0.03em;
font-size: 0.8125rem;
min-width: 2.375rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover,
.sweet-alert button:active {
background-color: #0061da;
}
.sweet-alert button.cancel {
background-color: #C1C1C1;
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: 0.6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled]~.la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 0px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #d6124a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #d6124a;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #ecb403;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #ecb403;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #ecb403;
}
.sweet-alert .sa-icon.sa-info {
border-color: #45aaf2;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #45aaf2;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #45aaf2;
}
.sweet-alert .sa-icon.sa-success {
border-color: #2dce89;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
content: "";
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
transform: rotate(-45deg);
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
transform: rotate(-45deg);
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #2dce89;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0 !important;
margin-right: 0 !important;
left: 15px !important;
right: 15px !important;
}
}
/*
* Animations
*/
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #ecb403;
}
}
.pulseWarning {
animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #ecb403;
}
}
.pulseWarningIns {
animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform: rotate(-45deg) \9;
}
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
transform: rotate(-45deg) \9;
}
/* Success icon */
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall {
position: relative;
box-sizing: border-box;
display: block;
font-size: 0;
color: #fff;
width: 54px;
height: 18px;
}
.la-ball-fall>div {
position: relative;
box-sizing: border-box;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall>div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall>div:nth-child(1) {
animation-delay: -200ms;
}
.la-ball-fall>div:nth-child(2) {
animation-delay: -100ms;
}
.la-ball-fall>div:nth-child(3) {
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm>div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x>div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x>div {
width: 30px;
height: 30px;
margin: 12px;
}
/*
* Animation
*/
@keyframes ball-fall {
0% {
opacity: 0;
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
transform: translateY(145%);
}
}
.wrapper>h1 {
text-align: center;
}
.wrapper>h1 span {
border-bottom: 2px solid #0061da;
display: inline-block;
padding: 0 10px 10px;
color: #0061da;
transition: all 0.5s linear;
}
.tab_wrapper {
display: inline-block;
width: 100%;
position: relative;
}
.tab_wrapper * {
box-sizing: border-box;
}
.tab_wrapper>ul {
clear: both;
display: inline-block;
width: 100%;
margin-bottom: -7px;
}
.tab_wrapper>ul li {
float: left;
cursor: pointer;
padding: 8px 18px;
text-transform: capitalize;
font-size: 1.05em;
border-bottom: 0;
position: relative;
font-weight: 500;
margin: 0 5px 0 0;
border-radius: 5px 5px 0 0;
background: #f3f4f7;
}
.tab_wrapper>ul li.active {
border-color: #17B794;
background: #17B794;
/* color: #fff; */
}
.tab_wrapper>ul li.active:after {
content: "";
position: absolute;
bottom: -1px;
height: 1px;
left: 0;
background: #fff;
width: 100%;
}
.tab_wrapper .controller {
display: block;
overflow: hidden;
clear: both;
position: absolute;
top: 0;
right: 0;
}
.tab_wrapper .controller span {
padding: 8px 22px;
background: #0061da;
color: #fff;
text-transform: uppercase;
display: inline-block;
}
.tab_wrapper .controller span.next {
float: right;
margin-left: 10px;
}
.tab_wrapper .content_wrapper {
float: left;
width: 100%;
border: 1px solid #eaeaea;
border-top: 0;
box-sizing: border-box;
border-radius: 0 5px 5px 5px;
}
.tab_wrapper .content_wrapper .tab_content {
display: none;
padding: 20px;
border-radius: 0 5px 5px 5px;
}
.tab_wrapper .content_wrapper .tab_content .error {
color: red;
}
.tab_wrapper .content_wrapper .accordian_header {
display: none;
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
border-top: 1px solid #eee;
border-bottom: 1px solid #eaeaea;
position: relative;
cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.active {
color: #0061da;
border: 1px solid #eee;
}
.tab_wrapper .content_wrapper .accordian_header.active:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 5px;
height: 100%;
background: #0061da;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
display: inline-block;
width: 12px;
height: 12px;
position: relative;
border-radius: 2px;
transform: rotate(-135deg);
background: #fff;
border-top: 3px solid #424e79;
border-left: 3px solid #424e79;
/* &:after{
position: absolute;
top: 0;
content: "";
left: 0;
width: 10px;
height: 10px;
background: $white;
border-top: 3px solid $border_color;
border-left: 3px solid $border_color;
} */
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
transform: rotate(45deg);
margin-top: 5px;
border-top: 3px solid #0061da;
border-left: 3px solid #0061da;
}
.tab_wrapper.left_side>ul {
width: 25%;
float: left;
border-bottom: 1px solid #eff0f6;
}
.tab_wrapper.left_side>ul li {
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 12px 18px;
border-width: 1px;
border-right: 0;
border-left: 0;
}
.tab_wrapper.left_side>ul li:after {
left: 0;
top: 0;
content: "";
position: absolute;
width: 5px;
height: 100%;
background: #424e79;
}
.tab_wrapper.left_side>ul li.active {
border-color: #424e79;
}
.tab_wrapper.left_side>ul li.active:after {
left: 0;
top: 0;
width: 5px;
height: 100%;
background: #0061da;
}
.tab_wrapper.left_side>ul li.active:before {
right: -1px;
position: absolute;
top: 0;
content: "";
width: 2px;
height: 100%;
background: #fff;
}
.tab_wrapper.left_side .content_wrapper {
width: 75%;
border: 1px solid #d7e7ff;
float: left;
}
.tab_wrapper.left_side .controller {
top: -50px;
}
.tab_wrapper.right_side>ul {
width: 25%;
float: right;
}
.tab_wrapper.right_side>ul li {
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 12px 18px;
border-width: 1px;
border-left: 1px soild #eaeaea;
text-align: right;
}
.tab_wrapper.right_side>ul li:after {
right: 0;
left: inherit;
top: 0;
content: "";
position: absolute;
width: 5px;
height: 100%;
}
.tab_wrapper.right_side>ul li.active:after {
right: 0;
left: inherit;
top: 0;
width: 5px;
height: 100%;
content: "";
background: #17B794;
}
.tab_wrapper.right_side>ul li.active:before {
left: -2px;
right: inherit;
position: absolute;
top: 0;
content: "";
width: 2px;
height: 100%;
background: #fff;
}
.tab_wrapper.right_side .content_wrapper {
width: 75%;
float: left;
}
.tab_wrapper.right_side .controller {
top: -50px;
}
.tab_wrapper.accordion .content_wrapper {
border-color: #eee;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
display: block;
}
.tab_wrapper.accordion>ul {
display: none;
}
.tab_wrapper .active_tab {
display: none;
position: relative;
background: #000;
padding: 12px;
text-align: center;
padding-right: 50px;
color: #fff;
cursor: pointer;
border-radius: 30px;
}
.tab_wrapper .active_tab .arrow {
width: 30px;
height: 30px;
overflow: hidden;
line-height: 30px;
text-align: center;
background: #fff;
position: absolute;
right: 6px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
.tab_wrapper .active_tab .arrow:after {
content: "";
width: 10px;
display: inline-block;
height: 10px;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -8px;
}
.tab_wrapper .active_tab .text {
text-indent: 39px;
display: block;
}
@media only screen and (max-width: 768px) {
.tab_wrapper>ul {
display: none;
}
.tab_wrapper .content_wrapper {
border: 0;
}
.tab_wrapper .content_wrapper .accordian_header {
display: block;
}
.tab_wrapper.left_side .content_wrapper,
.tab_wrapper.right_side .content_wrapper {
width: 100%;
border-top: 0;
}
.tab_wrapper .controller {
display: none;
}
.tab_wrapper.show-as-dropdown>.tab_list {
border: 0;
box-shadow: 0 0 8px #424e79;
position: absolute;
z-index: 3;
background: #fff;
border-radius: 5px;
margin-top: 15px;
}
.tab_wrapper.show-as-dropdown>.tab_list:before {
content: "";
position: absolute;
top: -6px;
left: 50%;
width: 14px;
height: 14px;
background: #fff;
transform: rotate(45deg);
box-shadow: -3px -4px 5px #efefef;
margin-left: -7px;
}
.tab_wrapper.show-as-dropdown>.tab_list li {
border: 0;
border-bottom: 1px solid #eff0f6;
}
.tab_wrapper.show-as-dropdown>.tab_list li.active:after {
display: none;
}
.tab_wrapper.show-as-dropdown .active_tab {
display: block;
}
.tab_wrapper.show-as-dropdown>.tab_list,
.tab_wrapper.show-as-dropdown>.content_wrapper>.accordian_header {
display: none;
}
.tab_wrapper.show-as-dropdown>.tab_list li {
display: block;
float: none;
width: 100%;
}
}
@media only screen and (min-width: 769px) {
.tab_wrapper.show-as-dropdown>.tab_list {
display: block !important;
overflow: hidden;
}
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot?v=4.7.0');
src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em !important;
}
.fa-3x {
font-size: 3em !important;
}
.fa-4x {
font-size: 4em !important;
}
.fa-5x {
font-size: 5em !important;
}
.fa-10x {
font-size: 10em !important;
}
.fa-15x {
font-size: 15em !important;
}
.fa-20x {
font-size: 20em !important;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit !important;
}
.feature .fa-lg .fa-stack-1x,.facility .fa-lg .fa-stack-1x {
font-size: 35px;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/*!
* Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
* License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'Material-Design-Iconic-Font';
src: url('Material-Design-Iconic-Font.woff2?v=2.2.0') format("woff2"), url('Material-Design-Iconic-Font.woff?v=2.2.0') format("woff"), url('Material-Design-Iconic-Font.ttf?v=2.2.0') format("truetype");
font-weight: normal;
font-style: normal; }
.zmdi {
display: inline-block;
font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.zmdi-hc-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%; }
.zmdi-hc-2x {
font-size: 2em; }
.zmdi-hc-3x {
font-size: 3em; }
.zmdi-hc-4x {
font-size: 4em; }
.zmdi-hc-5x {
font-size: 5em; }
.zmdi-hc-fw {
width: 1.28571429em;
text-align: center; }
.zmdi-hc-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
.zmdi-hc-ul > li {
position: relative; }
.zmdi-hc-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center; }
.zmdi-hc-li.zmdi-hc-lg {
left: -1.85714286em; }
.zmdi-hc-border {
padding: .1em .25em;
border: solid 0.1em #9e9e9e;
border-radius: 2px; }
.zmdi-hc-border-circle {
padding: .1em .25em;
border: solid 0.1em #9e9e9e;
border-radius: 50%; }
.zmdi.pull-left {
float: left;
margin-right: .15em; }
.zmdi.pull-right {
float: right;
margin-left: .15em; }
.zmdi-hc-spin {
animation: zmdi-spin 1.5s infinite linear; }
.zmdi-hc-spin-reverse {
animation: zmdi-spin-reverse 1.5s infinite linear; }
@keyframes zmdi-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
@keyframes zmdi-spin-reverse {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(-359deg); } }
.zmdi-hc-rotate-90 {
transform: rotate(90deg); }
.zmdi-hc-rotate-180 {
transform: rotate(180deg); }
.zmdi-hc-rotate-270 {
transform: rotate(270deg); }
.zmdi-hc-flip-horizontal {
transform: scale(-1, 1); }
.zmdi-hc-flip-vertical {
transform: scale(1, -1); }
.zmdi-hc-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.zmdi-hc-stack-1x {
line-height: inherit; }
.zmdi-hc-stack-2x {
font-size: 2em; }
.zmdi-hc-inverse {
color: #ffffff; }
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.zmdi-3d-rotation:before {
content: '\f101'; }
.zmdi-airplane-off:before {
content: '\f102'; }
.zmdi-airplane:before {
content: '\f103'; }
.zmdi-album:before {
content: '\f104'; }
.zmdi-archive:before {
content: '\f105'; }
.zmdi-assignment-account:before {
content: '\f106'; }
.zmdi-assignment-alert:before {
content: '\f107'; }
.zmdi-assignment-check:before {
content: '\f108'; }
.zmdi-assignment-o:before {
content: '\f109'; }
.zmdi-assignment-return:before {
content: '\f10a'; }
.zmdi-assignment-returned:before {
content: '\f10b'; }
.zmdi-assignment:before {
content: '\f10c'; }
.zmdi-attachment-alt:before {
content: '\f10d'; }
.zmdi-attachment:before {
content: '\f10e'; }
.zmdi-audio:before {
content: '\f10f'; }
.zmdi-badge-check:before {
content: '\f110'; }
.zmdi-balance-wallet:before {
content: '\f111'; }
.zmdi-balance:before {
content: '\f112'; }
.zmdi-battery-alert:before {
content: '\f113'; }
.zmdi-battery-flash:before {
content: '\f114'; }
.zmdi-battery-unknown:before {
content: '\f115'; }
.zmdi-battery:before {
content: '\f116'; }
.zmdi-bike:before {
content: '\f117'; }
.zmdi-block-alt:before {
content: '\f118'; }
.zmdi-block:before {
content: '\f119'; }
.zmdi-boat:before {
content: '\f11a'; }
.zmdi-book-image:before {
content: '\f11b'; }
.zmdi-book:before {
content: '\f11c'; }
.zmdi-bookmark-outline:before {
content: '\f11d'; }
.zmdi-bookmark:before {
content: '\f11e'; }
.zmdi-brush:before {
content: '\f11f'; }
.zmdi-bug:before {
content: '\f120'; }
.zmdi-bus:before {
content: '\f121'; }
.zmdi-cake:before {
content: '\f122'; }
.zmdi-car-taxi:before {
content: '\f123'; }
.zmdi-car-wash:before {
content: '\f124'; }
.zmdi-car:before {
content: '\f125'; }
.zmdi-card-giftcard:before {
content: '\f126'; }
.zmdi-card-membership:before {
content: '\f127'; }
.zmdi-card-travel:before {
content: '\f128'; }
.zmdi-card:before {
content: '\f129'; }
.zmdi-case-check:before {
content: '\f12a'; }
.zmdi-case-download:before {
content: '\f12b'; }
.zmdi-case-play:before {
content: '\f12c'; }
.zmdi-case:before {
content: '\f12d'; }
.zmdi-cast-connected:before {
content: '\f12e'; }
.zmdi-cast:before {
content: '\f12f'; }
.zmdi-chart-donut:before {
content: '\f130'; }
.zmdi-chart:before {
content: '\f131'; }
.zmdi-city-alt:before {
content: '\f132'; }
.zmdi-city:before {
content: '\f133'; }
.zmdi-close-circle-o:before {
content: '\f134'; }
.zmdi-close-circle:before {
content: '\f135'; }
.zmdi-close:before {
content: '\f136'; }
.zmdi-cocktail:before {
content: '\f137'; }
.zmdi-code-setting:before {
content: '\f138'; }
.zmdi-code-smartphone:before {
content: '\f139'; }
.zmdi-code:before {
content: '\f13a'; }
.zmdi-coffee:before {
content: '\f13b'; }
.zmdi-collection-bookmark:before {
content: '\f13c'; }
.zmdi-collection-case-play:before {
content: '\f13d'; }
.zmdi-collection-folder-image:before {
content: '\f13e'; }
.zmdi-collection-image-o:before {
content: '\f13f'; }
.zmdi-collection-image:before {
content: '\f140'; }
.zmdi-collection-item-1:before {
content: '\f141'; }
.zmdi-collection-item-2:before {
content: '\f142'; }
.zmdi-collection-item-3:before {
content: '\f143'; }
.zmdi-collection-item-4:before {
content: '\f144'; }
.zmdi-collection-item-5:before {
content: '\f145'; }
.zmdi-collection-item-6:before {
content: '\f146'; }
.zmdi-collection-item-7:before {
content: '\f147'; }
.zmdi-collection-item-8:before {
content: '\f148'; }
.zmdi-collection-item-9-plus:before {
content: '\f149'; }
.zmdi-collection-item-9:before {
content: '\f14a'; }
.zmdi-collection-item:before {
content: '\f14b'; }
.zmdi-collection-music:before {
content: '\f14c'; }
.zmdi-collection-pdf:before {
content: '\f14d'; }
.zmdi-collection-plus:before {
content: '\f14e'; }
.zmdi-collection-speaker:before {
content: '\f14f'; }
.zmdi-collection-text:before {
content: '\f150'; }
.zmdi-collection-video:before {
content: '\f151'; }
.zmdi-compass:before {
content: '\f152'; }
.zmdi-cutlery:before {
content: '\f153'; }
.zmdi-delete:before {
content: '\f154'; }
.zmdi-dialpad:before {
content: '\f155'; }
.zmdi-dns:before {
content: '\f156'; }
.zmdi-drink:before {
content: '\f157'; }
.zmdi-edit:before {
content: '\f158'; }
.zmdi-email-open:before {
content: '\f159'; }
.zmdi-email:before {
content: '\f15a'; }
.zmdi-eye-off:before {
content: '\f15b'; }
.zmdi-eye:before {
content: '\f15c'; }
.zmdi-eyedropper:before {
content: '\f15d'; }
.zmdi-favorite-outline:before {
content: '\f15e'; }
.zmdi-favorite:before {
content: '\f15f'; }
.zmdi-filter-list:before {
content: '\f160'; }
.zmdi-fire:before {
content: '\f161'; }
.zmdi-flag:before {
content: '\f162'; }
.zmdi-flare:before {
content: '\f163'; }
.zmdi-flash-auto:before {
content: '\f164'; }
.zmdi-flash-off:before {
content: '\f165'; }
.zmdi-flash:before {
content: '\f166'; }
.zmdi-flip:before {
content: '\f167'; }
.zmdi-flower-alt:before {
content: '\f168'; }
.zmdi-flower:before {
content: '\f169'; }
.zmdi-font:before {
content: '\f16a'; }
.zmdi-fullscreen-alt:before {
content: '\f16b'; }
.zmdi-fullscreen-exit:before {
content: '\f16c'; }
.zmdi-fullscreen:before {
content: '\f16d'; }
.zmdi-functions:before {
content: '\f16e'; }
.zmdi-gas-station:before {
content: '\f16f'; }
.zmdi-gesture:before {
content: '\f170'; }
.zmdi-globe-alt:before {
content: '\f171'; }
.zmdi-globe-lock:before {
content: '\f172'; }
.zmdi-globe:before {
content: '\f173'; }
.zmdi-graduation-cap:before {
content: '\f174'; }
.zmdi-home:before {
content: '\f175'; }
.zmdi-hospital-alt:before {
content: '\f176'; }
.zmdi-hospital:before {
content: '\f177'; }
.zmdi-hotel:before {
content: '\f178'; }
.zmdi-hourglass-alt:before {
content: '\f179'; }
.zmdi-hourglass-outline:before {
content: '\f17a'; }
.zmdi-hourglass:before {
content: '\f17b'; }
.zmdi-http:before {
content: '\f17c'; }
.zmdi-image-alt:before {
content: '\f17d'; }
.zmdi-image-o:before {
content: '\f17e'; }
.zmdi-image:before {
content: '\f17f'; }
.zmdi-inbox:before {
content: '\f180'; }
.zmdi-invert-colors-off:before {
content: '\f181'; }
.zmdi-invert-colors:before {
content: '\f182'; }
.zmdi-key:before {
content: '\f183'; }
.zmdi-label-alt-outline:before {
content: '\f184'; }
.zmdi-label-alt:before {
content: '\f185'; }
.zmdi-label-heart:before {
content: '\f186'; }
.zmdi-label:before {
content: '\f187'; }
.zmdi-labels:before {
content: '\f188'; }
.zmdi-lamp:before {
content: '\f189'; }
.zmdi-landscape:before {
content: '\f18a'; }
.zmdi-layers-off:before {
content: '\f18b'; }
.zmdi-layers:before {
content: '\f18c'; }
.zmdi-library:before {
content: '\f18d'; }
.zmdi-link:before {
content: '\f18e'; }
.zmdi-lock-open:before {
content: '\f18f'; }
.zmdi-lock-outline:before {
content: '\f190'; }
.zmdi-lock:before {
content: '\f191'; }
.zmdi-mail-reply-all:before {
content: '\f192'; }
.zmdi-mail-reply:before {
content: '\f193'; }
.zmdi-mail-send:before {
content: '\f194'; }
.zmdi-mall:before {
content: '\f195'; }
.zmdi-map:before {
content: '\f196'; }
.zmdi-menu:before {
content: '\f197'; }
.zmdi-money-box:before {
content: '\f198'; }
.zmdi-money-off:before {
content: '\f199'; }
.zmdi-money:before {
content: '\f19a'; }
.zmdi-more-vert:before {
content: '\f19b'; }
.zmdi-more:before {
content: '\f19c'; }
.zmdi-movie-alt:before {
content: '\f19d'; }
.zmdi-movie:before {
content: '\f19e'; }
.zmdi-nature-people:before {
content: '\f19f'; }
.zmdi-nature:before {
content: '\f1a0'; }
.zmdi-navigation:before {
content: '\f1a1'; }
.zmdi-open-in-browser:before {
content: '\f1a2'; }
.zmdi-open-in-new:before {
content: '\f1a3'; }
.zmdi-palette:before {
content: '\f1a4'; }
.zmdi-parking:before {
content: '\f1a5'; }
.zmdi-pin-account:before {
content: '\f1a6'; }
.zmdi-pin-assistant:before {
content: '\f1a7'; }
.zmdi-pin-drop:before {
content: '\f1a8'; }
.zmdi-pin-help:before {
content: '\f1a9'; }
.zmdi-pin-off:before {
content: '\f1aa'; }
.zmdi-pin:before {
content: '\f1ab'; }
.zmdi-pizza:before {
content: '\f1ac'; }
.zmdi-plaster:before {
content: '\f1ad'; }
.zmdi-power-setting:before {
content: '\f1ae'; }
.zmdi-power:before {
content: '\f1af'; }
.zmdi-print:before {
content: '\f1b0'; }
.zmdi-puzzle-piece:before {
content: '\f1b1'; }
.zmdi-quote:before {
content: '\f1b2'; }
.zmdi-railway:before {
content: '\f1b3'; }
.zmdi-receipt:before {
content: '\f1b4'; }
.zmdi-refresh-alt:before {
content: '\f1b5'; }
.zmdi-refresh-sync-alert:before {
content: '\f1b6'; }
.zmdi-refresh-sync-off:before {
content: '\f1b7'; }
.zmdi-refresh-sync:before {
content: '\f1b8'; }
.zmdi-refresh:before {
content: '\f1b9'; }
.zmdi-roller:before {
content: '\f1ba'; }
.zmdi-ruler:before {
content: '\f1bb'; }
.zmdi-scissors:before {
content: '\f1bc'; }
.zmdi-screen-rotation-lock:before {
content: '\f1bd'; }
.zmdi-screen-rotation:before {
content: '\f1be'; }
.zmdi-search-for:before {
content: '\f1bf'; }
.zmdi-search-in-file:before {
content: '\f1c0'; }
.zmdi-search-in-page:before {
content: '\f1c1'; }
.zmdi-search-replace:before {
content: '\f1c2'; }
.zmdi-search:before {
content: '\f1c3'; }
.zmdi-seat:before {
content: '\f1c4'; }
.zmdi-settings-square:before {
content: '\f1c5'; }
.zmdi-settings:before {
content: '\f1c6'; }
.zmdi-shield-check:before {
content: '\f1c7'; }
.zmdi-shield-security:before {
content: '\f1c8'; }
.zmdi-shopping-basket:before {
content: '\f1c9'; }
.zmdi-shopping-cart-plus:before {
content: '\f1ca'; }
.zmdi-shopping-cart:before {
content: '\f1cb'; }
.zmdi-sign-in:before {
content: '\f1cc'; }
.zmdi-sort-amount-asc:before {
content: '\f1cd'; }
.zmdi-sort-amount-desc:before {
content: '\f1ce'; }
.zmdi-sort-asc:before {
content: '\f1cf'; }
.zmdi-sort-desc:before {
content: '\f1d0'; }
.zmdi-spellcheck:before {
content: '\f1d1'; }
.zmdi-storage:before {
content: '\f1d2'; }
.zmdi-store-24:before {
content: '\f1d3'; }
.zmdi-store:before {
content: '\f1d4'; }
.zmdi-subway:before {
content: '\f1d5'; }
.zmdi-sun:before {
content: '\f1d6'; }
.zmdi-tab-unselected:before {
content: '\f1d7'; }
.zmdi-tab:before {
content: '\f1d8'; }
.zmdi-tag-close:before {
content: '\f1d9'; }
.zmdi-tag-more:before {
content: '\f1da'; }
.zmdi-tag:before {
content: '\f1db'; }
.zmdi-thumb-down:before {
content: '\f1dc'; }
.zmdi-thumb-up-down:before {
content: '\f1dd'; }
.zmdi-thumb-up:before {
content: '\f1de'; }
.zmdi-ticket-star:before {
content: '\f1df'; }
.zmdi-toll:before {
content: '\f1e0'; }
.zmdi-toys:before {
content: '\f1e1'; }
.zmdi-traffic:before {
content: '\f1e2'; }
.zmdi-translate:before {
content: '\f1e3'; }
.zmdi-triangle-down:before {
content: '\f1e4'; }
.zmdi-triangle-up:before {
content: '\f1e5'; }
.zmdi-truck:before {
content: '\f1e6'; }
.zmdi-turning-sign:before {
content: '\f1e7'; }
.zmdi-wallpaper:before {
content: '\f1e8'; }
.zmdi-washing-machine:before {
content: '\f1e9'; }
.zmdi-window-maximize:before {
content: '\f1ea'; }
.zmdi-window-minimize:before {
content: '\f1eb'; }
.zmdi-window-restore:before {
content: '\f1ec'; }
.zmdi-wrench:before {
content: '\f1ed'; }
.zmdi-zoom-in:before {
content: '\f1ee'; }
.zmdi-zoom-out:before {
content: '\f1ef'; }
.zmdi-alert-circle-o:before {
content: '\f1f0'; }
.zmdi-alert-circle:before {
content: '\f1f1'; }
.zmdi-alert-octagon:before {
content: '\f1f2'; }
.zmdi-alert-polygon:before {
content: '\f1f3'; }
.zmdi-alert-triangle:before {
content: '\f1f4'; }
.zmdi-help-outline:before {
content: '\f1f5'; }
.zmdi-help:before {
content: '\f1f6'; }
.zmdi-info-outline:before {
content: '\f1f7'; }
.zmdi-info:before {
content: '\f1f8'; }
.zmdi-notifications-active:before {
content: '\f1f9'; }
.zmdi-notifications-add:before {
content: '\f1fa'; }
.zmdi-notifications-none:before {
content: '\f1fb'; }
.zmdi-notifications-off:before {
content: '\f1fc'; }
.zmdi-notifications-paused:before {
content: '\f1fd'; }
.zmdi-notifications:before {
content: '\f1fe'; }
.zmdi-account-add:before {
content: '\f1ff'; }
.zmdi-account-box-mail:before {
content: '\f200'; }
.zmdi-account-box-o:before {
content: '\f201'; }
.zmdi-account-box-phone:before {
content: '\f202'; }
.zmdi-account-box:before {
content: '\f203'; }
.zmdi-account-calendar:before {
content: '\f204'; }
.zmdi-account-circle:before {
content: '\f205'; }
.zmdi-account-o:before {
content: '\f206'; }
.zmdi-account:before {
content: '\f207'; }
.zmdi-accounts-add:before {
content: '\f208'; }
.zmdi-accounts-alt:before {
content: '\f209'; }
.zmdi-accounts-list-alt:before {
content: '\f20a'; }
.zmdi-accounts-list:before {
content: '\f20b'; }
.zmdi-accounts-outline:before {
content: '\f20c'; }
.zmdi-accounts:before {
content: '\f20d'; }
.zmdi-face:before {
content: '\f20e'; }
.zmdi-female:before {
content: '\f20f'; }
.zmdi-male-alt:before {
content: '\f210'; }
.zmdi-male-female:before {
content: '\f211'; }
.zmdi-male:before {
content: '\f212'; }
.zmdi-mood-bad:before {
content: '\f213'; }
.zmdi-mood:before {
content: '\f214'; }
.zmdi-run:before {
content: '\f215'; }
.zmdi-walk:before {
content: '\f216'; }
.zmdi-cloud-box:before {
content: '\f217'; }
.zmdi-cloud-circle:before {
content: '\f218'; }
.zmdi-cloud-done:before {
content: '\f219'; }
.zmdi-cloud-download:before {
content: '\f21a'; }
.zmdi-cloud-off:before {
content: '\f21b'; }
.zmdi-cloud-outline-alt:before {
content: '\f21c'; }
.zmdi-cloud-outline:before {
content: '\f21d'; }
.zmdi-cloud-upload:before {
content: '\f21e'; }
.zmdi-cloud:before {
content: '\f21f'; }
.zmdi-download:before {
content: '\f220'; }
.zmdi-file-plus:before {
content: '\f221'; }
.zmdi-file-text:before {
content: '\f222'; }
.zmdi-file:before {
content: '\f223'; }
.zmdi-folder-outline:before {
content: '\f224'; }
.zmdi-folder-person:before {
content: '\f225'; }
.zmdi-folder-star-alt:before {
content: '\f226'; }
.zmdi-folder-star:before {
content: '\f227'; }
.zmdi-folder:before {
content: '\f228'; }
.zmdi-gif:before {
content: '\f229'; }
.zmdi-upload:before {
content: '\f22a'; }
.zmdi-border-all:before {
content: '\f22b'; }
.zmdi-border-bottom:before {
content: '\f22c'; }
.zmdi-border-clear:before {
content: '\f22d'; }
.zmdi-border-color:before {
content: '\f22e'; }
.zmdi-border-horizontal:before {
content: '\f22f'; }
.zmdi-border-inner:before {
content: '\f230'; }
.zmdi-border-left:before {
content: '\f231'; }
.zmdi-border-outer:before {
content: '\f232'; }
.zmdi-border-right:before {
content: '\f233'; }
.zmdi-border-style:before {
content: '\f234'; }
.zmdi-border-top:before {
content: '\f235'; }
.zmdi-border-vertical:before {
content: '\f236'; }
.zmdi-copy:before {
content: '\f237'; }
.zmdi-crop:before {
content: '\f238'; }
.zmdi-format-align-center:before {
content: '\f239'; }
.zmdi-format-align-justify:before {
content: '\f23a'; }
.zmdi-format-align-left:before {
content: '\f23b'; }
.zmdi-format-align-right:before {
content: '\f23c'; }
.zmdi-format-bold:before {
content: '\f23d'; }
.zmdi-format-clear-all:before {
content: '\f23e'; }
.zmdi-format-clear:before {
content: '\f23f'; }
.zmdi-format-color-fill:before {
content: '\f240'; }
.zmdi-format-color-reset:before {
content: '\f241'; }
.zmdi-format-color-text:before {
content: '\f242'; }
.zmdi-format-indent-decrease:before {
content: '\f243'; }
.zmdi-format-indent-increase:before {
content: '\f244'; }
.zmdi-format-italic:before {
content: '\f245'; }
.zmdi-format-line-spacing:before {
content: '\f246'; }
.zmdi-format-list-bulleted:before {
content: '\f247'; }
.zmdi-format-list-numbered:before {
content: '\f248'; }
.zmdi-format-ltr:before {
content: '\f249'; }
.zmdi-format-rtl:before {
content: '\f24a'; }
.zmdi-format-size:before {
content: '\f24b'; }
.zmdi-format-strikethrough-s:before {
content: '\f24c'; }
.zmdi-format-strikethrough:before {
content: '\f24d'; }
.zmdi-format-subject:before {
content: '\f24e'; }
.zmdi-format-underlined:before {
content: '\f24f'; }
.zmdi-format-valign-bottom:before {
content: '\f250'; }
.zmdi-format-valign-center:before {
content: '\f251'; }
.zmdi-format-valign-top:before {
content: '\f252'; }
.zmdi-redo:before {
content: '\f253'; }
.zmdi-select-all:before {
content: '\f254'; }
.zmdi-space-bar:before {
content: '\f255'; }
.zmdi-text-format:before {
content: '\f256'; }
.zmdi-transform:before {
content: '\f257'; }
.zmdi-undo:before {
content: '\f258'; }
.zmdi-wrap-text:before {
content: '\f259'; }
.zmdi-comment-alert:before {
content: '\f25a'; }
.zmdi-comment-alt-text:before {
content: '\f25b'; }
.zmdi-comment-alt:before {
content: '\f25c'; }
.zmdi-comment-edit:before {
content: '\f25d'; }
.zmdi-comment-image:before {
content: '\f25e'; }
.zmdi-comment-list:before {
content: '\f25f'; }
.zmdi-comment-more:before {
content: '\f260'; }
.zmdi-comment-outline:before {
content: '\f261'; }
.zmdi-comment-text-alt:before {
content: '\f262'; }
.zmdi-comment-text:before {
content: '\f263'; }
.zmdi-comment-video:before {
content: '\f264'; }
.zmdi-comment:before {
content: '\f265'; }
.zmdi-comments:before {
content: '\f266'; }
.zmdi-check-all:before {
content: '\f267'; }
.zmdi-check-circle-u:before {
content: '\f268'; }
.zmdi-check-circle:before {
content: '\f269'; }
.zmdi-check-square:before {
content: '\f26a'; }
.zmdi-check:before {
content: '\f26b'; }
.zmdi-circle-o:before {
content: '\f26c'; }
.zmdi-circle:before {
content: '\f26d'; }
.zmdi-dot-circle-alt:before {
content: '\f26e'; }
.zmdi-dot-circle:before {
content: '\f26f'; }
.zmdi-minus-circle-outline:before {
content: '\f270'; }
.zmdi-minus-circle:before {
content: '\f271'; }
.zmdi-minus-square:before {
content: '\f272'; }
.zmdi-minus:before {
content: '\f273'; }
.zmdi-plus-circle-o-duplicate:before {
content: '\f274'; }
.zmdi-plus-circle-o:before {
content: '\f275'; }
.zmdi-plus-circle:before {
content: '\f276'; }
.zmdi-plus-square:before {
content: '\f277'; }
.zmdi-plus:before {
content: '\f278'; }
.zmdi-square-o:before {
content: '\f279'; }
.zmdi-star-circle:before {
content: '\f27a'; }
.zmdi-star-half:before {
content: '\f27b'; }
.zmdi-star-outline:before {
content: '\f27c'; }
.zmdi-star:before {
content: '\f27d'; }
.zmdi-bluetooth-connected:before {
content: '\f27e'; }
.zmdi-bluetooth-off:before {
content: '\f27f'; }
.zmdi-bluetooth-search:before {
content: '\f280'; }
.zmdi-bluetooth-setting:before {
content: '\f281'; }
.zmdi-bluetooth:before {
content: '\f282'; }
.zmdi-camera-add:before {
content: '\f283'; }
.zmdi-camera-alt:before {
content: '\f284'; }
.zmdi-camera-bw:before {
content: '\f285'; }
.zmdi-camera-front:before {
content: '\f286'; }
.zmdi-camera-mic:before {
content: '\f287'; }
.zmdi-camera-party-mode:before {
content: '\f288'; }
.zmdi-camera-rear:before {
content: '\f289'; }
.zmdi-camera-roll:before {
content: '\f28a'; }
.zmdi-camera-switch:before {
content: '\f28b'; }
.zmdi-camera:before {
content: '\f28c'; }
.zmdi-card-alert:before {
content: '\f28d'; }
.zmdi-card-off:before {
content: '\f28e'; }
.zmdi-card-sd:before {
content: '\f28f'; }
.zmdi-card-sim:before {
content: '\f290'; }
.zmdi-desktop-mac:before {
content: '\f291'; }
.zmdi-desktop-windows:before {
content: '\f292'; }
.zmdi-device-hub:before {
content: '\f293'; }
.zmdi-devices-off:before {
content: '\f294'; }
.zmdi-devices:before {
content: '\f295'; }
.zmdi-dock:before {
content: '\f296'; }
.zmdi-floppy:before {
content: '\f297'; }
.zmdi-gamepad:before {
content: '\f298'; }
.zmdi-gps-dot:before {
content: '\f299'; }
.zmdi-gps-off:before {
content: '\f29a'; }
.zmdi-gps:before {
content: '\f29b'; }
.zmdi-headset-mic:before {
content: '\f29c'; }
.zmdi-headset:before {
content: '\f29d'; }
.zmdi-input-antenna:before {
content: '\f29e'; }
.zmdi-input-composite:before {
content: '\f29f'; }
.zmdi-input-hdmi:before {
content: '\f2a0'; }
.zmdi-input-power:before {
content: '\f2a1'; }
.zmdi-input-svideo:before {
content: '\f2a2'; }
.zmdi-keyboard-hide:before {
content: '\f2a3'; }
.zmdi-keyboard:before {
content: '\f2a4'; }
.zmdi-laptop-chromebook:before {
content: '\f2a5'; }
.zmdi-laptop-mac:before {
content: '\f2a6'; }
.zmdi-laptop:before {
content: '\f2a7'; }
.zmdi-mic-off:before {
content: '\f2a8'; }
.zmdi-mic-outline:before {
content: '\f2a9'; }
.zmdi-mic-setting:before {
content: '\f2aa'; }
.zmdi-mic:before {
content: '\f2ab'; }
.zmdi-mouse:before {
content: '\f2ac'; }
.zmdi-network-alert:before {
content: '\f2ad'; }
.zmdi-network-locked:before {
content: '\f2ae'; }
.zmdi-network-off:before {
content: '\f2af'; }
.zmdi-network-outline:before {
content: '\f2b0'; }
.zmdi-network-setting:before {
content: '\f2b1'; }
.zmdi-network:before {
content: '\f2b2'; }
.zmdi-phone-bluetooth:before {
content: '\f2b3'; }
.zmdi-phone-end:before {
content: '\f2b4'; }
.zmdi-phone-forwarded:before {
content: '\f2b5'; }
.zmdi-phone-in-talk:before {
content: '\f2b6'; }
.zmdi-phone-locked:before {
content: '\f2b7'; }
.zmdi-phone-missed:before {
content: '\f2b8'; }
.zmdi-phone-msg:before {
content: '\f2b9'; }
.zmdi-phone-paused:before {
content: '\f2ba'; }
.zmdi-phone-ring:before {
content: '\f2bb'; }
.zmdi-phone-setting:before {
content: '\f2bc'; }
.zmdi-phone-sip:before {
content: '\f2bd'; }
.zmdi-phone:before {
content: '\f2be'; }
.zmdi-portable-wifi-changes:before {
content: '\f2bf'; }
.zmdi-portable-wifi-off:before {
content: '\f2c0'; }
.zmdi-portable-wifi:before {
content: '\f2c1'; }
.zmdi-radio:before {
content: '\f2c2'; }
.zmdi-reader:before {
content: '\f2c3'; }
.zmdi-remote-control-alt:before {
content: '\f2c4'; }
.zmdi-remote-control:before {
content: '\f2c5'; }
.zmdi-router:before {
content: '\f2c6'; }
.zmdi-scanner:before {
content: '\f2c7'; }
.zmdi-smartphone-android:before {
content: '\f2c8'; }
.zmdi-smartphone-download:before {
content: '\f2c9'; }
.zmdi-smartphone-erase:before {
content: '\f2ca'; }
.zmdi-smartphone-info:before {
content: '\f2cb'; }
.zmdi-smartphone-iphone:before {
content: '\f2cc'; }
.zmdi-smartphone-landscape-lock:before {
content: '\f2cd'; }
.zmdi-smartphone-landscape:before {
content: '\f2ce'; }
.zmdi-smartphone-lock:before {
content: '\f2cf'; }
.zmdi-smartphone-portrait-lock:before {
content: '\f2d0'; }
.zmdi-smartphone-ring:before {
content: '\f2d1'; }
.zmdi-smartphone-setting:before {
content: '\f2d2'; }
.zmdi-smartphone-setup:before {
content: '\f2d3'; }
.zmdi-smartphone:before {
content: '\f2d4'; }
.zmdi-speaker:before {
content: '\f2d5'; }
.zmdi-tablet-android:before {
content: '\f2d6'; }
.zmdi-tablet-mac:before {
content: '\f2d7'; }
.zmdi-tablet:before {
content: '\f2d8'; }
.zmdi-tv-alt-play:before {
content: '\f2d9'; }
.zmdi-tv-list:before {
content: '\f2da'; }
.zmdi-tv-play:before {
content: '\f2db'; }
.zmdi-tv:before {
content: '\f2dc'; }
.zmdi-usb:before {
content: '\f2dd'; }
.zmdi-videocam-off:before {
content: '\f2de'; }
.zmdi-videocam-switch:before {
content: '\f2df'; }
.zmdi-videocam:before {
content: '\f2e0'; }
.zmdi-watch:before {
content: '\f2e1'; }
.zmdi-wifi-alt-2:before {
content: '\f2e2'; }
.zmdi-wifi-alt:before {
content: '\f2e3'; }
.zmdi-wifi-info:before {
content: '\f2e4'; }
.zmdi-wifi-lock:before {
content: '\f2e5'; }
.zmdi-wifi-off:before {
content: '\f2e6'; }
.zmdi-wifi-outline:before {
content: '\f2e7'; }
.zmdi-wifi:before {
content: '\f2e8'; }
.zmdi-arrow-left-bottom:before {
content: '\f2e9'; }
.zmdi-arrow-left:before {
content: '\f2ea'; }
.zmdi-arrow-merge:before {
content: '\f2eb'; }
.zmdi-arrow-missed:before {
content: '\f2ec'; }
.zmdi-arrow-right-top:before {
content: '\f2ed'; }
.zmdi-arrow-right:before {
content: '\f2ee'; }
.zmdi-arrow-split:before {
content: '\f2ef'; }
.zmdi-arrows:before {
content: '\f2f0'; }
.zmdi-caret-down-circle:before {
content: '\f2f1'; }
.zmdi-caret-down:before {
content: '\f2f2'; }
.zmdi-caret-left-circle:before {
content: '\f2f3'; }
.zmdi-caret-left:before {
content: '\f2f4'; }
.zmdi-caret-right-circle:before {
content: '\f2f5'; }
.zmdi-caret-right:before {
content: '\f2f6'; }
.zmdi-caret-up-circle:before {
content: '\f2f7'; }
.zmdi-caret-up:before {
content: '\f2f8'; }
.zmdi-chevron-down:before {
content: '\f2f9'; }
.zmdi-chevron-left:before {
content: '\f2fa'; }
.zmdi-chevron-right:before {
content: '\f2fb'; }
.zmdi-chevron-up:before {
content: '\f2fc'; }
.zmdi-forward:before {
content: '\f2fd'; }
.zmdi-long-arrow-down:before {
content: '\f2fe'; }
.zmdi-long-arrow-left:before {
content: '\f2ff'; }
.zmdi-long-arrow-return:before {
content: '\f300'; }
.zmdi-long-arrow-right:before {
content: '\f301'; }
.zmdi-long-arrow-tab:before {
content: '\f302'; }
.zmdi-long-arrow-up:before {
content: '\f303'; }
.zmdi-rotate-ccw:before {
content: '\f304'; }
.zmdi-rotate-cw:before {
content: '\f305'; }
.zmdi-rotate-left:before {
content: '\f306'; }
.zmdi-rotate-right:before {
content: '\f307'; }
.zmdi-square-down:before {
content: '\f308'; }
.zmdi-square-right:before {
content: '\f309'; }
.zmdi-swap-alt:before {
content: '\f30a'; }
.zmdi-swap-vertical-circle:before {
content: '\f30b'; }
.zmdi-swap-vertical:before {
content: '\f30c'; }
.zmdi-swap:before {
content: '\f30d'; }
.zmdi-trending-down:before {
content: '\f30e'; }
.zmdi-trending-flat:before {
content: '\f30f'; }
.zmdi-trending-up:before {
content: '\f310'; }
.zmdi-unfold-less:before {
content: '\f311'; }
.zmdi-unfold-more:before {
content: '\f312'; }
.zmdi-apps:before {
content: '\f313'; }
.zmdi-grid-off:before {
content: '\f314'; }
.zmdi-grid:before {
content: '\f315'; }
.zmdi-view-agenda:before {
content: '\f316'; }
.zmdi-view-array:before {
content: '\f317'; }
.zmdi-view-carousel:before {
content: '\f318'; }
.zmdi-view-column:before {
content: '\f319'; }
.zmdi-view-comfy:before {
content: '\f31a'; }
.zmdi-view-compact:before {
content: '\f31b'; }
.zmdi-view-dashboard:before {
content: '\f31c'; }
.zmdi-view-day:before {
content: '\f31d'; }
.zmdi-view-headline:before {
content: '\f31e'; }
.zmdi-view-list-alt:before {
content: '\f31f'; }
.zmdi-view-list:before {
content: '\f320'; }
.zmdi-view-module:before {
content: '\f321'; }
.zmdi-view-quilt:before {
content: '\f322'; }
.zmdi-view-stream:before {
content: '\f323'; }
.zmdi-view-subtitles:before {
content: '\f324'; }
.zmdi-view-toc:before {
content: '\f325'; }
.zmdi-view-web:before {
content: '\f326'; }
.zmdi-view-week:before {
content: '\f327'; }
.zmdi-widgets:before {
content: '\f328'; }
.zmdi-alarm-check:before {
content: '\f329'; }
.zmdi-alarm-off:before {
content: '\f32a'; }
.zmdi-alarm-plus:before {
content: '\f32b'; }
.zmdi-alarm-snooze:before {
content: '\f32c'; }
.zmdi-alarm:before {
content: '\f32d'; }
.zmdi-calendar-alt:before {
content: '\f32e'; }
.zmdi-calendar-check:before {
content: '\f32f'; }
.zmdi-calendar-close:before {
content: '\f330'; }
.zmdi-calendar-note:before {
content: '\f331'; }
.zmdi-calendar:before {
content: '\f332'; }
.zmdi-time-countdown:before {
content: '\f333'; }
.zmdi-time-interval:before {
content: '\f334'; }
.zmdi-time-restore-setting:before {
content: '\f335'; }
.zmdi-time-restore:before {
content: '\f336'; }
.zmdi-time:before {
content: '\f337'; }
.zmdi-timer-off:before {
content: '\f338'; }
.zmdi-timer:before {
content: '\f339'; }
.zmdi-android-alt:before {
content: '\f33a'; }
.zmdi-android:before {
content: '\f33b'; }
.zmdi-apple:before {
content: '\f33c'; }
.zmdi-behance:before {
content: '\f33d'; }
.zmdi-codepen:before {
content: '\f33e'; }
.zmdi-dribbble:before {
content: '\f33f'; }
.zmdi-dropbox:before {
content: '\f340'; }
.zmdi-evernote:before {
content: '\f341'; }
.zmdi-facebook-box:before {
content: '\f342'; }
.zmdi-facebook:before {
content: '\f343'; }
.zmdi-github-box:before {
content: '\f344'; }
.zmdi-github:before {
content: '\f345'; }
.zmdi-google-drive:before {
content: '\f346'; }
.zmdi-google-earth:before {
content: '\f347'; }
.zmdi-google-glass:before {
content: '\f348'; }
.zmdi-google-maps:before {
content: '\f349'; }
.zmdi-google-pages:before {
content: '\f34a'; }
.zmdi-google-play:before {
content: '\f34b'; }
.zmdi-google-plus-box:before {
content: '\f34c'; }
.zmdi-google-plus:before {
content: '\f34d'; }
.zmdi-google:before {
content: '\f34e'; }
.zmdi-instagram:before {
content: '\f34f'; }
.zmdi-language-css3:before {
content: '\f350'; }
.zmdi-language-html5:before {
content: '\f351'; }
.zmdi-language-javascript:before {
content: '\f352'; }
.zmdi-language-python-alt:before {
content: '\f353'; }
.zmdi-language-python:before {
content: '\f354'; }
.zmdi-lastfm:before {
content: '\f355'; }
.zmdi-linkedin-box:before {
content: '\f356'; }
.zmdi-paypal:before {
content: '\f357'; }
.zmdi-pinterest-box:before {
content: '\f358'; }
.zmdi-pocket:before {
content: '\f359'; }
.zmdi-polymer:before {
content: '\f35a'; }
.zmdi-share:before {
content: '\f35b'; }
.zmdi-stackoverflow:before {
content: '\f35c'; }
.zmdi-steam-square:before {
content: '\f35d'; }
.zmdi-steam:before {
content: '\f35e'; }
.zmdi-twitter-box:before {
content: '\f35f'; }
.zmdi-twitter:before {
content: '\f360'; }
.zmdi-vk:before {
content: '\f361'; }
.zmdi-wikipedia:before {
content: '\f362'; }
.zmdi-windows:before {
content: '\f363'; }
.zmdi-aspect-ratio-alt:before {
content: '\f364'; }
.zmdi-aspect-ratio:before {
content: '\f365'; }
.zmdi-blur-circular:before {
content: '\f366'; }
.zmdi-blur-linear:before {
content: '\f367'; }
.zmdi-blur-off:before {
content: '\f368'; }
.zmdi-blur:before {
content: '\f369'; }
.zmdi-brightness-2:before {
content: '\f36a'; }
.zmdi-brightness-3:before {
content: '\f36b'; }
.zmdi-brightness-4:before {
content: '\f36c'; }
.zmdi-brightness-5:before {
content: '\f36d'; }
.zmdi-brightness-6:before {
content: '\f36e'; }
.zmdi-brightness-7:before {
content: '\f36f'; }
.zmdi-brightness-auto:before {
content: '\f370'; }
.zmdi-brightness-setting:before {
content: '\f371'; }
.zmdi-broken-image:before {
content: '\f372'; }
.zmdi-center-focus-strong:before {
content: '\f373'; }
.zmdi-center-focus-weak:before {
content: '\f374'; }
.zmdi-compare:before {
content: '\f375'; }
.zmdi-crop-16-9:before {
content: '\f376'; }
.zmdi-crop-3-2:before {
content: '\f377'; }
.zmdi-crop-5-4:before {
content: '\f378'; }
.zmdi-crop-7-5:before {
content: '\f379'; }
.zmdi-crop-din:before {
content: '\f37a'; }
.zmdi-crop-free:before {
content: '\f37b'; }
.zmdi-crop-landscape:before {
content: '\f37c'; }
.zmdi-crop-portrait:before {
content: '\f37d'; }
.zmdi-crop-square:before {
content: '\f37e'; }
.zmdi-exposure-alt:before {
content: '\f37f'; }
.zmdi-exposure:before {
content: '\f380'; }
.zmdi-filter-b-and-w:before {
content: '\f381'; }
.zmdi-filter-center-focus:before {
content: '\f382'; }
.zmdi-filter-frames:before {
content: '\f383'; }
.zmdi-filter-tilt-shift:before {
content: '\f384'; }
.zmdi-gradient:before {
content: '\f385'; }
.zmdi-grain:before {
content: '\f386'; }
.zmdi-graphic-eq:before {
content: '\f387'; }
.zmdi-hdr-off:before {
content: '\f388'; }
.zmdi-hdr-strong:before {
content: '\f389'; }
.zmdi-hdr-weak:before {
content: '\f38a'; }
.zmdi-hdr:before {
content: '\f38b'; }
.zmdi-iridescent:before {
content: '\f38c'; }
.zmdi-leak-off:before {
content: '\f38d'; }
.zmdi-leak:before {
content: '\f38e'; }
.zmdi-looks:before {
content: '\f38f'; }
.zmdi-loupe:before {
content: '\f390'; }
.zmdi-panorama-horizontal:before {
content: '\f391'; }
.zmdi-panorama-vertical:before {
content: '\f392'; }
.zmdi-panorama-wide-angle:before {
content: '\f393'; }
.zmdi-photo-size-select-large:before {
content: '\f394'; }
.zmdi-photo-size-select-small:before {
content: '\f395'; }
.zmdi-picture-in-picture:before {
content: '\f396'; }
.zmdi-slideshow:before {
content: '\f397'; }
.zmdi-texture:before {
content: '\f398'; }
.zmdi-tonality:before {
content: '\f399'; }
.zmdi-vignette:before {
content: '\f39a'; }
.zmdi-wb-auto:before {
content: '\f39b'; }
.zmdi-eject-alt:before {
content: '\f39c'; }
.zmdi-eject:before {
content: '\f39d'; }
.zmdi-equalizer:before {
content: '\f39e'; }
.zmdi-fast-forward:before {
content: '\f39f'; }
.zmdi-fast-rewind:before {
content: '\f3a0'; }
.zmdi-forward-10:before {
content: '\f3a1'; }
.zmdi-forward-30:before {
content: '\f3a2'; }
.zmdi-forward-5:before {
content: '\f3a3'; }
.zmdi-hearing:before {
content: '\f3a4'; }
.zmdi-pause-circle-outline:before {
content: '\f3a5'; }
.zmdi-pause-circle:before {
content: '\f3a6'; }
.zmdi-pause:before {
content: '\f3a7'; }
.zmdi-play-circle-outline:before {
content: '\f3a8'; }
.zmdi-play-circle:before {
content: '\f3a9'; }
.zmdi-play:before {
content: '\f3aa'; }
.zmdi-playlist-audio:before {
content: '\f3ab'; }
.zmdi-playlist-plus:before {
content: '\f3ac'; }
.zmdi-repeat-one:before {
content: '\f3ad'; }
.zmdi-repeat:before {
content: '\f3ae'; }
.zmdi-replay-10:before {
content: '\f3af'; }
.zmdi-replay-30:before {
content: '\f3b0'; }
.zmdi-replay-5:before {
content: '\f3b1'; }
.zmdi-replay:before {
content: '\f3b2'; }
.zmdi-shuffle:before {
content: '\f3b3'; }
.zmdi-skip-next:before {
content: '\f3b4'; }
.zmdi-skip-previous:before {
content: '\f3b5'; }
.zmdi-stop:before {
content: '\f3b6'; }
.zmdi-surround-sound:before {
content: '\f3b7'; }
.zmdi-tune:before {
content: '\f3b8'; }
.zmdi-volume-down:before {
content: '\f3b9'; }
.zmdi-volume-mute:before {
content: '\f3ba'; }
.zmdi-volume-off:before {
content: '\f3bb'; }
.zmdi-volume-up:before {
content: '\f3bc'; }
.zmdi-n-1-square:before {
content: '\f3bd'; }
.zmdi-n-2-square:before {
content: '\f3be'; }
.zmdi-n-3-square:before {
content: '\f3bf'; }
.zmdi-n-4-square:before {
content: '\f3c0'; }
.zmdi-n-5-square:before {
content: '\f3c1'; }
.zmdi-n-6-square:before {
content: '\f3c2'; }
.zmdi-neg-1:before {
content: '\f3c3'; }
.zmdi-neg-2:before {
content: '\f3c4'; }
.zmdi-plus-1:before {
content: '\f3c5'; }
.zmdi-plus-2:before {
content: '\f3c6'; }
.zmdi-sec-10:before {
content: '\f3c7'; }
.zmdi-sec-3:before {
content: '\f3c8'; }
.zmdi-zero:before {
content: '\f3c9'; }
.zmdi-airline-seat-flat-angled:before {
content: '\f3ca'; }
.zmdi-airline-seat-flat:before {
content: '\f3cb'; }
.zmdi-airline-seat-individual-suite:before {
content: '\f3cc'; }
.zmdi-airline-seat-legroom-extra:before {
content: '\f3cd'; }
.zmdi-airline-seat-legroom-normal:before {
content: '\f3ce'; }
.zmdi-airline-seat-legroom-reduced:before {
content: '\f3cf'; }
.zmdi-airline-seat-recline-extra:before {
content: '\f3d0'; }
.zmdi-airline-seat-recline-normal:before {
content: '\f3d1'; }
.zmdi-airplay:before {
content: '\f3d2'; }
.zmdi-closed-caption:before {
content: '\f3d3'; }
.zmdi-confirmation-number:before {
content: '\f3d4'; }
.zmdi-developer-board:before {
content: '\f3d5'; }
.zmdi-disc-full:before {
content: '\f3d6'; }
.zmdi-explicit:before {
content: '\f3d7'; }
.zmdi-flight-land:before {
content: '\f3d8'; }
.zmdi-flight-takeoff:before {
content: '\f3d9'; }
.zmdi-flip-to-back:before {
content: '\f3da'; }
.zmdi-flip-to-front:before {
content: '\f3db'; }
.zmdi-group-work:before {
content: '\f3dc'; }
.zmdi-hd:before {
content: '\f3dd'; }
.zmdi-hq:before {
content: '\f3de'; }
.zmdi-markunread-mailbox:before {
content: '\f3df'; }
.zmdi-memory:before {
content: '\f3e0'; }
.zmdi-nfc:before {
content: '\f3e1'; }
.zmdi-play-for-work:before {
content: '\f3e2'; }
.zmdi-power-input:before {
content: '\f3e3'; }
.zmdi-present-to-all:before {
content: '\f3e4'; }
.zmdi-satellite:before {
content: '\f3e5'; }
.zmdi-tap-and-play:before {
content: '\f3e6'; }
.zmdi-vibration:before {
content: '\f3e7'; }
.zmdi-voicemail:before {
content: '\f3e8'; }
.zmdi-group:before {
content: '\f3e9'; }
.zmdi-rss:before {
content: '\f3ea'; }
.zmdi-shape:before {
content: '\f3eb'; }
.zmdi-spinner:before {
content: '\f3ec'; }
.zmdi-ungroup:before {
content: '\f3ed'; }
.zmdi-500px:before {
content: '\f3ee'; }
.zmdi-8tracks:before {
content: '\f3ef'; }
.zmdi-amazon:before {
content: '\f3f0'; }
.zmdi-blogger:before {
content: '\f3f1'; }
.zmdi-delicious:before {
content: '\f3f2'; }
.zmdi-disqus:before {
content: '\f3f3'; }
.zmdi-flattr:before {
content: '\f3f4'; }
.zmdi-flickr:before {
content: '\f3f5'; }
.zmdi-github-alt:before {
content: '\f3f6'; }
.zmdi-google-old:before {
content: '\f3f7'; }
.zmdi-linkedin:before {
content: '\f3f8'; }
.zmdi-odnoklassniki:before {
content: '\f3f9'; }
.zmdi-outlook:before {
content: '\f3fa'; }
.zmdi-paypal-alt:before {
content: '\f3fb'; }
.zmdi-pinterest:before {
content: '\f3fc'; }
.zmdi-playstation:before {
content: '\f3fd'; }
.zmdi-reddit:before {
content: '\f3fe'; }
.zmdi-skype:before {
content: '\f3ff'; }
.zmdi-slideshare:before {
content: '\f400'; }
.zmdi-soundcloud:before {
content: '\f401'; }
.zmdi-tumblr:before {
content: '\f402'; }
.zmdi-twitch:before {
content: '\f403'; }
.zmdi-vimeo:before {
content: '\f404'; }
.zmdi-whatsapp:before {
content: '\f405'; }
.zmdi-xbox:before {
content: '\f406'; }
.zmdi-yahoo:before {
content: '\f407'; }
.zmdi-youtube-play:before {
content: '\f408'; }
.zmdi-youtube:before {
content: '\f409'; }
.zmdi-3d-rotation:before {
content: '\f101'; }
.zmdi-airplane-off:before {
content: '\f102'; }
.zmdi-airplane:before {
content: '\f103'; }
.zmdi-album:before {
content: '\f104'; }
.zmdi-archive:before {
content: '\f105'; }
.zmdi-assignment-account:before {
content: '\f106'; }
.zmdi-assignment-alert:before {
content: '\f107'; }
.zmdi-assignment-check:before {
content: '\f108'; }
.zmdi-assignment-o:before {
content: '\f109'; }
.zmdi-assignment-return:before {
content: '\f10a'; }
.zmdi-assignment-returned:before {
content: '\f10b'; }
.zmdi-assignment:before {
content: '\f10c'; }
.zmdi-attachment-alt:before {
content: '\f10d'; }
.zmdi-attachment:before {
content: '\f10e'; }
.zmdi-audio:before {
content: '\f10f'; }
.zmdi-badge-check:before {
content: '\f110'; }
.zmdi-balance-wallet:before {
content: '\f111'; }
.zmdi-balance:before {
content: '\f112'; }
.zmdi-battery-alert:before {
content: '\f113'; }
.zmdi-battery-flash:before {
content: '\f114'; }
.zmdi-battery-unknown:before {
content: '\f115'; }
.zmdi-battery:before {
content: '\f116'; }
.zmdi-bike:before {
content: '\f117'; }
.zmdi-block-alt:before {
content: '\f118'; }
.zmdi-block:before {
content: '\f119'; }
.zmdi-boat:before {
content: '\f11a'; }
.zmdi-book-image:before {
content: '\f11b'; }
.zmdi-book:before {
content: '\f11c'; }
.zmdi-bookmark-outline:before {
content: '\f11d'; }
.zmdi-bookmark:before {
content: '\f11e'; }
.zmdi-brush:before {
content: '\f11f'; }
.zmdi-bug:before {
content: '\f120'; }
.zmdi-bus:before {
content: '\f121'; }
.zmdi-cake:before {
content: '\f122'; }
.zmdi-car-taxi:before {
content: '\f123'; }
.zmdi-car-wash:before {
content: '\f124'; }
.zmdi-car:before {
content: '\f125'; }
.zmdi-card-giftcard:before {
content: '\f126'; }
.zmdi-card-membership:before {
content: '\f127'; }
.zmdi-card-travel:before {
content: '\f128'; }
.zmdi-card:before {
content: '\f129'; }
.zmdi-case-check:before {
content: '\f12a'; }
.zmdi-case-download:before {
content: '\f12b'; }
.zmdi-case-play:before {
content: '\f12c'; }
.zmdi-case:before {
content: '\f12d'; }
.zmdi-cast-connected:before {
content: '\f12e'; }
.zmdi-cast:before {
content: '\f12f'; }
.zmdi-chart-donut:before {
content: '\f130'; }
.zmdi-chart:before {
content: '\f131'; }
.zmdi-city-alt:before {
content: '\f132'; }
.zmdi-city:before {
content: '\f133'; }
.zmdi-close-circle-o:before {
content: '\f134'; }
.zmdi-close-circle:before {
content: '\f135'; }
.zmdi-close:before {
content: '\f136'; }
.zmdi-cocktail:before {
content: '\f137'; }
.zmdi-code-setting:before {
content: '\f138'; }
.zmdi-code-smartphone:before {
content: '\f139'; }
.zmdi-code:before {
content: '\f13a'; }
.zmdi-coffee:before {
content: '\f13b'; }
.zmdi-collection-bookmark:before {
content: '\f13c'; }
.zmdi-collection-case-play:before {
content: '\f13d'; }
.zmdi-collection-folder-image:before {
content: '\f13e'; }
.zmdi-collection-image-o:before {
content: '\f13f'; }
.zmdi-collection-image:before {
content: '\f140'; }
.zmdi-collection-item-1:before {
content: '\f141'; }
.zmdi-collection-item-2:before {
content: '\f142'; }
.zmdi-collection-item-3:before {
content: '\f143'; }
.zmdi-collection-item-4:before {
content: '\f144'; }
.zmdi-collection-item-5:before {
content: '\f145'; }
.zmdi-collection-item-6:before {
content: '\f146'; }
.zmdi-collection-item-7:before {
content: '\f147'; }
.zmdi-collection-item-8:before {
content: '\f148'; }
.zmdi-collection-item-9-plus:before {
content: '\f149'; }
.zmdi-collection-item-9:before {
content: '\f14a'; }
.zmdi-collection-item:before {
content: '\f14b'; }
.zmdi-collection-music:before {
content: '\f14c'; }
.zmdi-collection-pdf:before {
content: '\f14d'; }
.zmdi-collection-plus:before {
content: '\f14e'; }
.zmdi-collection-speaker:before {
content: '\f14f'; }
.zmdi-collection-text:before {
content: '\f150'; }
.zmdi-collection-video:before {
content: '\f151'; }
.zmdi-compass:before {
content: '\f152'; }
.zmdi-cutlery:before {
content: '\f153'; }
.zmdi-delete:before {
content: '\f154'; }
.zmdi-dialpad:before {
content: '\f155'; }
.zmdi-dns:before {
content: '\f156'; }
.zmdi-drink:before {
content: '\f157'; }
.zmdi-edit:before {
content: '\f158'; }
.zmdi-email-open:before {
content: '\f159'; }
.zmdi-email:before {
content: '\f15a'; }
.zmdi-eye-off:before {
content: '\f15b'; }
.zmdi-eye:before {
content: '\f15c'; }
.zmdi-eyedropper:before {
content: '\f15d'; }
.zmdi-favorite-outline:before {
content: '\f15e'; }
.zmdi-favorite:before {
content: '\f15f'; }
.zmdi-filter-list:before {
content: '\f160'; }
.zmdi-fire:before {
content: '\f161'; }
.zmdi-flag:before {
content: '\f162'; }
.zmdi-flare:before {
content: '\f163'; }
.zmdi-flash-auto:before {
content: '\f164'; }
.zmdi-flash-off:before {
content: '\f165'; }
.zmdi-flash:before {
content: '\f166'; }
.zmdi-flip:before {
content: '\f167'; }
.zmdi-flower-alt:before {
content: '\f168'; }
.zmdi-flower:before {
content: '\f169'; }
.zmdi-font:before {
content: '\f16a'; }
.zmdi-fullscreen-alt:before {
content: '\f16b'; }
.zmdi-fullscreen-exit:before {
content: '\f16c'; }
.zmdi-fullscreen:before {
content: '\f16d'; }
.zmdi-functions:before {
content: '\f16e'; }
.zmdi-gas-station:before {
content: '\f16f'; }
.zmdi-gesture:before {
content: '\f170'; }
.zmdi-globe-alt:before {
content: '\f171'; }
.zmdi-globe-lock:before {
content: '\f172'; }
.zmdi-globe:before {
content: '\f173'; }
.zmdi-graduation-cap:before {
content: '\f174'; }
.zmdi-home:before {
content: '\f175'; }
.zmdi-hospital-alt:before {
content: '\f176'; }
.zmdi-hospital:before {
content: '\f177'; }
.zmdi-hotel:before {
content: '\f178'; }
.zmdi-hourglass-alt:before {
content: '\f179'; }
.zmdi-hourglass-outline:before {
content: '\f17a'; }
.zmdi-hourglass:before {
content: '\f17b'; }
.zmdi-http:before {
content: '\f17c'; }
.zmdi-image-alt:before {
content: '\f17d'; }
.zmdi-image-o:before {
content: '\f17e'; }
.zmdi-image:before {
content: '\f17f'; }
.zmdi-inbox:before {
content: '\f180'; }
.zmdi-invert-colors-off:before {
content: '\f181'; }
.zmdi-invert-colors:before {
content: '\f182'; }
.zmdi-key:before {
content: '\f183'; }
.zmdi-label-alt-outline:before {
content: '\f184'; }
.zmdi-label-alt:before {
content: '\f185'; }
.zmdi-label-heart:before {
content: '\f186'; }
.zmdi-label:before {
content: '\f187'; }
.zmdi-labels:before {
content: '\f188'; }
.zmdi-lamp:before {
content: '\f189'; }
.zmdi-landscape:before {
content: '\f18a'; }
.zmdi-layers-off:before {
content: '\f18b'; }
.zmdi-layers:before {
content: '\f18c'; }
.zmdi-library:before {
content: '\f18d'; }
.zmdi-link:before {
content: '\f18e'; }
.zmdi-lock-open:before {
content: '\f18f'; }
.zmdi-lock-outline:before {
content: '\f190'; }
.zmdi-lock:before {
content: '\f191'; }
.zmdi-mail-reply-all:before {
content: '\f192'; }
.zmdi-mail-reply:before {
content: '\f193'; }
.zmdi-mail-send:before {
content: '\f194'; }
.zmdi-mall:before {
content: '\f195'; }
.zmdi-map:before {
content: '\f196'; }
.zmdi-menu:before {
content: '\f197'; }
.zmdi-money-box:before {
content: '\f198'; }
.zmdi-money-off:before {
content: '\f199'; }
.zmdi-money:before {
content: '\f19a'; }
.zmdi-more-vert:before {
content: '\f19b'; }
.zmdi-more:before {
content: '\f19c'; }
.zmdi-movie-alt:before {
content: '\f19d'; }
.zmdi-movie:before {
content: '\f19e'; }
.zmdi-nature-people:before {
content: '\f19f'; }
.zmdi-nature:before {
content: '\f1a0'; }
.zmdi-navigation:before {
content: '\f1a1'; }
.zmdi-open-in-browser:before {
content: '\f1a2'; }
.zmdi-open-in-new:before {
content: '\f1a3'; }
.zmdi-palette:before {
content: '\f1a4'; }
.zmdi-parking:before {
content: '\f1a5'; }
.zmdi-pin-account:before {
content: '\f1a6'; }
.zmdi-pin-assistant:before {
content: '\f1a7'; }
.zmdi-pin-drop:before {
content: '\f1a8'; }
.zmdi-pin-help:before {
content: '\f1a9'; }
.zmdi-pin-off:before {
content: '\f1aa'; }
.zmdi-pin:before {
content: '\f1ab'; }
.zmdi-pizza:before {
content: '\f1ac'; }
.zmdi-plaster:before {
content: '\f1ad'; }
.zmdi-power-setting:before {
content: '\f1ae'; }
.zmdi-power:before {
content: '\f1af'; }
.zmdi-print:before {
content: '\f1b0'; }
.zmdi-puzzle-piece:before {
content: '\f1b1'; }
.zmdi-quote:before {
content: '\f1b2'; }
.zmdi-railway:before {
content: '\f1b3'; }
.zmdi-receipt:before {
content: '\f1b4'; }
.zmdi-refresh-alt:before {
content: '\f1b5'; }
.zmdi-refresh-sync-alert:before {
content: '\f1b6'; }
.zmdi-refresh-sync-off:before {
content: '\f1b7'; }
.zmdi-refresh-sync:before {
content: '\f1b8'; }
.zmdi-refresh:before {
content: '\f1b9'; }
.zmdi-roller:before {
content: '\f1ba'; }
.zmdi-ruler:before {
content: '\f1bb'; }
.zmdi-scissors:before {
content: '\f1bc'; }
.zmdi-screen-rotation-lock:before {
content: '\f1bd'; }
.zmdi-screen-rotation:before {
content: '\f1be'; }
.zmdi-search-for:before {
content: '\f1bf'; }
.zmdi-search-in-file:before {
content: '\f1c0'; }
.zmdi-search-in-page:before {
content: '\f1c1'; }
.zmdi-search-replace:before {
content: '\f1c2'; }
.zmdi-search:before {
content: '\f1c3'; }
.zmdi-seat:before {
content: '\f1c4'; }
.zmdi-settings-square:before {
content: '\f1c5'; }
.zmdi-settings:before {
content: '\f1c6'; }
.zmdi-shield-check:before {
content: '\f1c7'; }
.zmdi-shield-security:before {
content: '\f1c8'; }
.zmdi-shopping-basket:before {
content: '\f1c9'; }
.zmdi-shopping-cart-plus:before {
content: '\f1ca'; }
.zmdi-shopping-cart:before {
content: '\f1cb'; }
.zmdi-sign-in:before {
content: '\f1cc'; }
.zmdi-sort-amount-asc:before {
content: '\f1cd'; }
.zmdi-sort-amount-desc:before {
content: '\f1ce'; }
.zmdi-sort-asc:before {
content: '\f1cf'; }
.zmdi-sort-desc:before {
content: '\f1d0'; }
.zmdi-spellcheck:before {
content: '\f1d1'; }
.zmdi-storage:before {
content: '\f1d2'; }
.zmdi-store-24:before {
content: '\f1d3'; }
.zmdi-store:before {
content: '\f1d4'; }
.zmdi-subway:before {
content: '\f1d5'; }
.zmdi-sun:before {
content: '\f1d6'; }
.zmdi-tab-unselected:before {
content: '\f1d7'; }
.zmdi-tab:before {
content: '\f1d8'; }
.zmdi-tag-close:before {
content: '\f1d9'; }
.zmdi-tag-more:before {
content: '\f1da'; }
.zmdi-tag:before {
content: '\f1db'; }
.zmdi-thumb-down:before {
content: '\f1dc'; }
.zmdi-thumb-up-down:before {
content: '\f1dd'; }
.zmdi-thumb-up:before {
content: '\f1de'; }
.zmdi-ticket-star:before {
content: '\f1df'; }
.zmdi-toll:before {
content: '\f1e0'; }
.zmdi-toys:before {
content: '\f1e1'; }
.zmdi-traffic:before {
content: '\f1e2'; }
.zmdi-translate:before {
content: '\f1e3'; }
.zmdi-triangle-down:before {
content: '\f1e4'; }
.zmdi-triangle-up:before {
content: '\f1e5'; }
.zmdi-truck:before {
content: '\f1e6'; }
.zmdi-turning-sign:before {
content: '\f1e7'; }
.zmdi-wallpaper:before {
content: '\f1e8'; }
.zmdi-washing-machine:before {
content: '\f1e9'; }
.zmdi-window-maximize:before {
content: '\f1ea'; }
.zmdi-window-minimize:before {
content: '\f1eb'; }
.zmdi-window-restore:before {
content: '\f1ec'; }
.zmdi-wrench:before {
content: '\f1ed'; }
.zmdi-zoom-in:before {
content: '\f1ee'; }
.zmdi-zoom-out:before {
content: '\f1ef'; }
.zmdi-alert-circle-o:before {
content: '\f1f0'; }
.zmdi-alert-circle:before {
content: '\f1f1'; }
.zmdi-alert-octagon:before {
content: '\f1f2'; }
.zmdi-alert-polygon:before {
content: '\f1f3'; }
.zmdi-alert-triangle:before {
content: '\f1f4'; }
.zmdi-help-outline:before {
content: '\f1f5'; }
.zmdi-help:before {
content: '\f1f6'; }
.zmdi-info-outline:before {
content: '\f1f7'; }
.zmdi-info:before {
content: '\f1f8'; }
.zmdi-notifications-active:before {
content: '\f1f9'; }
.zmdi-notifications-add:before {
content: '\f1fa'; }
.zmdi-notifications-none:before {
content: '\f1fb'; }
.zmdi-notifications-off:before {
content: '\f1fc'; }
.zmdi-notifications-paused:before {
content: '\f1fd'; }
.zmdi-notifications:before {
content: '\f1fe'; }
.zmdi-account-add:before {
content: '\f1ff'; }
.zmdi-account-box-mail:before {
content: '\f200'; }
.zmdi-account-box-o:before {
content: '\f201'; }
.zmdi-account-box-phone:before {
content: '\f202'; }
.zmdi-account-box:before {
content: '\f203'; }
.zmdi-account-calendar:before {
content: '\f204'; }
.zmdi-account-circle:before {
content: '\f205'; }
.zmdi-account-o:before {
content: '\f206'; }
.zmdi-account:before {
content: '\f207'; }
.zmdi-accounts-add:before {
content: '\f208'; }
.zmdi-accounts-alt:before {
content: '\f209'; }
.zmdi-accounts-list-alt:before {
content: '\f20a'; }
.zmdi-accounts-list:before {
content: '\f20b'; }
.zmdi-accounts-outline:before {
content: '\f20c'; }
.zmdi-accounts:before {
content: '\f20d'; }
.zmdi-face:before {
content: '\f20e'; }
.zmdi-female:before {
content: '\f20f'; }
.zmdi-male-alt:before {
content: '\f210'; }
.zmdi-male-female:before {
content: '\f211'; }
.zmdi-male:before {
content: '\f212'; }
.zmdi-mood-bad:before {
content: '\f213'; }
.zmdi-mood:before {
content: '\f214'; }
.zmdi-run:before {
content: '\f215'; }
.zmdi-walk:before {
content: '\f216'; }
.zmdi-cloud-box:before {
content: '\f217'; }
.zmdi-cloud-circle:before {
content: '\f218'; }
.zmdi-cloud-done:before {
content: '\f219'; }
.zmdi-cloud-download:before {
content: '\f21a'; }
.zmdi-cloud-off:before {
content: '\f21b'; }
.zmdi-cloud-outline-alt:before {
content: '\f21c'; }
.zmdi-cloud-outline:before {
content: '\f21d'; }
.zmdi-cloud-upload:before {
content: '\f21e'; }
.zmdi-cloud:before {
content: '\f21f'; }
.zmdi-download:before {
content: '\f220'; }
.zmdi-file-plus:before {
content: '\f221'; }
.zmdi-file-text:before {
content: '\f222'; }
.zmdi-file:before {
content: '\f223'; }
.zmdi-folder-outline:before {
content: '\f224'; }
.zmdi-folder-person:before {
content: '\f225'; }
.zmdi-folder-star-alt:before {
content: '\f226'; }
.zmdi-folder-star:before {
content: '\f227'; }
.zmdi-folder:before {
content: '\f228'; }
.zmdi-gif:before {
content: '\f229'; }
.zmdi-upload:before {
content: '\f22a'; }
.zmdi-border-all:before {
content: '\f22b'; }
.zmdi-border-bottom:before {
content: '\f22c'; }
.zmdi-border-clear:before {
content: '\f22d'; }
.zmdi-border-color:before {
content: '\f22e'; }
.zmdi-border-horizontal:before {
content: '\f22f'; }
.zmdi-border-inner:before {
content: '\f230'; }
.zmdi-border-left:before {
content: '\f231'; }
.zmdi-border-outer:before {
content: '\f232'; }
.zmdi-border-right:before {
content: '\f233'; }
.zmdi-border-style:before {
content: '\f234'; }
.zmdi-border-top:before {
content: '\f235'; }
.zmdi-border-vertical:before {
content: '\f236'; }
.zmdi-copy:before {
content: '\f237'; }
.zmdi-crop:before {
content: '\f238'; }
.zmdi-format-align-center:before {
content: '\f239'; }
.zmdi-format-align-justify:before {
content: '\f23a'; }
.zmdi-format-align-left:before {
content: '\f23b'; }
.zmdi-format-align-right:before {
content: '\f23c'; }
.zmdi-format-bold:before {
content: '\f23d'; }
.zmdi-format-clear-all:before {
content: '\f23e'; }
.zmdi-format-clear:before {
content: '\f23f'; }
.zmdi-format-color-fill:before {
content: '\f240'; }
.zmdi-format-color-reset:before {
content: '\f241'; }
.zmdi-format-color-text:before {
content: '\f242'; }
.zmdi-format-indent-decrease:before {
content: '\f243'; }
.zmdi-format-indent-increase:before {
content: '\f244'; }
.zmdi-format-italic:before {
content: '\f245'; }
.zmdi-format-line-spacing:before {
content: '\f246'; }
.zmdi-format-list-bulleted:before {
content: '\f247'; }
.zmdi-format-list-numbered:before {
content: '\f248'; }
.zmdi-format-ltr:before {
content: '\f249'; }
.zmdi-format-rtl:before {
content: '\f24a'; }
.zmdi-format-size:before {
content: '\f24b'; }
.zmdi-format-strikethrough-s:before {
content: '\f24c'; }
.zmdi-format-strikethrough:before {
content: '\f24d'; }
.zmdi-format-subject:before {
content: '\f24e'; }
.zmdi-format-underlined:before {
content: '\f24f'; }
.zmdi-format-valign-bottom:before {
content: '\f250'; }
.zmdi-format-valign-center:before {
content: '\f251'; }
.zmdi-format-valign-top:before {
content: '\f252'; }
.zmdi-redo:before {
content: '\f253'; }
.zmdi-select-all:before {
content: '\f254'; }
.zmdi-space-bar:before {
content: '\f255'; }
.zmdi-text-format:before {
content: '\f256'; }
.zmdi-transform:before {
content: '\f257'; }
.zmdi-undo:before {
content: '\f258'; }
.zmdi-wrap-text:before {
content: '\f259'; }
.zmdi-comment-alert:before {
content: '\f25a'; }
.zmdi-comment-alt-text:before {
content: '\f25b'; }
.zmdi-comment-alt:before {
content: '\f25c'; }
.zmdi-comment-edit:before {
content: '\f25d'; }
.zmdi-comment-image:before {
content: '\f25e'; }
.zmdi-comment-list:before {
content: '\f25f'; }
.zmdi-comment-more:before {
content: '\f260'; }
.zmdi-comment-outline:before {
content: '\f261'; }
.zmdi-comment-text-alt:before {
content: '\f262'; }
.zmdi-comment-text:before {
content: '\f263'; }
.zmdi-comment-video:before {
content: '\f264'; }
.zmdi-comment:before {
content: '\f265'; }
.zmdi-comments:before {
content: '\f266'; }
.zmdi-check-all:before {
content: '\f267'; }
.zmdi-check-circle-u:before {
content: '\f268'; }
.zmdi-check-circle:before {
content: '\f269'; }
.zmdi-check-square:before {
content: '\f26a'; }
.zmdi-check:before {
content: '\f26b'; }
.zmdi-circle-o:before {
content: '\f26c'; }
.zmdi-circle:before {
content: '\f26d'; }
.zmdi-dot-circle-alt:before {
content: '\f26e'; }
.zmdi-dot-circle:before {
content: '\f26f'; }
.zmdi-minus-circle-outline:before {
content: '\f270'; }
.zmdi-minus-circle:before {
content: '\f271'; }
.zmdi-minus-square:before {
content: '\f272'; }
.zmdi-minus:before {
content: '\f273'; }
.zmdi-plus-circle-o-duplicate:before {
content: '\f274'; }
.zmdi-plus-circle-o:before {
content: '\f275'; }
.zmdi-plus-circle:before {
content: '\f276'; }
.zmdi-plus-square:before {
content: '\f277'; }
.zmdi-plus:before {
content: '\f278'; }
.zmdi-square-o:before {
content: '\f279'; }
.zmdi-star-circle:before {
content: '\f27a'; }
.zmdi-star-half:before {
content: '\f27b'; }
.zmdi-star-outline:before {
content: '\f27c'; }
.zmdi-star:before {
content: '\f27d'; }
.zmdi-bluetooth-connected:before {
content: '\f27e'; }
.zmdi-bluetooth-off:before {
content: '\f27f'; }
.zmdi-bluetooth-search:before {
content: '\f280'; }
.zmdi-bluetooth-setting:before {
content: '\f281'; }
.zmdi-bluetooth:before {
content: '\f282'; }
.zmdi-camera-add:before {
content: '\f283'; }
.zmdi-camera-alt:before {
content: '\f284'; }
.zmdi-camera-bw:before {
content: '\f285'; }
.zmdi-camera-front:before {
content: '\f286'; }
.zmdi-camera-mic:before {
content: '\f287'; }
.zmdi-camera-party-mode:before {
content: '\f288'; }
.zmdi-camera-rear:before {
content: '\f289'; }
.zmdi-camera-roll:before {
content: '\f28a'; }
.zmdi-camera-switch:before {
content: '\f28b'; }
.zmdi-camera:before {
content: '\f28c'; }
.zmdi-card-alert:before {
content: '\f28d'; }
.zmdi-card-off:before {
content: '\f28e'; }
.zmdi-card-sd:before {
content: '\f28f'; }
.zmdi-card-sim:before {
content: '\f290'; }
.zmdi-desktop-mac:before {
content: '\f291'; }
.zmdi-desktop-windows:before {
content: '\f292'; }
.zmdi-device-hub:before {
content: '\f293'; }
.zmdi-devices-off:before {
content: '\f294'; }
.zmdi-devices:before {
content: '\f295'; }
.zmdi-dock:before {
content: '\f296'; }
.zmdi-floppy:before {
content: '\f297'; }
.zmdi-gamepad:before {
content: '\f298'; }
.zmdi-gps-dot:before {
content: '\f299'; }
.zmdi-gps-off:before {
content: '\f29a'; }
.zmdi-gps:before {
content: '\f29b'; }
.zmdi-headset-mic:before {
content: '\f29c'; }
.zmdi-headset:before {
content: '\f29d'; }
.zmdi-input-antenna:before {
content: '\f29e'; }
.zmdi-input-composite:before {
content: '\f29f'; }
.zmdi-input-hdmi:before {
content: '\f2a0'; }
.zmdi-input-power:before {
content: '\f2a1'; }
.zmdi-input-svideo:before {
content: '\f2a2'; }
.zmdi-keyboard-hide:before {
content: '\f2a3'; }
.zmdi-keyboard:before {
content: '\f2a4'; }
.zmdi-laptop-chromebook:before {
content: '\f2a5'; }
.zmdi-laptop-mac:before {
content: '\f2a6'; }
.zmdi-laptop:before {
content: '\f2a7'; }
.zmdi-mic-off:before {
content: '\f2a8'; }
.zmdi-mic-outline:before {
content: '\f2a9'; }
.zmdi-mic-setting:before {
content: '\f2aa'; }
.zmdi-mic:before {
content: '\f2ab'; }
.zmdi-mouse:before {
content: '\f2ac'; }
.zmdi-network-alert:before {
content: '\f2ad'; }
.zmdi-network-locked:before {
content: '\f2ae'; }
.zmdi-network-off:before {
content: '\f2af'; }
.zmdi-network-outline:before {
content: '\f2b0'; }
.zmdi-network-setting:before {
content: '\f2b1'; }
.zmdi-network:before {
content: '\f2b2'; }
.zmdi-phone-bluetooth:before {
content: '\f2b3'; }
.zmdi-phone-end:before {
content: '\f2b4'; }
.zmdi-phone-forwarded:before {
content: '\f2b5'; }
.zmdi-phone-in-talk:before {
content: '\f2b6'; }
.zmdi-phone-locked:before {
content: '\f2b7'; }
.zmdi-phone-missed:before {
content: '\f2b8'; }
.zmdi-phone-msg:before {
content: '\f2b9'; }
.zmdi-phone-paused:before {
content: '\f2ba'; }
.zmdi-phone-ring:before {
content: '\f2bb'; }
.zmdi-phone-setting:before {
content: '\f2bc'; }
.zmdi-phone-sip:before {
content: '\f2bd'; }
.zmdi-phone:before {
content: '\f2be'; }
.zmdi-portable-wifi-changes:before {
content: '\f2bf'; }
.zmdi-portable-wifi-off:before {
content: '\f2c0'; }
.zmdi-portable-wifi:before {
content: '\f2c1'; }
.zmdi-radio:before {
content: '\f2c2'; }
.zmdi-reader:before {
content: '\f2c3'; }
.zmdi-remote-control-alt:before {
content: '\f2c4'; }
.zmdi-remote-control:before {
content: '\f2c5'; }
.zmdi-router:before {
content: '\f2c6'; }
.zmdi-scanner:before {
content: '\f2c7'; }
.zmdi-smartphone-android:before {
content: '\f2c8'; }
.zmdi-smartphone-download:before {
content: '\f2c9'; }
.zmdi-smartphone-erase:before {
content: '\f2ca'; }
.zmdi-smartphone-info:before {
content: '\f2cb'; }
.zmdi-smartphone-iphone:before {
content: '\f2cc'; }
.zmdi-smartphone-landscape-lock:before {
content: '\f2cd'; }
.zmdi-smartphone-landscape:before {
content: '\f2ce'; }
.zmdi-smartphone-lock:before {
content: '\f2cf'; }
.zmdi-smartphone-portrait-lock:before {
content: '\f2d0'; }
.zmdi-smartphone-ring:before {
content: '\f2d1'; }
.zmdi-smartphone-setting:before {
content: '\f2d2'; }
.zmdi-smartphone-setup:before {
content: '\f2d3'; }
.zmdi-smartphone:before {
content: '\f2d4'; }
.zmdi-speaker:before {
content: '\f2d5'; }
.zmdi-tablet-android:before {
content: '\f2d6'; }
.zmdi-tablet-mac:before {
content: '\f2d7'; }
.zmdi-tablet:before {
content: '\f2d8'; }
.zmdi-tv-alt-play:before {
content: '\f2d9'; }
.zmdi-tv-list:before {
content: '\f2da'; }
.zmdi-tv-play:before {
content: '\f2db'; }
.zmdi-tv:before {
content: '\f2dc'; }
.zmdi-usb:before {
content: '\f2dd'; }
.zmdi-videocam-off:before {
content: '\f2de'; }
.zmdi-videocam-switch:before {
content: '\f2df'; }
.zmdi-videocam:before {
content: '\f2e0'; }
.zmdi-watch:before {
content: '\f2e1'; }
.zmdi-wifi-alt-2:before {
content: '\f2e2'; }
.zmdi-wifi-alt:before {
content: '\f2e3'; }
.zmdi-wifi-info:before {
content: '\f2e4'; }
.zmdi-wifi-lock:before {
content: '\f2e5'; }
.zmdi-wifi-off:before {
content: '\f2e6'; }
.zmdi-wifi-outline:before {
content: '\f2e7'; }
.zmdi-wifi:before {
content: '\f2e8'; }
.zmdi-arrow-left-bottom:before {
content: '\f2e9'; }
.zmdi-arrow-left:before {
content: '\f2ea'; }
.zmdi-arrow-merge:before {
content: '\f2eb'; }
.zmdi-arrow-missed:before {
content: '\f2ec'; }
.zmdi-arrow-right-top:before {
content: '\f2ed'; }
.zmdi-arrow-right:before {
content: '\f2ee'; }
.zmdi-arrow-split:before {
content: '\f2ef'; }
.zmdi-arrows:before {
content: '\f2f0'; }
.zmdi-caret-down-circle:before {
content: '\f2f1'; }
.zmdi-caret-down:before {
content: '\f2f2'; }
.zmdi-caret-left-circle:before {
content: '\f2f3'; }
.zmdi-caret-left:before {
content: '\f2f4'; }
.zmdi-caret-right-circle:before {
content: '\f2f5'; }
.zmdi-caret-right:before {
content: '\f2f6'; }
.zmdi-caret-up-circle:before {
content: '\f2f7'; }
.zmdi-caret-up:before {
content: '\f2f8'; }
.zmdi-chevron-down:before {
content: '\f2f9'; }
.zmdi-chevron-left:before {
content: '\f2fa'; }
.zmdi-chevron-right:before {
content: '\f2fb'; }
.zmdi-chevron-up:before {
content: '\f2fc'; }
.zmdi-forward:before {
content: '\f2fd'; }
.zmdi-long-arrow-down:before {
content: '\f2fe'; }
.zmdi-long-arrow-left:before {
content: '\f2ff'; }
.zmdi-long-arrow-return:before {
content: '\f300'; }
.zmdi-long-arrow-right:before {
content: '\f301'; }
.zmdi-long-arrow-tab:before {
content: '\f302'; }
.zmdi-long-arrow-up:before {
content: '\f303'; }
.zmdi-rotate-ccw:before {
content: '\f304'; }
.zmdi-rotate-cw:before {
content: '\f305'; }
.zmdi-rotate-left:before {
content: '\f306'; }
.zmdi-rotate-right:before {
content: '\f307'; }
.zmdi-square-down:before {
content: '\f308'; }
.zmdi-square-right:before {
content: '\f309'; }
.zmdi-swap-alt:before {
content: '\f30a'; }
.zmdi-swap-vertical-circle:before {
content: '\f30b'; }
.zmdi-swap-vertical:before {
content: '\f30c'; }
.zmdi-swap:before {
content: '\f30d'; }
.zmdi-trending-down:before {
content: '\f30e'; }
.zmdi-trending-flat:before {
content: '\f30f'; }
.zmdi-trending-up:before {
content: '\f310'; }
.zmdi-unfold-less:before {
content: '\f311'; }
.zmdi-unfold-more:before {
content: '\f312'; }
.zmdi-apps:before {
content: '\f313'; }
.zmdi-grid-off:before {
content: '\f314'; }
.zmdi-grid:before {
content: '\f315'; }
.zmdi-view-agenda:before {
content: '\f316'; }
.zmdi-view-array:before {
content: '\f317'; }
.zmdi-view-carousel:before {
content: '\f318'; }
.zmdi-view-column:before {
content: '\f319'; }
.zmdi-view-comfy:before {
content: '\f31a'; }
.zmdi-view-compact:before {
content: '\f31b'; }
.zmdi-view-dashboard:before {
content: '\f31c'; }
.zmdi-view-day:before {
content: '\f31d'; }
.zmdi-view-headline:before {
content: '\f31e'; }
.zmdi-view-list-alt:before {
content: '\f31f'; }
.zmdi-view-list:before {
content: '\f320'; }
.zmdi-view-module:before {
content: '\f321'; }
.zmdi-view-quilt:before {
content: '\f322'; }
.zmdi-view-stream:before {
content: '\f323'; }
.zmdi-view-subtitles:before {
content: '\f324'; }
.zmdi-view-toc:before {
content: '\f325'; }
.zmdi-view-web:before {
content: '\f326'; }
.zmdi-view-week:before {
content: '\f327'; }
.zmdi-widgets:before {
content: '\f328'; }
.zmdi-alarm-check:before {
content: '\f329'; }
.zmdi-alarm-off:before {
content: '\f32a'; }
.zmdi-alarm-plus:before {
content: '\f32b'; }
.zmdi-alarm-snooze:before {
content: '\f32c'; }
.zmdi-alarm:before {
content: '\f32d'; }
.zmdi-calendar-alt:before {
content: '\f32e'; }
.zmdi-calendar-check:before {
content: '\f32f'; }
.zmdi-calendar-close:before {
content: '\f330'; }
.zmdi-calendar-note:before {
content: '\f331'; }
.zmdi-calendar:before {
content: '\f332'; }
.zmdi-time-countdown:before {
content: '\f333'; }
.zmdi-time-interval:before {
content: '\f334'; }
.zmdi-time-restore-setting:before {
content: '\f335'; }
.zmdi-time-restore:before {
content: '\f336'; }
.zmdi-time:before {
content: '\f337'; }
.zmdi-timer-off:before {
content: '\f338'; }
.zmdi-timer:before {
content: '\f339'; }
.zmdi-android-alt:before {
content: '\f33a'; }
.zmdi-android:before {
content: '\f33b'; }
.zmdi-apple:before {
content: '\f33c'; }
.zmdi-behance:before {
content: '\f33d'; }
.zmdi-codepen:before {
content: '\f33e'; }
.zmdi-dribbble:before {
content: '\f33f'; }
.zmdi-dropbox:before {
content: '\f340'; }
.zmdi-evernote:before {
content: '\f341'; }
.zmdi-facebook-box:before {
content: '\f342'; }
.zmdi-facebook:before {
content: '\f343'; }
.zmdi-github-box:before {
content: '\f344'; }
.zmdi-github:before {
content: '\f345'; }
.zmdi-google-drive:before {
content: '\f346'; }
.zmdi-google-earth:before {
content: '\f347'; }
.zmdi-google-glass:before {
content: '\f348'; }
.zmdi-google-maps:before {
content: '\f349'; }
.zmdi-google-pages:before {
content: '\f34a'; }
.zmdi-google-play:before {
content: '\f34b'; }
.zmdi-google-plus-box:before {
content: '\f34c'; }
.zmdi-google-plus:before {
content: '\f34d'; }
.zmdi-google:before {
content: '\f34e'; }
.zmdi-instagram:before {
content: '\f34f'; }
.zmdi-language-css3:before {
content: '\f350'; }
.zmdi-language-html5:before {
content: '\f351'; }
.zmdi-language-javascript:before {
content: '\f352'; }
.zmdi-language-python-alt:before {
content: '\f353'; }
.zmdi-language-python:before {
content: '\f354'; }
.zmdi-lastfm:before {
content: '\f355'; }
.zmdi-linkedin-box:before {
content: '\f356'; }
.zmdi-paypal:before {
content: '\f357'; }
.zmdi-pinterest-box:before {
content: '\f358'; }
.zmdi-pocket:before {
content: '\f359'; }
.zmdi-polymer:before {
content: '\f35a'; }
.zmdi-share:before {
content: '\f35b'; }
.zmdi-stackoverflow:before {
content: '\f35c'; }
.zmdi-steam-square:before {
content: '\f35d'; }
.zmdi-steam:before {
content: '\f35e'; }
.zmdi-twitter-box:before {
content: '\f35f'; }
.zmdi-twitter:before {
content: '\f360'; }
.zmdi-vk:before {
content: '\f361'; }
.zmdi-wikipedia:before {
content: '\f362'; }
.zmdi-windows:before {
content: '\f363'; }
.zmdi-aspect-ratio-alt:before {
content: '\f364'; }
.zmdi-aspect-ratio:before {
content: '\f365'; }
.zmdi-blur-circular:before {
content: '\f366'; }
.zmdi-blur-linear:before {
content: '\f367'; }
.zmdi-blur-off:before {
content: '\f368'; }
.zmdi-blur:before {
content: '\f369'; }
.zmdi-brightness-2:before {
content: '\f36a'; }
.zmdi-brightness-3:before {
content: '\f36b'; }
.zmdi-brightness-4:before {
content: '\f36c'; }
.zmdi-brightness-5:before {
content: '\f36d'; }
.zmdi-brightness-6:before {
content: '\f36e'; }
.zmdi-brightness-7:before {
content: '\f36f'; }
.zmdi-brightness-auto:before {
content: '\f370'; }
.zmdi-brightness-setting:before {
content: '\f371'; }
.zmdi-broken-image:before {
content: '\f372'; }
.zmdi-center-focus-strong:before {
content: '\f373'; }
.zmdi-center-focus-weak:before {
content: '\f374'; }
.zmdi-compare:before {
content: '\f375'; }
.zmdi-crop-16-9:before {
content: '\f376'; }
.zmdi-crop-3-2:before {
content: '\f377'; }
.zmdi-crop-5-4:before {
content: '\f378'; }
.zmdi-crop-7-5:before {
content: '\f379'; }
.zmdi-crop-din:before {
content: '\f37a'; }
.zmdi-crop-free:before {
content: '\f37b'; }
.zmdi-crop-landscape:before {
content: '\f37c'; }
.zmdi-crop-portrait:before {
content: '\f37d'; }
.zmdi-crop-square:before {
content: '\f37e'; }
.zmdi-exposure-alt:before {
content: '\f37f'; }
.zmdi-exposure:before {
content: '\f380'; }
.zmdi-filter-b-and-w:before {
content: '\f381'; }
.zmdi-filter-center-focus:before {
content: '\f382'; }
.zmdi-filter-frames:before {
content: '\f383'; }
.zmdi-filter-tilt-shift:before {
content: '\f384'; }
.zmdi-gradient:before {
content: '\f385'; }
.zmdi-grain:before {
content: '\f386'; }
.zmdi-graphic-eq:before {
content: '\f387'; }
.zmdi-hdr-off:before {
content: '\f388'; }
.zmdi-hdr-strong:before {
content: '\f389'; }
.zmdi-hdr-weak:before {
content: '\f38a'; }
.zmdi-hdr:before {
content: '\f38b'; }
.zmdi-iridescent:before {
content: '\f38c'; }
.zmdi-leak-off:before {
content: '\f38d'; }
.zmdi-leak:before {
content: '\f38e'; }
.zmdi-looks:before {
content: '\f38f'; }
.zmdi-loupe:before {
content: '\f390'; }
.zmdi-panorama-horizontal:before {
content: '\f391'; }
.zmdi-panorama-vertical:before {
content: '\f392'; }
.zmdi-panorama-wide-angle:before {
content: '\f393'; }
.zmdi-photo-size-select-large:before {
content: '\f394'; }
.zmdi-photo-size-select-small:before {
content: '\f395'; }
.zmdi-picture-in-picture:before {
content: '\f396'; }
.zmdi-slideshow:before {
content: '\f397'; }
.zmdi-texture:before {
content: '\f398'; }
.zmdi-tonality:before {
content: '\f399'; }
.zmdi-vignette:before {
content: '\f39a'; }
.zmdi-wb-auto:before {
content: '\f39b'; }
.zmdi-eject-alt:before {
content: '\f39c'; }
.zmdi-eject:before {
content: '\f39d'; }
.zmdi-equalizer:before {
content: '\f39e'; }
.zmdi-fast-forward:before {
content: '\f39f'; }
.zmdi-fast-rewind:before {
content: '\f3a0'; }
.zmdi-forward-10:before {
content: '\f3a1'; }
.zmdi-forward-30:before {
content: '\f3a2'; }
.zmdi-forward-5:before {
content: '\f3a3'; }
.zmdi-hearing:before {
content: '\f3a4'; }
.zmdi-pause-circle-outline:before {
content: '\f3a5'; }
.zmdi-pause-circle:before {
content: '\f3a6'; }
.zmdi-pause:before {
content: '\f3a7'; }
.zmdi-play-circle-outline:before {
content: '\f3a8'; }
.zmdi-play-circle:before {
content: '\f3a9'; }
.zmdi-play:before {
content: '\f3aa'; }
.zmdi-playlist-audio:before {
content: '\f3ab'; }
.zmdi-playlist-plus:before {
content: '\f3ac'; }
.zmdi-repeat-one:before {
content: '\f3ad'; }
.zmdi-repeat:before {
content: '\f3ae'; }
.zmdi-replay-10:before {
content: '\f3af'; }
.zmdi-replay-30:before {
content: '\f3b0'; }
.zmdi-replay-5:before {
content: '\f3b1'; }
.zmdi-replay:before {
content: '\f3b2'; }
.zmdi-shuffle:before {
content: '\f3b3'; }
.zmdi-skip-next:before {
content: '\f3b4'; }
.zmdi-skip-previous:before {
content: '\f3b5'; }
.zmdi-stop:before {
content: '\f3b6'; }
.zmdi-surround-sound:before {
content: '\f3b7'; }
.zmdi-tune:before {
content: '\f3b8'; }
.zmdi-volume-down:before {
content: '\f3b9'; }
.zmdi-volume-mute:before {
content: '\f3ba'; }
.zmdi-volume-off:before {
content: '\f3bb'; }
.zmdi-volume-up:before {
content: '\f3bc'; }
.zmdi-n-1-square:before {
content: '\f3bd'; }
.zmdi-n-2-square:before {
content: '\f3be'; }
.zmdi-n-3-square:before {
content: '\f3bf'; }
.zmdi-n-4-square:before {
content: '\f3c0'; }
.zmdi-n-5-square:before {
content: '\f3c1'; }
.zmdi-n-6-square:before {
content: '\f3c2'; }
.zmdi-neg-1:before {
content: '\f3c3'; }
.zmdi-neg-2:before {
content: '\f3c4'; }
.zmdi-plus-1:before {
content: '\f3c5'; }
.zmdi-plus-2:before {
content: '\f3c6'; }
.zmdi-sec-10:before {
content: '\f3c7'; }
.zmdi-sec-3:before {
content: '\f3c8'; }
.zmdi-zero:before {
content: '\f3c9'; }
.zmdi-airline-seat-flat-angled:before {
content: '\f3ca'; }
.zmdi-airline-seat-flat:before {
content: '\f3cb'; }
.zmdi-airline-seat-individual-suite:before {
content: '\f3cc'; }
.zmdi-airline-seat-legroom-extra:before {
content: '\f3cd'; }
.zmdi-airline-seat-legroom-normal:before {
content: '\f3ce'; }
.zmdi-airline-seat-legroom-reduced:before {
content: '\f3cf'; }
.zmdi-airline-seat-recline-extra:before {
content: '\f3d0'; }
.zmdi-airline-seat-recline-normal:before {
content: '\f3d1'; }
.zmdi-airplay:before {
content: '\f3d2'; }
.zmdi-closed-caption:before {
content: '\f3d3'; }
.zmdi-confirmation-number:before {
content: '\f3d4'; }
.zmdi-developer-board:before {
content: '\f3d5'; }
.zmdi-disc-full:before {
content: '\f3d6'; }
.zmdi-explicit:before {
content: '\f3d7'; }
.zmdi-flight-land:before {
content: '\f3d8'; }
.zmdi-flight-takeoff:before {
content: '\f3d9'; }
.zmdi-flip-to-back:before {
content: '\f3da'; }
.zmdi-flip-to-front:before {
content: '\f3db'; }
.zmdi-group-work:before {
content: '\f3dc'; }
.zmdi-hd:before {
content: '\f3dd'; }
.zmdi-hq:before {
content: '\f3de'; }
.zmdi-markunread-mailbox:before {
content: '\f3df'; }
.zmdi-memory:before {
content: '\f3e0'; }
.zmdi-nfc:before {
content: '\f3e1'; }
.zmdi-play-for-work:before {
content: '\f3e2'; }
.zmdi-power-input:before {
content: '\f3e3'; }
.zmdi-present-to-all:before {
content: '\f3e4'; }
.zmdi-satellite:before {
content: '\f3e5'; }
.zmdi-tap-and-play:before {
content: '\f3e6'; }
.zmdi-vibration:before {
content: '\f3e7'; }
.zmdi-voicemail:before {
content: '\f3e8'; }
.zmdi-group:before {
content: '\f3e9'; }
.zmdi-rss:before {
content: '\f3ea'; }
.zmdi-shape:before {
content: '\f3eb'; }
.zmdi-spinner:before {
content: '\f3ec'; }
.zmdi-ungroup:before {
content: '\f3ed'; }
.zmdi-500px:before {
content: '\f3ee'; }
.zmdi-8tracks:before {
content: '\f3ef'; }
.zmdi-amazon:before {
content: '\f3f0'; }
.zmdi-blogger:before {
content: '\f3f1'; }
.zmdi-delicious:before {
content: '\f3f2'; }
.zmdi-disqus:before {
content: '\f3f3'; }
.zmdi-flattr:before {
content: '\f3f4'; }
.zmdi-flickr:before {
content: '\f3f5'; }
.zmdi-github-alt:before {
content: '\f3f6'; }
.zmdi-google-old:before {
content: '\f3f7'; }
.zmdi-linkedin:before {
content: '\f3f8'; }
.zmdi-odnoklassniki:before {
content: '\f3f9'; }
.zmdi-outlook:before {
content: '\f3fa'; }
.zmdi-paypal-alt:before {
content: '\f3fb'; }
.zmdi-pinterest:before {
content: '\f3fc'; }
.zmdi-playstation:before {
content: '\f3fd'; }
.zmdi-reddit:before {
content: '\f3fe'; }
.zmdi-skype:before {
content: '\f3ff'; }
.zmdi-slideshare:before {
content: '\f400'; }
.zmdi-soundcloud:before {
content: '\f401'; }
.zmdi-tumblr:before {
content: '\f402'; }
.zmdi-twitch:before {
content: '\f403'; }
.zmdi-vimeo:before {
content: '\f404'; }
.zmdi-whatsapp:before {
content: '\f405'; }
.zmdi-xbox:before {
content: '\f406'; }
.zmdi-yahoo:before {
content: '\f407'; }
.zmdi-youtube-play:before {
content: '\f408'; }
.zmdi-youtube:before {
content: '\f409'; }
.zmdi-import-export:before {
content: '\f30c'; }
.zmdi-swap-vertical-:before {
content: '\f30c'; }
.zmdi-airplanemode-inactive:before {
content: '\f102'; }
.zmdi-airplanemode-active:before {
content: '\f103'; }
.zmdi-rate-review:before {
content: '\f103'; }
.zmdi-comment-sign:before {
content: '\f25a'; }
.zmdi-network-warning:before {
content: '\f2ad'; }
.zmdi-shopping-cart-add:before {
content: '\f1ca'; }
.zmdi-file-add:before {
content: '\f221'; }
.zmdi-network-wifi-scan:before {
content: '\f2e4'; }
.zmdi-collection-add:before {
content: '\f14e'; }
.zmdi-format-playlist-add:before {
content: '\f3ac'; }
.zmdi-format-queue-music:before {
content: '\f3ab'; }
.zmdi-plus-box:before {
content: '\f277'; }
.zmdi-tag-backspace:before {
content: '\f1d9'; }
.zmdi-alarm-add:before {
content: '\f32b'; }
.zmdi-battery-charging:before {
content: '\f114'; }
.zmdi-daydream-setting:before {
content: '\f217'; }
.zmdi-more-horiz:before {
content: '\f19c'; }
.zmdi-book-photo:before {
content: '\f11b'; }
.zmdi-incandescent:before {
content: '\f189'; }
.zmdi-wb-iridescent:before {
content: '\f38c'; }
.zmdi-calendar-remove:before {
content: '\f330'; }
.zmdi-refresh-sync-disabled:before {
content: '\f1b7'; }
.zmdi-refresh-sync-problem:before {
content: '\f1b6'; }
.zmdi-crop-original:before {
content: '\f17e'; }
.zmdi-power-off:before {
content: '\f1af'; }
.zmdi-power-off-setting:before {
content: '\f1ae'; }
.zmdi-leak-remove:before {
content: '\f38d'; }
.zmdi-star-border:before {
content: '\f27c'; }
.zmdi-brightness-low:before {
content: '\f36d'; }
.zmdi-brightness-medium:before {
content: '\f36e'; }
.zmdi-brightness-high:before {
content: '\f36f'; }
.zmdi-smartphone-portrait:before {
content: '\f2d4'; }
.zmdi-live-tv:before {
content: '\f2d9'; }
.zmdi-format-textdirection-l-to-r:before {
content: '\f249'; }
.zmdi-format-textdirection-r-to-l:before {
content: '\f24a'; }
.zmdi-arrow-back:before {
content: '\f2ea'; }
.zmdi-arrow-forward:before {
content: '\f2ee'; }
.zmdi-arrow-in:before {
content: '\f2e9'; }
.zmdi-arrow-out:before {
content: '\f2ed'; }
.zmdi-rotate-90-degrees-ccw:before {
content: '\f304'; }
.zmdi-adb:before {
content: '\f33a'; }
.zmdi-network-wifi:before {
content: '\f2e8'; }
.zmdi-network-wifi-alt:before {
content: '\f2e3'; }
.zmdi-network-wifi-lock:before {
content: '\f2e5'; }
.zmdi-network-wifi-off:before {
content: '\f2e6'; }
.zmdi-network-wifi-outline:before {
content: '\f2e7'; }
.zmdi-network-wifi-info:before {
content: '\f2e4'; }
.zmdi-layers-clear:before {
content: '\f18b'; }
.zmdi-colorize:before {
content: '\f15d'; }
.zmdi-format-paint:before {
content: '\f1ba'; }
.zmdi-format-quote:before {
content: '\f1b2'; }
.zmdi-camera-monochrome-photos:before {
content: '\f285'; }
.zmdi-sort-by-alpha:before {
content: '\f1cf'; }
.zmdi-folder-shared:before {
content: '\f225'; }
.zmdi-folder-special:before {
content: '\f226'; }
.zmdi-comment-dots:before {
content: '\f260'; }
.zmdi-reorder:before {
content: '\f31e'; }
.zmdi-dehaze:before {
content: '\f197'; }
.zmdi-sort:before {
content: '\f1ce'; }
.zmdi-pages:before {
content: '\f34a'; }
.zmdi-stack-overflow:before {
content: '\f35c'; }
.zmdi-calendar-account:before {
content: '\f204'; }
.zmdi-paste:before {
content: '\f109'; }
.zmdi-cut:before {
content: '\f1bc'; }
.zmdi-save:before {
content: '\f297'; }
.zmdi-smartphone-code:before {
content: '\f139'; }
.zmdi-directions-bike:before {
content: '\f117'; }
.zmdi-directions-boat:before {
content: '\f11a'; }
.zmdi-directions-bus:before {
content: '\f121'; }
.zmdi-directions-car:before {
content: '\f125'; }
.zmdi-directions-railway:before {
content: '\f1b3'; }
.zmdi-directions-run:before {
content: '\f215'; }
.zmdi-directions-subway:before {
content: '\f1d5'; }
.zmdi-directions-walk:before {
content: '\f216'; }
.zmdi-local-hotel:before {
content: '\f178'; }
.zmdi-local-activity:before {
content: '\f1df'; }
.zmdi-local-play:before {
content: '\f1df'; }
.zmdi-local-airport:before {
content: '\f103'; }
.zmdi-local-atm:before {
content: '\f198'; }
.zmdi-local-bar:before {
content: '\f137'; }
.zmdi-local-cafe:before {
content: '\f13b'; }
.zmdi-local-car-wash:before {
content: '\f124'; }
.zmdi-local-convenience-store:before {
content: '\f1d3'; }
.zmdi-local-dining:before {
content: '\f153'; }
.zmdi-local-drink:before {
content: '\f157'; }
.zmdi-local-florist:before {
content: '\f168'; }
.zmdi-local-gas-station:before {
content: '\f16f'; }
.zmdi-local-grocery-store:before {
content: '\f1cb'; }
.zmdi-local-hospital:before {
content: '\f177'; }
.zmdi-local-laundry-service:before {
content: '\f1e9'; }
.zmdi-local-library:before {
content: '\f18d'; }
.zmdi-local-mall:before {
content: '\f195'; }
.zmdi-local-movies:before {
content: '\f19d'; }
.zmdi-local-offer:before {
content: '\f187'; }
.zmdi-local-parking:before {
content: '\f1a5'; }
.zmdi-local-parking:before {
content: '\f1a5'; }
.zmdi-local-pharmacy:before {
content: '\f176'; }
.zmdi-local-phone:before {
content: '\f2be'; }
.zmdi-local-pizza:before {
content: '\f1ac'; }
.zmdi-local-post-office:before {
content: '\f15a'; }
.zmdi-local-printshop:before {
content: '\f1b0'; }
.zmdi-local-see:before {
content: '\f28c'; }
.zmdi-local-shipping:before {
content: '\f1e6'; }
.zmdi-local-store:before {
content: '\f1d4'; }
.zmdi-local-taxi:before {
content: '\f123'; }
.zmdi-local-wc:before {
content: '\f211'; }
.zmdi-my-location:before {
content: '\f299'; }
.zmdi-directions:before {
content: '\f1e7'; }
@font-face {
font-family: 'themify';
src: url('themify.eot?-fvbane');
src: url('themify.eot?#iefix-fvbane') format("embedded-opentype"), url('themify.woff?-fvbane') format("woff"), url('themify.ttf?-fvbane') format("truetype"), url('themify.svg?-fvbane#themify') format("svg");
font-weight: normal;
font-style: normal; }
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ti-wand:before {
content: "\e600"; }
.ti-volume:before {
content: "\e601"; }
.ti-user:before {
content: "\e602"; }
.ti-unlock:before {
content: "\e603"; }
.ti-unlink:before {
content: "\e604"; }
.ti-trash:before {
content: "\e605"; }
.ti-thought:before {
content: "\e606"; }
.ti-target:before {
content: "\e607"; }
.ti-tag:before {
content: "\e608"; }
.ti-tablet:before {
content: "\e609"; }
.ti-star:before {
content: "\e60a"; }
.ti-spray:before {
content: "\e60b"; }
.ti-signal:before {
content: "\e60c"; }
.ti-shopping-cart:before {
content: "\e60d"; }
.ti-shopping-cart-full:before {
content: "\e60e"; }
.ti-settings:before {
content: "\e60f"; }
.ti-search:before {
content: "\e610"; }
.ti-zoom-in:before {
content: "\e611"; }
.ti-zoom-out:before {
content: "\e612"; }
.ti-cut:before {
content: "\e613"; }
.ti-ruler:before {
content: "\e614"; }
.ti-ruler-pencil:before {
content: "\e615"; }
.ti-ruler-alt:before {
content: "\e616"; }
.ti-bookmark:before {
content: "\e617"; }
.ti-bookmark-alt:before {
content: "\e618"; }
.ti-reload:before {
content: "\e619"; }
.ti-plus:before {
content: "\e61a"; }
.ti-pin:before {
content: "\e61b"; }
.ti-pencil:before {
content: "\e61c"; }
.ti-pencil-alt:before {
content: "\e61d"; }
.ti-paint-roller:before {
content: "\e61e"; }
.ti-paint-bucket:before {
content: "\e61f"; }
.ti-na:before {
content: "\e620"; }
.ti-mobile:before {
content: "\e621"; }
.ti-minus:before {
content: "\e622"; }
.ti-medall:before {
content: "\e623"; }
.ti-medall-alt:before {
content: "\e624"; }
.ti-marker:before {
content: "\e625"; }
.ti-marker-alt:before {
content: "\e626"; }
.ti-arrow-up:before {
content: "\e627"; }
.ti-arrow-right:before {
content: "\e628"; }
.ti-arrow-left:before {
content: "\e629"; }
.ti-arrow-down:before {
content: "\e62a"; }
.ti-lock:before {
content: "\e62b"; }
.ti-location-arrow:before {
content: "\e62c"; }
.ti-link:before {
content: "\e62d"; }
.ti-layout:before {
content: "\e62e"; }
.ti-layers:before {
content: "\e62f"; }
.ti-layers-alt:before {
content: "\e630"; }
.ti-key:before {
content: "\e631"; }
.ti-import:before {
content: "\e632"; }
.ti-image:before {
content: "\e633"; }
.ti-heart:before {
content: "\e634"; }
.ti-heart-broken:before {
content: "\e635"; }
.ti-hand-stop:before {
content: "\e636"; }
.ti-hand-open:before {
content: "\e637"; }
.ti-hand-drag:before {
content: "\e638"; }
.ti-folder:before {
content: "\e639"; }
.ti-flag:before {
content: "\e63a"; }
.ti-flag-alt:before {
content: "\e63b"; }
.ti-flag-alt-2:before {
content: "\e63c"; }
.ti-eye:before {
content: "\e63d"; }
.ti-export:before {
content: "\e63e"; }
.ti-exchange-vertical:before {
content: "\e63f"; }
.ti-desktop:before {
content: "\e640"; }
.ti-cup:before {
content: "\e641"; }
.ti-crown:before {
content: "\e642"; }
.ti-comments:before {
content: "\e643"; }
.ti-comment:before {
content: "\e644"; }
.ti-comment-alt:before {
content: "\e645"; }
.ti-close:before {
content: "\e646"; }
.ti-clip:before {
content: "\e647"; }
.ti-angle-up:before {
content: "\e648"; }
.ti-angle-right:before {
content: "\e649"; }
.ti-angle-left:before {
content: "\e64a"; }
.ti-angle-down:before {
content: "\e64b"; }
.ti-check:before {
content: "\e64c"; }
.ti-check-box:before {
content: "\e64d"; }
.ti-camera:before {
content: "\e64e"; }
.ti-announcement:before {
content: "\e64f"; }
.ti-brush:before {
content: "\e650"; }
.ti-briefcase:before {
content: "\e651"; }
.ti-bolt:before {
content: "\e652"; }
.ti-bolt-alt:before {
content: "\e653"; }
.ti-blackboard:before {
content: "\e654"; }
.ti-bag:before {
content: "\e655"; }
.ti-move:before {
content: "\e656"; }
.ti-arrows-vertical:before {
content: "\e657"; }
.ti-arrows-horizontal:before {
content: "\e658"; }
.ti-fullscreen:before {
content: "\e659"; }
.ti-arrow-top-right:before {
content: "\e65a"; }
.ti-arrow-top-left:before {
content: "\e65b"; }
.ti-arrow-circle-up:before {
content: "\e65c"; }
.ti-arrow-circle-right:before {
content: "\e65d"; }
.ti-arrow-circle-left:before {
content: "\e65e"; }
.ti-arrow-circle-down:before {
content: "\e65f"; }
.ti-angle-double-up:before {
content: "\e660"; }
.ti-angle-double-right:before {
content: "\e661"; }
.ti-angle-double-left:before {
content: "\e662"; }
.ti-angle-double-down:before {
content: "\e663"; }
.ti-zip:before {
content: "\e664"; }
.ti-world:before {
content: "\e665"; }
.ti-wheelchair:before {
content: "\e666"; }
.ti-view-list:before {
content: "\e667"; }
.ti-view-list-alt:before {
content: "\e668"; }
.ti-view-grid:before {
content: "\e669"; }
.ti-uppercase:before {
content: "\e66a"; }
.ti-upload:before {
content: "\e66b"; }
.ti-underline:before {
content: "\e66c"; }
.ti-truck:before {
content: "\e66d"; }
.ti-timer:before {
content: "\e66e"; }
.ti-ticket:before {
content: "\e66f"; }
.ti-thumb-up:before {
content: "\e670"; }
.ti-thumb-down:before {
content: "\e671"; }
.ti-text:before {
content: "\e672"; }
.ti-stats-up:before {
content: "\e673"; }
.ti-stats-down:before {
content: "\e674"; }
.ti-split-v:before {
content: "\e675"; }
.ti-split-h:before {
content: "\e676"; }
.ti-smallcap:before {
content: "\e677"; }
.ti-shine:before {
content: "\e678"; }
.ti-shift-right:before {
content: "\e679"; }
.ti-shift-left:before {
content: "\e67a"; }
.ti-shield:before {
content: "\e67b"; }
.ti-notepad:before {
content: "\e67c"; }
.ti-server:before {
content: "\e67d"; }
.ti-quote-right:before {
content: "\e67e"; }
.ti-quote-left:before {
content: "\e67f"; }
.ti-pulse:before {
content: "\e680"; }
.ti-printer:before {
content: "\e681"; }
.ti-power-off:before {
content: "\e682"; }
.ti-plug:before {
content: "\e683"; }
.ti-pie-chart:before {
content: "\e684"; }
.ti-paragraph:before {
content: "\e685"; }
.ti-panel:before {
content: "\e686"; }
.ti-package:before {
content: "\e687"; }
.ti-music:before {
content: "\e688"; }
.ti-music-alt:before {
content: "\e689"; }
.ti-mouse:before {
content: "\e68a"; }
.ti-mouse-alt:before {
content: "\e68b"; }
.ti-money:before {
content: "\e68c"; }
.ti-microphone:before {
content: "\e68d"; }
.ti-menu:before {
content: "\e68e"; }
.ti-menu-alt:before {
content: "\e68f"; }
.ti-map:before {
content: "\e690"; }
.ti-map-alt:before {
content: "\e691"; }
.ti-loop:before {
content: "\e692"; }
.ti-location-pin:before {
content: "\e693"; }
.ti-list:before {
content: "\e694"; }
.ti-light-bulb:before {
content: "\e695"; }
.ti-Italic:before {
content: "\e696"; }
.ti-info:before {
content: "\e697"; }
.ti-infinite:before {
content: "\e698"; }
.ti-id-badge:before {
content: "\e699"; }
.ti-hummer:before {
content: "\e69a"; }
.ti-home:before {
content: "\e69b"; }
.ti-help:before {
content: "\e69c"; }
.ti-headphone:before {
content: "\e69d"; }
.ti-harddrives:before {
content: "\e69e"; }
.ti-harddrive:before {
content: "\e69f"; }
.ti-gift:before {
content: "\e6a0"; }
.ti-game:before {
content: "\e6a1"; }
.ti-filter:before {
content: "\e6a2"; }
.ti-files:before {
content: "\e6a3"; }
.ti-file:before {
content: "\e6a4"; }
.ti-eraser:before {
content: "\e6a5"; }
.ti-envelope:before {
content: "\e6a6"; }
.ti-download:before {
content: "\e6a7"; }
.ti-direction:before {
content: "\e6a8"; }
.ti-direction-alt:before {
content: "\e6a9"; }
.ti-dashboard:before {
content: "\e6aa"; }
.ti-control-stop:before {
content: "\e6ab"; }
.ti-control-shuffle:before {
content: "\e6ac"; }
.ti-control-play:before {
content: "\e6ad"; }
.ti-control-pause:before {
content: "\e6ae"; }
.ti-control-forward:before {
content: "\e6af"; }
.ti-control-backward:before {
content: "\e6b0"; }
.ti-cloud:before {
content: "\e6b1"; }
.ti-cloud-up:before {
content: "\e6b2"; }
.ti-cloud-down:before {
content: "\e6b3"; }
.ti-clipboard:before {
content: "\e6b4"; }
.ti-car:before {
content: "\e6b5"; }
.ti-calendar:before {
content: "\e6b6"; }
.ti-book:before {
content: "\e6b7"; }
.ti-bell:before {
content: "\e6b8"; }
.ti-basketball:before {
content: "\e6b9"; }
.ti-bar-chart:before {
content: "\e6ba"; }
.ti-bar-chart-alt:before {
content: "\e6bb"; }
.ti-back-right:before {
content: "\e6bc"; }
.ti-back-left:before {
content: "\e6bd"; }
.ti-arrows-corner:before {
content: "\e6be"; }
.ti-archive:before {
content: "\e6bf"; }
.ti-anchor:before {
content: "\e6c0"; }
.ti-align-right:before {
content: "\e6c1"; }
.ti-align-left:before {
content: "\e6c2"; }
.ti-align-justify:before {
content: "\e6c3"; }
.ti-align-center:before {
content: "\e6c4"; }
.ti-alert:before {
content: "\e6c5"; }
.ti-alarm-clock:before {
content: "\e6c6"; }
.ti-agenda:before {
content: "\e6c7"; }
.ti-write:before {
content: "\e6c8"; }
.ti-window:before {
content: "\e6c9"; }
.ti-widgetized:before {
content: "\e6ca"; }
.ti-widget:before {
content: "\e6cb"; }
.ti-widget-alt:before {
content: "\e6cc"; }
.ti-wallet:before {
content: "\e6cd"; }
.ti-video-clapper:before {
content: "\e6ce"; }
.ti-video-camera:before {
content: "\e6cf"; }
.ti-vector:before {
content: "\e6d0"; }
.ti-themify-logo:before {
content: "\e6d1"; }
.ti-themify-favicon:before {
content: "\e6d2"; }
.ti-themify-favicon-alt:before {
content: "\e6d3"; }
.ti-support:before {
content: "\e6d4"; }
.ti-stamp:before {
content: "\e6d5"; }
.ti-split-v-alt:before {
content: "\e6d6"; }
.ti-slice:before {
content: "\e6d7"; }
.ti-shortcode:before {
content: "\e6d8"; }
.ti-shift-right-alt:before {
content: "\e6d9"; }
.ti-shift-left-alt:before {
content: "\e6da"; }
.ti-ruler-alt-2:before {
content: "\e6db"; }
.ti-receipt:before {
content: "\e6dc"; }
.ti-pin2:before {
content: "\e6dd"; }
.ti-pin-alt:before {
content: "\e6de"; }
.ti-pencil-alt2:before {
content: "\e6df"; }
.ti-palette:before {
content: "\e6e0"; }
.ti-more:before {
content: "\e6e1"; }
.ti-more-alt:before {
content: "\e6e2"; }
.ti-microphone-alt:before {
content: "\e6e3"; }
.ti-magnet:before {
content: "\e6e4"; }
.ti-line-double:before {
content: "\e6e5"; }
.ti-line-dotted:before {
content: "\e6e6"; }
.ti-line-dashed:before {
content: "\e6e7"; }
.ti-layout-width-full:before {
content: "\e6e8"; }
.ti-layout-width-default:before {
content: "\e6e9"; }
.ti-layout-width-default-alt:before {
content: "\e6ea"; }
.ti-layout-tab:before {
content: "\e6eb"; }
.ti-layout-tab-window:before {
content: "\e6ec"; }
.ti-layout-tab-v:before {
content: "\e6ed"; }
.ti-layout-tab-min:before {
content: "\e6ee"; }
.ti-layout-slider:before {
content: "\e6ef"; }
.ti-layout-slider-alt:before {
content: "\e6f0"; }
.ti-layout-sidebar-right:before {
content: "\e6f1"; }
.ti-layout-sidebar-none:before {
content: "\e6f2"; }
.ti-layout-sidebar-left:before {
content: "\e6f3"; }
.ti-layout-placeholder:before {
content: "\e6f4"; }
.ti-layout-menu:before {
content: "\e6f5"; }
.ti-layout-menu-v:before {
content: "\e6f6"; }
.ti-layout-menu-separated:before {
content: "\e6f7"; }
.ti-layout-menu-full:before {
content: "\e6f8"; }
.ti-layout-media-right-alt:before {
content: "\e6f9"; }
.ti-layout-media-right:before {
content: "\e6fa"; }
.ti-layout-media-overlay:before {
content: "\e6fb"; }
.ti-layout-media-overlay-alt:before {
content: "\e6fc"; }
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd"; }
.ti-layout-media-left-alt:before {
content: "\e6fe"; }
.ti-layout-media-left:before {
content: "\e6ff"; }
.ti-layout-media-center-alt:before {
content: "\e700"; }
.ti-layout-media-center:before {
content: "\e701"; }
.ti-layout-list-thumb:before {
content: "\e702"; }
.ti-layout-list-thumb-alt:before {
content: "\e703"; }
.ti-layout-list-post:before {
content: "\e704"; }
.ti-layout-list-large-image:before {
content: "\e705"; }
.ti-layout-line-solid:before {
content: "\e706"; }
.ti-layout-grid4:before {
content: "\e707"; }
.ti-layout-grid3:before {
content: "\e708"; }
.ti-layout-grid2:before {
content: "\e709"; }
.ti-layout-grid2-thumb:before {
content: "\e70a"; }
.ti-layout-cta-right:before {
content: "\e70b"; }
.ti-layout-cta-left:before {
content: "\e70c"; }
.ti-layout-cta-center:before {
content: "\e70d"; }
.ti-layout-cta-btn-right:before {
content: "\e70e"; }
.ti-layout-cta-btn-left:before {
content: "\e70f"; }
.ti-layout-column4:before {
content: "\e710"; }
.ti-layout-column3:before {
content: "\e711"; }
.ti-layout-column2:before {
content: "\e712"; }
.ti-layout-accordion-separated:before {
content: "\e713"; }
.ti-layout-accordion-merged:before {
content: "\e714"; }
.ti-layout-accordion-list:before {
content: "\e715"; }
.ti-ink-pen:before {
content: "\e716"; }
.ti-info-alt:before {
content: "\e717"; }
.ti-help-alt:before {
content: "\e718"; }
.ti-headphone-alt:before {
content: "\e719"; }
.ti-hand-point-up:before {
content: "\e71a"; }
.ti-hand-point-right:before {
content: "\e71b"; }
.ti-hand-point-left:before {
content: "\e71c"; }
.ti-hand-point-down:before {
content: "\e71d"; }
.ti-gallery:before {
content: "\e71e"; }
.ti-face-smile:before {
content: "\e71f"; }
.ti-face-sad:before {
content: "\e720"; }
.ti-credit-card:before {
content: "\e721"; }
.ti-control-skip-forward:before {
content: "\e722"; }
.ti-control-skip-backward:before {
content: "\e723"; }
.ti-control-record:before {
content: "\e724"; }
.ti-control-eject:before {
content: "\e725"; }
.ti-comments-smiley:before {
content: "\e726"; }
.ti-brush-alt:before {
content: "\e727"; }
.ti-youtube:before {
content: "\e728"; }
.ti-vimeo:before {
content: "\e729"; }
.ti-twitter:before {
content: "\e72a"; }
.ti-time:before {
content: "\e72b"; }
.ti-tumblr:before {
content: "\e72c"; }
.ti-skype:before {
content: "\e72d"; }
.ti-share:before {
content: "\e72e"; }
.ti-share-alt:before {
content: "\e72f"; }
.ti-rocket:before {
content: "\e730"; }
.ti-pinterest:before {
content: "\e731"; }
.ti-new-window:before {
content: "\e732"; }
.ti-microsoft:before {
content: "\e733"; }
.ti-list-ol:before {
content: "\e734"; }
.ti-linkedin:before {
content: "\e735"; }
.ti-layout-sidebar-2:before {
content: "\e736"; }
.ti-layout-grid4-alt:before {
content: "\e737"; }
.ti-layout-grid3-alt:before {
content: "\e738"; }
.ti-layout-grid2-alt:before {
content: "\e739"; }
.ti-layout-column4-alt:before {
content: "\e73a"; }
.ti-layout-column3-alt:before {
content: "\e73b"; }
.ti-layout-column2-alt:before {
content: "\e73c"; }
.ti-instagram:before {
content: "\e73d"; }
.ti-google:before {
content: "\e73e"; }
.ti-github:before {
content: "\e73f"; }
.ti-flickr:before {
content: "\e740"; }
.ti-facebook:before {
content: "\e741"; }
.ti-dropbox:before {
content: "\e742"; }
.ti-dribbble:before {
content: "\e743"; }
.ti-apple:before {
content: "\e744"; }
.ti-android:before {
content: "\e745"; }
.ti-save:before {
content: "\e746"; }
.ti-save-alt:before {
content: "\e747"; }
.ti-yahoo:before {
content: "\e748"; }
.ti-wordpress:before {
content: "\e749"; }
.ti-vimeo-alt:before {
content: "\e74a"; }
.ti-twitter-alt:before {
content: "\e74b"; }
.ti-tumblr-alt:before {
content: "\e74c"; }
.ti-trello:before {
content: "\e74d"; }
.ti-stack-overflow:before {
content: "\e74e"; }
.ti-soundcloud:before {
content: "\e74f"; }
.ti-sharethis:before {
content: "\e750"; }
.ti-sharethis-alt:before {
content: "\e751"; }
.ti-reddit:before {
content: "\e752"; }
.ti-pinterest-alt:before {
content: "\e753"; }
.ti-microsoft-alt:before {
content: "\e754"; }
.ti-linux:before {
content: "\e755"; }
.ti-jsfiddle:before {
content: "\e756"; }
.ti-joomla:before {
content: "\e757"; }
.ti-html5:before {
content: "\e758"; }
.ti-flickr-alt:before {
content: "\e759"; }
.ti-email:before {
content: "\e75a"; }
.ti-drupal:before {
content: "\e75b"; }
.ti-dropbox-alt:before {
content: "\e75c"; }
.ti-css3:before {
content: "\e75d"; }
.ti-rss:before {
content: "\e75e"; }
.ti-rss-alt:before {
content: "\e75f"; }
@font-face {
font-family: "simple-line-icons";
src: url('Simple-Line-Icons.eot?-i3a2kk');
src: url('Simple-Line-Icons.eot?#iefix-i3a2kk') format("embedded-opentype"), url('Simple-Line-Icons.ttf?-i3a2kk') format("truetype"), url('Simple-Line-Icons.woff2?-i3a2kk') format("woff2"), url('Simple-Line-Icons.woff?-i3a2kk') format("woff"), url('Simple-Line-Icons.svg?-i3a2kk#simple-line-icons') format("svg");
font-weight: normal;
font-style: normal; }
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-close, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawar, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calender, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symble-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pintarest, .icon-social-github, .icon-social-gplus, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox {
font-family: "simple-line-icons";
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-user:before {
content: "\e005"; }
.icon-people:before {
content: "\e001"; }
.icon-user-female:before {
content: "\e000"; }
.icon-user-follow:before {
content: "\e002"; }
.icon-user-following:before {
content: "\e003"; }
.icon-user-unfollow:before {
content: "\e004"; }
.icon-login:before {
content: "\e066"; }
.icon-logout:before {
content: "\e065"; }
.icon-emotsmile:before {
content: "\e021"; }
.icon-phone:before {
content: "\e600"; }
.icon-call-end:before {
content: "\e048"; }
.icon-call-in:before {
content: "\e047"; }
.icon-call-out:before {
content: "\e046"; }
.icon-map:before {
content: "\e033"; }
.icon-location-pin:before {
content: "\e096"; }
.icon-direction:before {
content: "\e042"; }
.icon-directions:before {
content: "\e041"; }
.icon-compass:before {
content: "\e045"; }
.icon-layers:before {
content: "\e034"; }
.icon-menu:before {
content: "\e601"; }
.icon-list:before {
content: "\e067"; }
.icon-options-vertical:before {
content: "\e602"; }
.icon-options:before {
content: "\e603"; }
.icon-arrow-down:before {
content: "\e604"; }
.icon-arrow-left:before {
content: "\e605"; }
.icon-arrow-right:before {
content: "\e606"; }
.icon-arrow-up:before {
content: "\e607"; }
.icon-arrow-up-circle:before {
content: "\e078"; }
.icon-arrow-left-circle:before {
content: "\e07a"; }
.icon-arrow-right-circle:before {
content: "\e079"; }
.icon-arrow-down-circle:before {
content: "\e07b"; }
.icon-check:before {
content: "\e080"; }
.icon-clock:before {
content: "\e081"; }
.icon-plus:before {
content: "\e095"; }
.icon-close:before {
content: "\e082"; }
.icon-trophy:before {
content: "\e006"; }
.icon-screen-smartphone:before {
content: "\e010"; }
.icon-screen-desktop:before {
content: "\e011"; }
.icon-plane:before {
content: "\e012"; }
.icon-notebook:before {
content: "\e013"; }
.icon-mustache:before {
content: "\e014"; }
.icon-mouse:before {
content: "\e015"; }
.icon-magnet:before {
content: "\e016"; }
.icon-energy:before {
content: "\e020"; }
.icon-disc:before {
content: "\e022"; }
.icon-cursor:before {
content: "\e06e"; }
.icon-cursor-move:before {
content: "\e023"; }
.icon-crop:before {
content: "\e024"; }
.icon-chemistry:before {
content: "\e026"; }
.icon-speedometer:before {
content: "\e007"; }
.icon-shield:before {
content: "\e00e"; }
.icon-screen-tablet:before {
content: "\e00f"; }
.icon-magic-wand:before {
content: "\e017"; }
.icon-hourglass:before {
content: "\e018"; }
.icon-graduation:before {
content: "\e019"; }
.icon-ghost:before {
content: "\e01a"; }
.icon-game-controller:before {
content: "\e01b"; }
.icon-fire:before {
content: "\e01c"; }
.icon-eyeglass:before {
content: "\e01d"; }
.icon-envelope-open:before {
content: "\e01e"; }
.icon-envelope-letter:before {
content: "\e01f"; }
.icon-bell:before {
content: "\e027"; }
.icon-badge:before {
content: "\e028"; }
.icon-anchor:before {
content: "\e029"; }
.icon-wallet:before {
content: "\e02a"; }
.icon-vector:before {
content: "\e02b"; }
.icon-speech:before {
content: "\e02c"; }
.icon-puzzle:before {
content: "\e02d"; }
.icon-printer:before {
content: "\e02e"; }
.icon-present:before {
content: "\e02f"; }
.icon-playlist:before {
content: "\e030"; }
.icon-pin:before {
content: "\e031"; }
.icon-picture:before {
content: "\e032"; }
.icon-handbag:before {
content: "\e035"; }
.icon-globe-alt:before {
content: "\e036"; }
.icon-globe:before {
content: "\e037"; }
.icon-folder-alt:before {
content: "\e039"; }
.icon-folder:before {
content: "\e089"; }
.icon-film:before {
content: "\e03a"; }
.icon-feed:before {
content: "\e03b"; }
.icon-drop:before {
content: "\e03e"; }
.icon-drawar:before {
content: "\e03f"; }
.icon-docs:before {
content: "\e040"; }
.icon-doc:before {
content: "\e085"; }
.icon-diamond:before {
content: "\e043"; }
.icon-cup:before {
content: "\e044"; }
.icon-calculator:before {
content: "\e049"; }
.icon-bubbles:before {
content: "\e04a"; }
.icon-briefcase:before {
content: "\e04b"; }
.icon-book-open:before {
content: "\e04c"; }
.icon-basket-loaded:before {
content: "\e04d"; }
.icon-basket:before {
content: "\e04e"; }
.icon-bag:before {
content: "\e04f"; }
.icon-action-undo:before {
content: "\e050"; }
.icon-action-redo:before {
content: "\e051"; }
.icon-wrench:before {
content: "\e052"; }
.icon-umbrella:before {
content: "\e053"; }
.icon-trash:before {
content: "\e054"; }
.icon-tag:before {
content: "\e055"; }
.icon-support:before {
content: "\e056"; }
.icon-frame:before {
content: "\e038"; }
.icon-size-fullscreen:before {
content: "\e057"; }
.icon-size-actual:before {
content: "\e058"; }
.icon-shuffle:before {
content: "\e059"; }
.icon-share-alt:before {
content: "\e05a"; }
.icon-share:before {
content: "\e05b"; }
.icon-rocket:before {
content: "\e05c"; }
.icon-question:before {
content: "\e05d"; }
.icon-pie-chart:before {
content: "\e05e"; }
.icon-pencil:before {
content: "\e05f"; }
.icon-note:before {
content: "\e060"; }
.icon-loop:before {
content: "\e064"; }
.icon-home:before {
content: "\e069"; }
.icon-grid:before {
content: "\e06a"; }
.icon-graph:before {
content: "\e06b"; }
.icon-microphone:before {
content: "\e063"; }
.icon-music-tone-alt:before {
content: "\e061"; }
.icon-music-tone:before {
content: "\e062"; }
.icon-earphones-alt:before {
content: "\e03c"; }
.icon-earphones:before {
content: "\e03d"; }
.icon-equalizer:before {
content: "\e06c"; }
.icon-like:before {
content: "\e068"; }
.icon-dislike:before {
content: "\e06d"; }
.icon-control-start:before {
content: "\e06f"; }
.icon-control-rewind:before {
content: "\e070"; }
.icon-control-play:before {
content: "\e071"; }
.icon-control-pause:before {
content: "\e072"; }
.icon-control-forward:before {
content: "\e073"; }
.icon-control-end:before {
content: "\e074"; }
.icon-volume-1:before {
content: "\e09f"; }
.icon-volume-2:before {
content: "\e0a0"; }
.icon-volume-off:before {
content: "\e0a1"; }
.icon-calender:before {
content: "\e075"; }
.icon-bulb:before {
content: "\e076"; }
.icon-chart:before {
content: "\e077"; }
.icon-ban:before {
content: "\e07c"; }
.icon-bubble:before {
content: "\e07d"; }
.icon-camrecorder:before {
content: "\e07e"; }
.icon-camera:before {
content: "\e07f"; }
.icon-cloud-download:before {
content: "\e083"; }
.icon-cloud-upload:before {
content: "\e084"; }
.icon-envelope:before {
content: "\e086"; }
.icon-eye:before {
content: "\e087"; }
.icon-flag:before {
content: "\e088"; }
.icon-heart:before {
content: "\e08a"; }
.icon-info:before {
content: "\e08b"; }
.icon-key:before {
content: "\e08c"; }
.icon-link:before {
content: "\e08d"; }
.icon-lock:before {
content: "\e08e"; }
.icon-lock-open:before {
content: "\e08f"; }
.icon-magnifier:before {
content: "\e090"; }
.icon-magnifier-add:before {
content: "\e091"; }
.icon-magnifier-remove:before {
content: "\e092"; }
.icon-paper-clip:before {
content: "\e093"; }
.icon-paper-plane:before {
content: "\e094"; }
.icon-power:before {
content: "\e097"; }
.icon-refresh:before {
content: "\e098"; }
.icon-reload:before {
content: "\e099"; }
.icon-settings:before {
content: "\e09a"; }
.icon-star:before {
content: "\e09b"; }
.icon-symble-female:before {
content: "\e09c"; }
.icon-symbol-male:before {
content: "\e09d"; }
.icon-target:before {
content: "\e09e"; }
.icon-credit-card:before {
content: "\e025"; }
.icon-paypal:before {
content: "\e608"; }
.icon-social-tumblr:before {
content: "\e00a"; }
.icon-social-twitter:before {
content: "\e009"; }
.icon-social-facebook:before {
content: "\e00b"; }
.icon-social-instagram:before {
content: "\e609"; }
.icon-social-linkedin:before {
content: "\e60a"; }
.icon-social-pintarest:before {
content: "\e60b"; }
.icon-social-github:before {
content: "\e60c"; }
.icon-social-gplus:before {
content: "\e60d"; }
.icon-social-reddit:before {
content: "\e60e"; }
.icon-social-skype:before {
content: "\e60f"; }
.icon-social-dribbble:before {
content: "\e00d"; }
.icon-social-behance:before {
content: "\e610"; }
.icon-social-foursqare:before {
content: "\e611"; }
.icon-social-soundcloud:before {
content: "\e612"; }
.icon-social-spotify:before {
content: "\e613"; }
.icon-social-stumbleupon:before {
content: "\e614"; }
.icon-social-youtube:before {
content: "\e008"; }
.icon-social-dropbox:before {
content: "\e00c"; }
/*!
Ionicons, v1.5.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
font-family: "Ionicons";
src: url('ionicons.eot?v=1.5.0');
src: url('ionicons.eot?v=1.5.0#iefix') format("embedded-opentype"), url('ionicons.ttf?v=1.5.0') format("truetype"), url('ionicons.woff?v=1.5.0') format("woff"), url('ionicons.svg?v=1.5.0#Ionicons') format("svg");
font-weight: normal;
font-style: normal; }
.ion, .ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading, .ionicons,
.ion-alert,
.ion-alert-circled,
.ion-android-add,
.ion-android-add-contact,
.ion-android-alarm,
.ion-android-archive,
.ion-android-arrow-back,
.ion-android-arrow-down-left,
.ion-android-arrow-down-right,
.ion-android-arrow-forward,
.ion-android-arrow-up-left,
.ion-android-arrow-up-right,
.ion-android-battery,
.ion-android-book,
.ion-android-calendar,
.ion-android-call,
.ion-android-camera,
.ion-android-chat,
.ion-android-checkmark,
.ion-android-clock,
.ion-android-close,
.ion-android-contact,
.ion-android-contacts,
.ion-android-data,
.ion-android-developer,
.ion-android-display,
.ion-android-download,
.ion-android-drawer,
.ion-android-dropdown,
.ion-android-earth,
.ion-android-folder,
.ion-android-forums,
.ion-android-friends,
.ion-android-hand,
.ion-android-image,
.ion-android-inbox,
.ion-android-information,
.ion-android-keypad,
.ion-android-lightbulb,
.ion-android-locate,
.ion-android-location,
.ion-android-mail,
.ion-android-microphone,
.ion-android-mixer,
.ion-android-more,
.ion-android-note,
.ion-android-playstore,
.ion-android-printer,
.ion-android-promotion,
.ion-android-reminder,
.ion-android-remove,
.ion-android-search,
.ion-android-send,
.ion-android-settings,
.ion-android-share,
.ion-android-social,
.ion-android-social-user,
.ion-android-sort,
.ion-android-stair-drawer,
.ion-android-star,
.ion-android-stopwatch,
.ion-android-storage,
.ion-android-system-back,
.ion-android-system-home,
.ion-android-system-windows,
.ion-android-timer,
.ion-android-trash,
.ion-android-user-menu,
.ion-android-volume,
.ion-android-wifi,
.ion-aperture,
.ion-archive,
.ion-arrow-down-a,
.ion-arrow-down-b,
.ion-arrow-down-c,
.ion-arrow-expand,
.ion-arrow-graph-down-left,
.ion-arrow-graph-down-right,
.ion-arrow-graph-up-left,
.ion-arrow-graph-up-right,
.ion-arrow-left-a,
.ion-arrow-left-b,
.ion-arrow-left-c,
.ion-arrow-move,
.ion-arrow-resize,
.ion-arrow-return-left,
.ion-arrow-return-right,
.ion-arrow-right-a,
.ion-arrow-right-b,
.ion-arrow-right-c,
.ion-arrow-shrink,
.ion-arrow-swap,
.ion-arrow-up-a,
.ion-arrow-up-b,
.ion-arrow-up-c,
.ion-asterisk,
.ion-at,
.ion-bag,
.ion-battery-charging,
.ion-battery-empty,
.ion-battery-full,
.ion-battery-half,
.ion-battery-low,
.ion-beaker,
.ion-beer,
.ion-bluetooth,
.ion-bonfire,
.ion-bookmark,
.ion-briefcase,
.ion-bug,
.ion-calculator,
.ion-calendar,
.ion-camera,
.ion-card,
.ion-cash,
.ion-chatbox,
.ion-chatbox-working,
.ion-chatboxes,
.ion-chatbubble,
.ion-chatbubble-working,
.ion-chatbubbles,
.ion-checkmark,
.ion-checkmark-circled,
.ion-checkmark-round,
.ion-chevron-down,
.ion-chevron-left,
.ion-chevron-right,
.ion-chevron-up,
.ion-clipboard,
.ion-clock,
.ion-close,
.ion-close-circled,
.ion-close-round,
.ion-closed-captioning,
.ion-cloud,
.ion-code,
.ion-code-download,
.ion-code-working,
.ion-coffee,
.ion-compass,
.ion-compose,
.ion-connection-bars,
.ion-contrast,
.ion-cube,
.ion-disc,
.ion-document,
.ion-document-text,
.ion-drag,
.ion-earth,
.ion-edit,
.ion-egg,
.ion-eject,
.ion-email,
.ion-eye,
.ion-eye-disabled,
.ion-female,
.ion-filing,
.ion-film-marker,
.ion-fireball,
.ion-flag,
.ion-flame,
.ion-flash,
.ion-flash-off,
.ion-flask,
.ion-folder,
.ion-fork,
.ion-fork-repo,
.ion-forward,
.ion-funnel,
.ion-game-controller-a,
.ion-game-controller-b,
.ion-gear-a,
.ion-gear-b,
.ion-grid,
.ion-hammer,
.ion-happy,
.ion-headphone,
.ion-heart,
.ion-heart-broken,
.ion-help,
.ion-help-buoy,
.ion-help-circled,
.ion-home,
.ion-icecream,
.ion-icon-social-google-plus,
.ion-icon-social-google-plus-outline,
.ion-image,
.ion-images,
.ion-information,
.ion-information-circled,
.ion-ionic,
.ion-ios7-alarm,
.ion-ios7-alarm-outline,
.ion-ios7-albums,
.ion-ios7-albums-outline,
.ion-ios7-americanfootball,
.ion-ios7-americanfootball-outline,
.ion-ios7-analytics,
.ion-ios7-analytics-outline,
.ion-ios7-arrow-back,
.ion-ios7-arrow-down,
.ion-ios7-arrow-forward,
.ion-ios7-arrow-left,
.ion-ios7-arrow-right,
.ion-ios7-arrow-thin-down,
.ion-ios7-arrow-thin-left,
.ion-ios7-arrow-thin-right,
.ion-ios7-arrow-thin-up,
.ion-ios7-arrow-up,
.ion-ios7-at,
.ion-ios7-at-outline,
.ion-ios7-barcode,
.ion-ios7-barcode-outline,
.ion-ios7-baseball,
.ion-ios7-baseball-outline,
.ion-ios7-basketball,
.ion-ios7-basketball-outline,
.ion-ios7-bell,
.ion-ios7-bell-outline,
.ion-ios7-bolt,
.ion-ios7-bolt-outline,
.ion-ios7-bookmarks,
.ion-ios7-bookmarks-outline,
.ion-ios7-box,
.ion-ios7-box-outline,
.ion-ios7-briefcase,
.ion-ios7-briefcase-outline,
.ion-ios7-browsers,
.ion-ios7-browsers-outline,
.ion-ios7-calculator,
.ion-ios7-calculator-outline,
.ion-ios7-calendar,
.ion-ios7-calendar-outline,
.ion-ios7-camera,
.ion-ios7-camera-outline,
.ion-ios7-cart,
.ion-ios7-cart-outline,
.ion-ios7-chatboxes,
.ion-ios7-chatboxes-outline,
.ion-ios7-chatbubble,
.ion-ios7-chatbubble-outline,
.ion-ios7-checkmark,
.ion-ios7-checkmark-empty,
.ion-ios7-checkmark-outline,
.ion-ios7-circle-filled,
.ion-ios7-circle-outline,
.ion-ios7-clock,
.ion-ios7-clock-outline,
.ion-ios7-close,
.ion-ios7-close-empty,
.ion-ios7-close-outline,
.ion-ios7-cloud,
.ion-ios7-cloud-download,
.ion-ios7-cloud-download-outline,
.ion-ios7-cloud-outline,
.ion-ios7-cloud-upload,
.ion-ios7-cloud-upload-outline,
.ion-ios7-cloudy,
.ion-ios7-cloudy-night,
.ion-ios7-cloudy-night-outline,
.ion-ios7-cloudy-outline,
.ion-ios7-cog,
.ion-ios7-cog-outline,
.ion-ios7-compose,
.ion-ios7-compose-outline,
.ion-ios7-contact,
.ion-ios7-contact-outline,
.ion-ios7-copy,
.ion-ios7-copy-outline,
.ion-ios7-download,
.ion-ios7-download-outline,
.ion-ios7-drag,
.ion-ios7-email,
.ion-ios7-email-outline,
.ion-ios7-expand,
.ion-ios7-eye,
.ion-ios7-eye-outline,
.ion-ios7-fastforward,
.ion-ios7-fastforward-outline,
.ion-ios7-filing,
.ion-ios7-filing-outline,
.ion-ios7-film,
.ion-ios7-film-outline,
.ion-ios7-flag,
.ion-ios7-flag-outline,
.ion-ios7-folder,
.ion-ios7-folder-outline,
.ion-ios7-football,
.ion-ios7-football-outline,
.ion-ios7-gear,
.ion-ios7-gear-outline,
.ion-ios7-glasses,
.ion-ios7-glasses-outline,
.ion-ios7-heart,
.ion-ios7-heart-outline,
.ion-ios7-help,
.ion-ios7-help-empty,
.ion-ios7-help-outline,
.ion-ios7-home,
.ion-ios7-home-outline,
.ion-ios7-infinite,
.ion-ios7-infinite-outline,
.ion-ios7-information,
.ion-ios7-information-empty,
.ion-ios7-information-outline,
.ion-ios7-ionic-outline,
.ion-ios7-keypad,
.ion-ios7-keypad-outline,
.ion-ios7-lightbulb,
.ion-ios7-lightbulb-outline,
.ion-ios7-location,
.ion-ios7-location-outline,
.ion-ios7-locked,
.ion-ios7-locked-outline,
.ion-ios7-loop,
.ion-ios7-loop-strong,
.ion-ios7-medkit,
.ion-ios7-medkit-outline,
.ion-ios7-mic,
.ion-ios7-mic-off,
.ion-ios7-mic-outline,
.ion-ios7-minus,
.ion-ios7-minus-empty,
.ion-ios7-minus-outline,
.ion-ios7-monitor,
.ion-ios7-monitor-outline,
.ion-ios7-moon,
.ion-ios7-moon-outline,
.ion-ios7-more,
.ion-ios7-more-outline,
.ion-ios7-musical-note,
.ion-ios7-musical-notes,
.ion-ios7-navigate,
.ion-ios7-navigate-outline,
.ion-ios7-paper,
.ion-ios7-paper-outline,
.ion-ios7-paperplane,
.ion-ios7-paperplane-outline,
.ion-ios7-partlysunny,
.ion-ios7-partlysunny-outline,
.ion-ios7-pause,
.ion-ios7-pause-outline,
.ion-ios7-paw,
.ion-ios7-paw-outline,
.ion-ios7-people,
.ion-ios7-people-outline,
.ion-ios7-person,
.ion-ios7-person-outline,
.ion-ios7-personadd,
.ion-ios7-personadd-outline,
.ion-ios7-photos,
.ion-ios7-photos-outline,
.ion-ios7-pie,
.ion-ios7-pie-outline,
.ion-ios7-play,
.ion-ios7-play-outline,
.ion-ios7-plus,
.ion-ios7-plus-empty,
.ion-ios7-plus-outline,
.ion-ios7-pricetag,
.ion-ios7-pricetag-outline,
.ion-ios7-pricetags,
.ion-ios7-pricetags-outline,
.ion-ios7-printer,
.ion-ios7-printer-outline,
.ion-ios7-pulse,
.ion-ios7-pulse-strong,
.ion-ios7-rainy,
.ion-ios7-rainy-outline,
.ion-ios7-recording,
.ion-ios7-recording-outline,
.ion-ios7-redo,
.ion-ios7-redo-outline,
.ion-ios7-refresh,
.ion-ios7-refresh-empty,
.ion-ios7-refresh-outline,
.ion-ios7-reload,
.ion-ios7-reverse-camera,
.ion-ios7-reverse-camera-outline,
.ion-ios7-rewind,
.ion-ios7-rewind-outline,
.ion-ios7-search,
.ion-ios7-search-strong,
.ion-ios7-settings,
.ion-ios7-settings-strong,
.ion-ios7-shrink,
.ion-ios7-skipbackward,
.ion-ios7-skipbackward-outline,
.ion-ios7-skipforward,
.ion-ios7-skipforward-outline,
.ion-ios7-snowy,
.ion-ios7-speedometer,
.ion-ios7-speedometer-outline,
.ion-ios7-star,
.ion-ios7-star-half,
.ion-ios7-star-outline,
.ion-ios7-stopwatch,
.ion-ios7-stopwatch-outline,
.ion-ios7-sunny,
.ion-ios7-sunny-outline,
.ion-ios7-telephone,
.ion-ios7-telephone-outline,
.ion-ios7-tennisball,
.ion-ios7-tennisball-outline,
.ion-ios7-thunderstorm,
.ion-ios7-thunderstorm-outline,
.ion-ios7-time,
.ion-ios7-time-outline,
.ion-ios7-timer,
.ion-ios7-timer-outline,
.ion-ios7-toggle,
.ion-ios7-toggle-outline,
.ion-ios7-trash,
.ion-ios7-trash-outline,
.ion-ios7-undo,
.ion-ios7-undo-outline,
.ion-ios7-unlocked,
.ion-ios7-unlocked-outline,
.ion-ios7-upload,
.ion-ios7-upload-outline,
.ion-ios7-videocam,
.ion-ios7-videocam-outline,
.ion-ios7-volume-high,
.ion-ios7-volume-low,
.ion-ios7-wineglass,
.ion-ios7-wineglass-outline,
.ion-ios7-world,
.ion-ios7-world-outline,
.ion-ipad,
.ion-iphone,
.ion-ipod,
.ion-jet,
.ion-key,
.ion-knife,
.ion-laptop,
.ion-leaf,
.ion-levels,
.ion-lightbulb,
.ion-link,
.ion-load-a,
.ion-load-b,
.ion-load-c,
.ion-load-d,
.ion-location,
.ion-locked,
.ion-log-in,
.ion-log-out,
.ion-loop,
.ion-magnet,
.ion-male,
.ion-man,
.ion-map,
.ion-medkit,
.ion-merge,
.ion-mic-a,
.ion-mic-b,
.ion-mic-c,
.ion-minus,
.ion-minus-circled,
.ion-minus-round,
.ion-model-s,
.ion-monitor,
.ion-more,
.ion-mouse,
.ion-music-note,
.ion-navicon,
.ion-navicon-round,
.ion-navigate,
.ion-network,
.ion-no-smoking,
.ion-nuclear,
.ion-outlet,
.ion-paper-airplane,
.ion-paperclip,
.ion-pause,
.ion-person,
.ion-person-add,
.ion-person-stalker,
.ion-pie-graph,
.ion-pin,
.ion-pinpoint,
.ion-pizza,
.ion-plane,
.ion-planet,
.ion-play,
.ion-playstation,
.ion-plus,
.ion-plus-circled,
.ion-plus-round,
.ion-podium,
.ion-pound,
.ion-power,
.ion-pricetag,
.ion-pricetags,
.ion-printer,
.ion-pull-request,
.ion-qr-scanner,
.ion-quote,
.ion-radio-waves,
.ion-record,
.ion-refresh,
.ion-reply,
.ion-reply-all,
.ion-ribbon-a,
.ion-ribbon-b,
.ion-sad,
.ion-scissors,
.ion-search,
.ion-settings,
.ion-share,
.ion-shuffle,
.ion-skip-backward,
.ion-skip-forward,
.ion-social-android,
.ion-social-android-outline,
.ion-social-apple,
.ion-social-apple-outline,
.ion-social-bitcoin,
.ion-social-bitcoin-outline,
.ion-social-buffer,
.ion-social-buffer-outline,
.ion-social-designernews,
.ion-social-designernews-outline,
.ion-social-dribbble,
.ion-social-dribbble-outline,
.ion-social-dropbox,
.ion-social-dropbox-outline,
.ion-social-facebook,
.ion-social-facebook-outline,
.ion-social-foursquare,
.ion-social-foursquare-outline,
.ion-social-freebsd-devil,
.ion-social-github,
.ion-social-github-outline,
.ion-social-google,
.ion-social-google-outline,
.ion-social-googleplus,
.ion-social-googleplus-outline,
.ion-social-hackernews,
.ion-social-hackernews-outline,
.ion-social-instagram,
.ion-social-instagram-outline,
.ion-social-linkedin,
.ion-social-linkedin-outline,
.ion-social-pinterest,
.ion-social-pinterest-outline,
.ion-social-reddit,
.ion-social-reddit-outline,
.ion-social-rss,
.ion-social-rss-outline,
.ion-social-skype,
.ion-social-skype-outline,
.ion-social-tumblr,
.ion-social-tumblr-outline,
.ion-social-tux,
.ion-social-twitter,
.ion-social-twitter-outline,
.ion-social-usd,
.ion-social-usd-outline,
.ion-social-vimeo,
.ion-social-vimeo-outline,
.ion-social-windows,
.ion-social-windows-outline,
.ion-social-wordpress,
.ion-social-wordpress-outline,
.ion-social-yahoo,
.ion-social-yahoo-outline,
.ion-social-youtube,
.ion-social-youtube-outline,
.ion-speakerphone,
.ion-speedometer,
.ion-spoon,
.ion-star,
.ion-stats-bars,
.ion-steam,
.ion-stop,
.ion-thermometer,
.ion-thumbsdown,
.ion-thumbsup,
.ion-toggle,
.ion-toggle-filled,
.ion-trash-a,
.ion-trash-b,
.ion-trophy,
.ion-umbrella,
.ion-university,
.ion-unlocked,
.ion-upload,
.ion-usb,
.ion-videocamera,
.ion-volume-high,
.ion-volume-low,
.ion-volume-medium,
.ion-volume-mute,
.ion-wand,
.ion-waterdrop,
.ion-wifi,
.ion-wineglass,
.ion-woman,
.ion-wrench,
.ion-xbox {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ion-spin, .ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading {
animation: spin 1s infinite linear; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.ion-loading-a {
animation-timing-function: steps(8, start); }
.ion-alert:before {
content: ""; }
.ion-alert-circled:before {
content: ""; }
.ion-android-add:before {
content: ""; }
.ion-android-add-contact:before {
content: ""; }
.ion-android-alarm:before {
content: ""; }
.ion-android-archive:before {
content: ""; }
.ion-android-arrow-back:before {
content: ""; }
.ion-android-arrow-down-left:before {
content: ""; }
.ion-android-arrow-down-right:before {
content: ""; }
.ion-android-arrow-forward:before {
content: ""; }
.ion-android-arrow-up-left:before {
content: ""; }
.ion-android-arrow-up-right:before {
content: ""; }
.ion-android-battery:before {
content: ""; }
.ion-android-book:before {
content: ""; }
.ion-android-calendar:before {
content: ""; }
.ion-android-call:before {
content: ""; }
.ion-android-camera:before {
content: ""; }
.ion-android-chat:before {
content: ""; }
.ion-android-checkmark:before {
content: ""; }
.ion-android-clock:before {
content: ""; }
.ion-android-close:before {
content: ""; }
.ion-android-contact:before {
content: ""; }
.ion-android-contacts:before {
content: ""; }
.ion-android-data:before {
content: ""; }
.ion-android-developer:before {
content: ""; }
.ion-android-display:before {
content: ""; }
.ion-android-download:before {
content: ""; }
.ion-android-drawer:before {
content: ""; }
.ion-android-dropdown:before {
content: ""; }
.ion-android-earth:before {
content: ""; }
.ion-android-folder:before {
content: ""; }
.ion-android-forums:before {
content: ""; }
.ion-android-friends:before {
content: ""; }
.ion-android-hand:before {
content: ""; }
.ion-android-image:before {
content: ""; }
.ion-android-inbox:before {
content: ""; }
.ion-android-information:before {
content: ""; }
.ion-android-keypad:before {
content: ""; }
.ion-android-lightbulb:before {
content: ""; }
.ion-android-locate:before {
content: ""; }
.ion-android-location:before {
content: ""; }
.ion-android-mail:before {
content: ""; }
.ion-android-microphone:before {
content: ""; }
.ion-android-mixer:before {
content: ""; }
.ion-android-more:before {
content: ""; }
.ion-android-note:before {
content: ""; }
.ion-android-playstore:before {
content: ""; }
.ion-android-printer:before {
content: ""; }
.ion-android-promotion:before {
content: ""; }
.ion-android-reminder:before {
content: ""; }
.ion-android-remove:before {
content: ""; }
.ion-android-search:before {
content: ""; }
.ion-android-send:before {
content: ""; }
.ion-android-settings:before {
content: ""; }
.ion-android-share:before {
content: ""; }
.ion-android-social:before {
content: ""; }
.ion-android-social-user:before {
content: ""; }
.ion-android-sort:before {
content: ""; }
.ion-android-stair-drawer:before {
content: ""; }
.ion-android-star:before {
content: ""; }
.ion-android-stopwatch:before {
content: ""; }
.ion-android-storage:before {
content: ""; }
.ion-android-system-back:before {
content: ""; }
.ion-android-system-home:before {
content: ""; }
.ion-android-system-windows:before {
content: ""; }
.ion-android-timer:before {
content: ""; }
.ion-android-trash:before {
content: ""; }
.ion-android-user-menu:before {
content: ""; }
.ion-android-volume:before {
content: ""; }
.ion-android-wifi:before {
content: ""; }
.ion-aperture:before {
content: ""; }
.ion-archive:before {
content: ""; }
.ion-arrow-down-a:before {
content: ""; }
.ion-arrow-down-b:before {
content: ""; }
.ion-arrow-down-c:before {
content: ""; }
.ion-arrow-expand:before {
content: ""; }
.ion-arrow-graph-down-left:before {
content: ""; }
.ion-arrow-graph-down-right:before {
content: ""; }
.ion-arrow-graph-up-left:before {
content: ""; }
.ion-arrow-graph-up-right:before {
content: ""; }
.ion-arrow-left-a:before {
content: ""; }
.ion-arrow-left-b:before {
content: ""; }
.ion-arrow-left-c:before {
content: ""; }
.ion-arrow-move:before {
content: ""; }
.ion-arrow-resize:before {
content: ""; }
.ion-arrow-return-left:before {
content: ""; }
.ion-arrow-return-right:before {
content: ""; }
.ion-arrow-right-a:before {
content: ""; }
.ion-arrow-right-b:before {
content: ""; }
.ion-arrow-right-c:before {
content: ""; }
.ion-arrow-shrink:before {
content: ""; }
.ion-arrow-swap:before {
content: ""; }
.ion-arrow-up-a:before {
content: ""; }
.ion-arrow-up-b:before {
content: ""; }
.ion-arrow-up-c:before {
content: ""; }
.ion-asterisk:before {
content: ""; }
.ion-at:before {
content: ""; }
.ion-bag:before {
content: ""; }
.ion-battery-charging:before {
content: ""; }
.ion-battery-empty:before {
content: ""; }
.ion-battery-full:before {
content: ""; }
.ion-battery-half:before {
content: ""; }
.ion-battery-low:before {
content: ""; }
.ion-beaker:before {
content: ""; }
.ion-beer:before {
content: ""; }
.ion-bluetooth:before {
content: ""; }
.ion-bonfire:before {
content: ""; }
.ion-bookmark:before {
content: ""; }
.ion-briefcase:before {
content: ""; }
.ion-bug:before {
content: ""; }
.ion-calculator:before {
content: ""; }
.ion-calendar:before {
content: ""; }
.ion-camera:before {
content: ""; }
.ion-card:before {
content: ""; }
.ion-cash:before {
content: ""; }
.ion-chatbox:before {
content: ""; }
.ion-chatbox-working:before {
content: ""; }
.ion-chatboxes:before {
content: ""; }
.ion-chatbubble:before {
content: ""; }
.ion-chatbubble-working:before {
content: ""; }
.ion-chatbubbles:before {
content: ""; }
.ion-checkmark:before {
content: ""; }
.ion-checkmark-circled:before {
content: ""; }
.ion-checkmark-round:before {
content: ""; }
.ion-chevron-down:before {
content: ""; }
.ion-chevron-left:before {
content: ""; }
.ion-chevron-right:before {
content: ""; }
.ion-chevron-up:before {
content: ""; }
.ion-clipboard:before {
content: ""; }
.ion-clock:before {
content: ""; }
.ion-close:before {
content: ""; }
.ion-close-circled:before {
content: ""; }
.ion-close-round:before {
content: ""; }
.ion-closed-captioning:before {
content: ""; }
.ion-cloud:before {
content: ""; }
.ion-code:before {
content: ""; }
.ion-code-download:before {
content: ""; }
.ion-code-working:before {
content: ""; }
.ion-coffee:before {
content: ""; }
.ion-compass:before {
content: ""; }
.ion-compose:before {
content: ""; }
.ion-connection-bars:before {
content: ""; }
.ion-contrast:before {
content: ""; }
.ion-cube:before {
content: ""; }
.ion-disc:before {
content: ""; }
.ion-document:before {
content: ""; }
.ion-document-text:before {
content: ""; }
.ion-drag:before {
content: ""; }
.ion-earth:before {
content: ""; }
.ion-edit:before {
content: ""; }
.ion-egg:before {
content: ""; }
.ion-eject:before {
content: ""; }
.ion-email:before {
content: ""; }
.ion-eye:before {
content: ""; }
.ion-eye-disabled:before {
content: ""; }
.ion-female:before {
content: ""; }
.ion-filing:before {
content: ""; }
.ion-film-marker:before {
content: ""; }
.ion-fireball:before {
content: ""; }
.ion-flag:before {
content: ""; }
.ion-flame:before {
content: ""; }
.ion-flash:before {
content: ""; }
.ion-flash-off:before {
content: ""; }
.ion-flask:before {
content: ""; }
.ion-folder:before {
content: ""; }
.ion-fork:before {
content: ""; }
.ion-fork-repo:before {
content: ""; }
.ion-forward:before {
content: ""; }
.ion-funnel:before {
content: ""; }
.ion-game-controller-a:before {
content: ""; }
.ion-game-controller-b:before {
content: ""; }
.ion-gear-a:before {
content: ""; }
.ion-gear-b:before {
content: ""; }
.ion-grid:before {
content: ""; }
.ion-hammer:before {
content: ""; }
.ion-happy:before {
content: ""; }
.ion-headphone:before {
content: ""; }
.ion-heart:before {
content: ""; }
.ion-heart-broken:before {
content: ""; }
.ion-help:before {
content: ""; }
.ion-help-buoy:before {
content: ""; }
.ion-help-circled:before {
content: ""; }
.ion-home:before {
content: ""; }
.ion-icecream:before {
content: ""; }
.ion-icon-social-google-plus:before {
content: ""; }
.ion-icon-social-google-plus-outline:before {
content: ""; }
.ion-image:before {
content: ""; }
.ion-images:before {
content: ""; }
.ion-information:before {
content: ""; }
.ion-information-circled:before {
content: ""; }
.ion-ionic:before {
content: ""; }
.ion-ios7-alarm:before {
content: ""; }
.ion-ios7-alarm-outline:before {
content: ""; }
.ion-ios7-albums:before {
content: ""; }
.ion-ios7-albums-outline:before {
content: ""; }
.ion-ios7-americanfootball:before {
content: ""; }
.ion-ios7-americanfootball-outline:before {
content: ""; }
.ion-ios7-analytics:before {
content: ""; }
.ion-ios7-analytics-outline:before {
content: ""; }
.ion-ios7-arrow-back:before {
content: ""; }
.ion-ios7-arrow-down:before {
content: ""; }
.ion-ios7-arrow-forward:before {
content: ""; }
.ion-ios7-arrow-left:before {
content: ""; }
.ion-ios7-arrow-right:before {
content: ""; }
.ion-ios7-arrow-thin-down:before {
content: ""; }
.ion-ios7-arrow-thin-left:before {
content: ""; }
.ion-ios7-arrow-thin-right:before {
content: ""; }
.ion-ios7-arrow-thin-up:before {
content: ""; }
.ion-ios7-arrow-up:before {
content: ""; }
.ion-ios7-at:before {
content: ""; }
.ion-ios7-at-outline:before {
content: ""; }
.ion-ios7-barcode:before {
content: ""; }
.ion-ios7-barcode-outline:before {
content: ""; }
.ion-ios7-baseball:before {
content: ""; }
.ion-ios7-baseball-outline:before {
content: ""; }
.ion-ios7-basketball:before {
content: ""; }
.ion-ios7-basketball-outline:before {
content: ""; }
.ion-ios7-bell:before {
content: ""; }
.ion-ios7-bell-outline:before {
content: ""; }
.ion-ios7-bolt:before {
content: ""; }
.ion-ios7-bolt-outline:before {
content: ""; }
.ion-ios7-bookmarks:before {
content: ""; }
.ion-ios7-bookmarks-outline:before {
content: ""; }
.ion-ios7-box:before {
content: ""; }
.ion-ios7-box-outline:before {
content: ""; }
.ion-ios7-briefcase:before {
content: ""; }
.ion-ios7-briefcase-outline:before {
content: ""; }
.ion-ios7-browsers:before {
content: ""; }
.ion-ios7-browsers-outline:before {
content: ""; }
.ion-ios7-calculator:before {
content: ""; }
.ion-ios7-calculator-outline:before {
content: ""; }
.ion-ios7-calendar:before {
content: ""; }
.ion-ios7-calendar-outline:before {
content: ""; }
.ion-ios7-camera:before {
content: ""; }
.ion-ios7-camera-outline:before {
content: ""; }
.ion-ios7-cart:before {
content: ""; }
.ion-ios7-cart-outline:before {
content: ""; }
.ion-ios7-chatboxes:before {
content: ""; }
.ion-ios7-chatboxes-outline:before {
content: ""; }
.ion-ios7-chatbubble:before {
content: ""; }
.ion-ios7-chatbubble-outline:before {
content: ""; }
.ion-ios7-checkmark:before {
content: ""; }
.ion-ios7-checkmark-empty:before {
content: ""; }
.ion-ios7-checkmark-outline:before {
content: ""; }
.ion-ios7-circle-filled:before {
content: ""; }
.ion-ios7-circle-outline:before {
content: ""; }
.ion-ios7-clock:before {
content: ""; }
.ion-ios7-clock-outline:before {
content: ""; }
.ion-ios7-close:before {
content: ""; }
.ion-ios7-close-empty:before {
content: ""; }
.ion-ios7-close-outline:before {
content: ""; }
.ion-ios7-cloud:before {
content: ""; }
.ion-ios7-cloud-download:before {
content: ""; }
.ion-ios7-cloud-download-outline:before {
content: ""; }
.ion-ios7-cloud-outline:before {
content: ""; }
.ion-ios7-cloud-upload:before {
content: ""; }
.ion-ios7-cloud-upload-outline:before {
content: ""; }
.ion-ios7-cloudy:before {
content: ""; }
.ion-ios7-cloudy-night:before {
content: ""; }
.ion-ios7-cloudy-night-outline:before {
content: ""; }
.ion-ios7-cloudy-outline:before {
content: ""; }
.ion-ios7-cog:before {
content: ""; }
.ion-ios7-cog-outline:before {
content: ""; }
.ion-ios7-compose:before {
content: ""; }
.ion-ios7-compose-outline:before {
content: ""; }
.ion-ios7-contact:before {
content: ""; }
.ion-ios7-contact-outline:before {
content: ""; }
.ion-ios7-copy:before {
content: ""; }
.ion-ios7-copy-outline:before {
content: ""; }
.ion-ios7-download:before {
content: ""; }
.ion-ios7-download-outline:before {
content: ""; }
.ion-ios7-drag:before {
content: ""; }
.ion-ios7-email:before {
content: ""; }
.ion-ios7-email-outline:before {
content: ""; }
.ion-ios7-expand:before {
content: ""; }
.ion-ios7-eye:before {
content: ""; }
.ion-ios7-eye-outline:before {
content: ""; }
.ion-ios7-fastforward:before {
content: ""; }
.ion-ios7-fastforward-outline:before {
content: ""; }
.ion-ios7-filing:before {
content: ""; }
.ion-ios7-filing-outline:before {
content: ""; }
.ion-ios7-film:before {
content: ""; }
.ion-ios7-film-outline:before {
content: ""; }
.ion-ios7-flag:before {
content: ""; }
.ion-ios7-flag-outline:before {
content: ""; }
.ion-ios7-folder:before {
content: ""; }
.ion-ios7-folder-outline:before {
content: ""; }
.ion-ios7-football:before {
content: ""; }
.ion-ios7-football-outline:before {
content: ""; }
.ion-ios7-gear:before {
content: ""; }
.ion-ios7-gear-outline:before {
content: ""; }
.ion-ios7-glasses:before {
content: ""; }
.ion-ios7-glasses-outline:before {
content: ""; }
.ion-ios7-heart:before {
content: ""; }
.ion-ios7-heart-outline:before {
content: ""; }
.ion-ios7-help:before {
content: ""; }
.ion-ios7-help-empty:before {
content: ""; }
.ion-ios7-help-outline:before {
content: ""; }
.ion-ios7-home:before {
content: ""; }
.ion-ios7-home-outline:before {
content: ""; }
.ion-ios7-infinite:before {
content: ""; }
.ion-ios7-infinite-outline:before {
content: ""; }
.ion-ios7-information:before {
content: ""; }
.ion-ios7-information-empty:before {
content: ""; }
.ion-ios7-information-outline:before {
content: ""; }
.ion-ios7-ionic-outline:before {
content: ""; }
.ion-ios7-keypad:before {
content: ""; }
.ion-ios7-keypad-outline:before {
content: ""; }
.ion-ios7-lightbulb:before {
content: ""; }
.ion-ios7-lightbulb-outline:before {
content: ""; }
.ion-ios7-location:before {
content: ""; }
.ion-ios7-location-outline:before {
content: ""; }
.ion-ios7-locked:before {
content: ""; }
.ion-ios7-locked-outline:before {
content: ""; }
.ion-ios7-loop:before {
content: ""; }
.ion-ios7-loop-strong:before {
content: ""; }
.ion-ios7-medkit:before {
content: ""; }
.ion-ios7-medkit-outline:before {
content: ""; }
.ion-ios7-mic:before {
content: ""; }
.ion-ios7-mic-off:before {
content: ""; }
.ion-ios7-mic-outline:before {
content: ""; }
.ion-ios7-minus:before {
content: ""; }
.ion-ios7-minus-empty:before {
content: ""; }
.ion-ios7-minus-outline:before {
content: ""; }
.ion-ios7-monitor:before {
content: ""; }
.ion-ios7-monitor-outline:before {
content: ""; }
.ion-ios7-moon:before {
content: ""; }
.ion-ios7-moon-outline:before {
content: ""; }
.ion-ios7-more:before {
content: ""; }
.ion-ios7-more-outline:before {
content: ""; }
.ion-ios7-musical-note:before {
content: ""; }
.ion-ios7-musical-notes:before {
content: ""; }
.ion-ios7-navigate:before {
content: ""; }
.ion-ios7-navigate-outline:before {
content: ""; }
.ion-ios7-paper:before {
content: ""; }
.ion-ios7-paper-outline:before {
content: ""; }
.ion-ios7-paperplane:before {
content: ""; }
.ion-ios7-paperplane-outline:before {
content: ""; }
.ion-ios7-partlysunny:before {
content: ""; }
.ion-ios7-partlysunny-outline:before {
content: ""; }
.ion-ios7-pause:before {
content: ""; }
.ion-ios7-pause-outline:before {
content: ""; }
.ion-ios7-paw:before {
content: ""; }
.ion-ios7-paw-outline:before {
content: ""; }
.ion-ios7-people:before {
content: ""; }
.ion-ios7-people-outline:before {
content: ""; }
.ion-ios7-person:before {
content: ""; }
.ion-ios7-person-outline:before {
content: ""; }
.ion-ios7-personadd:before {
content: ""; }
.ion-ios7-personadd-outline:before {
content: ""; }
.ion-ios7-photos:before {
content: ""; }
.ion-ios7-photos-outline:before {
content: ""; }
.ion-ios7-pie:before {
content: ""; }
.ion-ios7-pie-outline:before {
content: ""; }
.ion-ios7-play:before {
content: ""; }
.ion-ios7-play-outline:before {
content: ""; }
.ion-ios7-plus:before {
content: ""; }
.ion-ios7-plus-empty:before {
content: ""; }
.ion-ios7-plus-outline:before {
content: ""; }
.ion-ios7-pricetag:before {
content: ""; }
.ion-ios7-pricetag-outline:before {
content: ""; }
.ion-ios7-pricetags:before {
content: ""; }
.ion-ios7-pricetags-outline:before {
content: ""; }
.ion-ios7-printer:before {
content: ""; }
.ion-ios7-printer-outline:before {
content: ""; }
.ion-ios7-pulse:before {
content: ""; }
.ion-ios7-pulse-strong:before {
content: ""; }
.ion-ios7-rainy:before {
content: ""; }
.ion-ios7-rainy-outline:before {
content: ""; }
.ion-ios7-recording:before {
content: ""; }
.ion-ios7-recording-outline:before {
content: ""; }
.ion-ios7-redo:before {
content: ""; }
.ion-ios7-redo-outline:before {
content: ""; }
.ion-ios7-refresh:before {
content: ""; }
.ion-ios7-refresh-empty:before {
content: ""; }
.ion-ios7-refresh-outline:before {
content: ""; }
.ion-ios7-reload:before, .ion-ios7-reloading:before {
content: ""; }
.ion-ios7-reverse-camera:before {
content: ""; }
.ion-ios7-reverse-camera-outline:before {
content: ""; }
.ion-ios7-rewind:before {
content: ""; }
.ion-ios7-rewind-outline:before {
content: ""; }
.ion-ios7-search:before {
content: ""; }
.ion-ios7-search-strong:before {
content: ""; }
.ion-ios7-settings:before {
content: ""; }
.ion-ios7-settings-strong:before {
content: ""; }
.ion-ios7-shrink:before {
content: ""; }
.ion-ios7-skipbackward:before {
content: ""; }
.ion-ios7-skipbackward-outline:before {
content: ""; }
.ion-ios7-skipforward:before {
content: ""; }
.ion-ios7-skipforward-outline:before {
content: ""; }
.ion-ios7-snowy:before {
content: ""; }
.ion-ios7-speedometer:before {
content: ""; }
.ion-ios7-speedometer-outline:before {
content: ""; }
.ion-ios7-star:before {
content: ""; }
.ion-ios7-star-half:before {
content: ""; }
.ion-ios7-star-outline:before {
content: ""; }
.ion-ios7-stopwatch:before {
content: ""; }
.ion-ios7-stopwatch-outline:before {
content: ""; }
.ion-ios7-sunny:before {
content: ""; }
.ion-ios7-sunny-outline:before {
content: ""; }
.ion-ios7-telephone:before {
content: ""; }
.ion-ios7-telephone-outline:before {
content: ""; }
.ion-ios7-tennisball:before {
content: ""; }
.ion-ios7-tennisball-outline:before {
content: ""; }
.ion-ios7-thunderstorm:before {
content: ""; }
.ion-ios7-thunderstorm-outline:before {
content: ""; }
.ion-ios7-time:before {
content: ""; }
.ion-ios7-time-outline:before {
content: ""; }
.ion-ios7-timer:before {
content: ""; }
.ion-ios7-timer-outline:before {
content: ""; }
.ion-ios7-toggle:before {
content: ""; }
.ion-ios7-toggle-outline:before {
content: ""; }
.ion-ios7-trash:before {
content: ""; }
.ion-ios7-trash-outline:before {
content: ""; }
.ion-ios7-undo:before {
content: ""; }
.ion-ios7-undo-outline:before {
content: ""; }
.ion-ios7-unlocked:before {
content: ""; }
.ion-ios7-unlocked-outline:before {
content: ""; }
.ion-ios7-upload:before {
content: ""; }
.ion-ios7-upload-outline:before {
content: ""; }
.ion-ios7-videocam:before {
content: ""; }
.ion-ios7-videocam-outline:before {
content: ""; }
.ion-ios7-volume-high:before {
content: ""; }
.ion-ios7-volume-low:before {
content: ""; }
.ion-ios7-wineglass:before {
content: ""; }
.ion-ios7-wineglass-outline:before {
content: ""; }
.ion-ios7-world:before {
content: ""; }
.ion-ios7-world-outline:before {
content: ""; }
.ion-ipad:before {
content: ""; }
.ion-iphone:before {
content: ""; }
.ion-ipod:before {
content: ""; }
.ion-jet:before {
content: ""; }
.ion-key:before {
content: ""; }
.ion-knife:before {
content: ""; }
.ion-laptop:before {
content: ""; }
.ion-leaf:before {
content: ""; }
.ion-levels:before {
content: ""; }
.ion-lightbulb:before {
content: ""; }
.ion-link:before {
content: ""; }
.ion-load-a:before, .ion-loading-a:before {
content: ""; }
.ion-load-b:before, .ion-loading-b:before {
content: ""; }
.ion-load-c:before, .ion-loading-c:before {
content: ""; }
.ion-load-d:before, .ion-loading-d:before {
content: ""; }
.ion-location:before {
content: ""; }
.ion-locked:before {
content: ""; }
.ion-log-in:before {
content: ""; }
.ion-log-out:before {
content: ""; }
.ion-loop:before, .ion-looping:before {
content: ""; }
.ion-magnet:before {
content: ""; }
.ion-male:before {
content: ""; }
.ion-man:before {
content: ""; }
.ion-map:before {
content: ""; }
.ion-medkit:before {
content: ""; }
.ion-merge:before {
content: ""; }
.ion-mic-a:before {
content: ""; }
.ion-mic-b:before {
content: ""; }
.ion-mic-c:before {
content: ""; }
.ion-minus:before {
content: ""; }
.ion-minus-circled:before {
content: ""; }
.ion-minus-round:before {
content: ""; }
.ion-model-s:before {
content: ""; }
.ion-monitor:before {
content: ""; }
.ion-more:before {
content: ""; }
.ion-mouse:before {
content: ""; }
.ion-music-note:before {
content: ""; }
.ion-navicon:before {
content: ""; }
.ion-navicon-round:before {
content: ""; }
.ion-navigate:before {
content: ""; }
.ion-network:before {
content: ""; }
.ion-no-smoking:before {
content: ""; }
.ion-nuclear:before {
content: ""; }
.ion-outlet:before {
content: ""; }
.ion-paper-airplane:before {
content: ""; }
.ion-paperclip:before {
content: ""; }
.ion-pause:before {
content: ""; }
.ion-person:before {
content: ""; }
.ion-person-add:before {
content: ""; }
.ion-person-stalker:before {
content: ""; }
.ion-pie-graph:before {
content: ""; }
.ion-pin:before {
content: ""; }
.ion-pinpoint:before {
content: ""; }
.ion-pizza:before {
content: ""; }
.ion-plane:before {
content: ""; }
.ion-planet:before {
content: ""; }
.ion-play:before {
content: ""; }
.ion-playstation:before {
content: ""; }
.ion-plus:before {
content: ""; }
.ion-plus-circled:before {
content: ""; }
.ion-plus-round:before {
content: ""; }
.ion-podium:before {
content: ""; }
.ion-pound:before {
content: ""; }
.ion-power:before {
content: ""; }
.ion-pricetag:before {
content: ""; }
.ion-pricetags:before {
content: ""; }
.ion-printer:before {
content: ""; }
.ion-pull-request:before {
content: ""; }
.ion-qr-scanner:before {
content: ""; }
.ion-quote:before {
content: ""; }
.ion-radio-waves:before {
content: ""; }
.ion-record:before {
content: ""; }
.ion-refresh:before, .ion-refreshing:before {
content: ""; }
.ion-reply:before {
content: ""; }
.ion-reply-all:before {
content: ""; }
.ion-ribbon-a:before {
content: ""; }
.ion-ribbon-b:before {
content: ""; }
.ion-sad:before {
content: ""; }
.ion-scissors:before {
content: ""; }
.ion-search:before {
content: ""; }
.ion-settings:before {
content: ""; }
.ion-share:before {
content: ""; }
.ion-shuffle:before {
content: ""; }
.ion-skip-backward:before {
content: ""; }
.ion-skip-forward:before {
content: ""; }
.ion-social-android:before {
content: ""; }
.ion-social-android-outline:before {
content: ""; }
.ion-social-apple:before {
content: ""; }
.ion-social-apple-outline:before {
content: ""; }
.ion-social-bitcoin:before {
content: ""; }
.ion-social-bitcoin-outline:before {
content: ""; }
.ion-social-buffer:before {
content: ""; }
.ion-social-buffer-outline:before {
content: ""; }
.ion-social-designernews:before {
content: ""; }
.ion-social-designernews-outline:before {
content: ""; }
.ion-social-dribbble:before {
content: ""; }
.ion-social-dribbble-outline:before {
content: ""; }
.ion-social-dropbox:before {
content: ""; }
.ion-social-dropbox-outline:before {
content: ""; }
.ion-social-facebook:before {
content: ""; }
.ion-social-facebook-outline:before {
content: ""; }
.ion-social-foursquare:before {
content: ""; }
.ion-social-foursquare-outline:before {
content: ""; }
.ion-social-freebsd-devil:before {
content: ""; }
.ion-social-github:before {
content: ""; }
.ion-social-github-outline:before {
content: ""; }
.ion-social-google:before {
content: ""; }
.ion-social-google-outline:before {
content: ""; }
.ion-social-googleplus:before {
content: ""; }
.ion-social-googleplus-outline:before {
content: ""; }
.ion-social-hackernews:before {
content: ""; }
.ion-social-hackernews-outline:before {
content: ""; }
.ion-social-instagram:before {
content: ""; }
.ion-social-instagram-outline:before {
content: ""; }
.ion-social-linkedin:before {
content: ""; }
.ion-social-linkedin-outline:before {
content: ""; }
.ion-social-pinterest:before {
content: ""; }
.ion-social-pinterest-outline:before {
content: ""; }
.ion-social-reddit:before {
content: ""; }
.ion-social-reddit-outline:before {
content: ""; }
.ion-social-rss:before {
content: ""; }
.ion-social-rss-outline:before {
content: ""; }
.ion-social-skype:before {
content: ""; }
.ion-social-skype-outline:before {
content: ""; }
.ion-social-tumblr:before {
content: ""; }
.ion-social-tumblr-outline:before {
content: ""; }
.ion-social-tux:before {
content: ""; }
.ion-social-twitter:before {
content: ""; }
.ion-social-twitter-outline:before {
content: ""; }
.ion-social-usd:before {
content: ""; }
.ion-social-usd-outline:before {
content: ""; }
.ion-social-vimeo:before {
content: ""; }
.ion-social-vimeo-outline:before {
content: ""; }
.ion-social-windows:before {
content: ""; }
.ion-social-windows-outline:before {
content: ""; }
.ion-social-wordpress:before {
content: ""; }
.ion-social-wordpress-outline:before {
content: ""; }
.ion-social-yahoo:before {
content: ""; }
.ion-social-yahoo-outline:before {
content: ""; }
.ion-social-youtube:before {
content: ""; }
.ion-social-youtube-outline:before {
content: ""; }
.ion-speakerphone:before {
content: ""; }
.ion-speedometer:before {
content: ""; }
.ion-spoon:before {
content: ""; }
.ion-star:before {
content: ""; }
.ion-stats-bars:before {
content: ""; }
.ion-steam:before {
content: ""; }
.ion-stop:before {
content: ""; }
.ion-thermometer:before {
content: ""; }
.ion-thumbsdown:before {
content: ""; }
.ion-thumbsup:before {
content: ""; }
.ion-toggle:before {
content: ""; }
.ion-toggle-filled:before {
content: ""; }
.ion-trash-a:before {
content: ""; }
.ion-trash-b:before {
content: ""; }
.ion-trophy:before {
content: ""; }
.ion-umbrella:before {
content: ""; }
.ion-university:before {
content: ""; }
.ion-unlocked:before {
content: ""; }
.ion-upload:before {
content: ""; }
.ion-usb:before {
content: ""; }
.ion-videocamera:before {
content: ""; }
.ion-volume-high:before {
content: ""; }
.ion-volume-low:before {
content: ""; }
.ion-volume-medium:before {
content: ""; }
.ion-volume-mute:before {
content: ""; }
.ion-wand:before {
content: ""; }
.ion-waterdrop:before {
content: ""; }
.ion-wifi:before {
content: ""; }
.ion-wineglass:before {
content: ""; }
.ion-woman:before {
content: ""; }
.ion-wrench:before {
content: ""; }
.ion-xbox:before {
content: ""; }
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@font-face {
font-family: "weathericons";
src: url('weathericons-regular-webfont.eot');
src: url('weathericons-regular-webfont.eot?#iefix') format("embedded-opentype"), url('weathericons-regular-webfont.woff2') format("woff2"), url('weathericons-regular-webfont.woff') format("woff"), url('weathericons-regular-webfont.ttf') format("truetype"), url('weathericons-regular-webfont.svg#weather_iconsregular') format("svg");
font-weight: normal;
font-style: normal; }
.wi {
display: inline-block;
font-family: "weathericons";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.wi-fw {
width: 1.4em;
text-align: center; }
.wi-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform: rotate(90deg); }
.wi-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: rotate(180deg); }
.wi-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(270deg); }
.wi-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: scale(-1, 1); }
.wi-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: scale(1, -1); }
.wi-day-sunny:before {
content: ""; }
.wi-day-cloudy:before {
content: ""; }
.wi-day-cloudy-gusts:before {
content: ""; }
.wi-day-cloudy-windy:before {
content: ""; }
.wi-day-fog:before {
content: ""; }
.wi-day-hail:before {
content: ""; }
.wi-day-haze:before {
content: ""; }
.wi-day-lightning:before {
content: ""; }
.wi-day-rain:before {
content: ""; }
.wi-day-rain-mix:before {
content: ""; }
.wi-day-rain-wind:before {
content: ""; }
.wi-day-showers:before {
content: ""; }
.wi-day-sleet:before {
content: ""; }
.wi-day-sleet-storm:before {
content: ""; }
.wi-day-snow:before {
content: ""; }
.wi-day-snow-thunderstorm:before {
content: ""; }
.wi-day-snow-wind:before {
content: ""; }
.wi-day-sprinkle:before {
content: ""; }
.wi-day-storm-showers:before {
content: ""; }
.wi-day-sunny-overcast:before {
content: ""; }
.wi-day-thunderstorm:before {
content: ""; }
.wi-day-windy:before {
content: ""; }
.wi-solar-eclipse:before {
content: ""; }
.wi-hot:before {
content: ""; }
.wi-day-cloudy-high:before {
content: ""; }
.wi-day-light-wind:before {
content: ""; }
.wi-night-clear:before {
content: ""; }
.wi-night-alt-cloudy:before {
content: ""; }
.wi-night-alt-cloudy-gusts:before {
content: ""; }
.wi-night-alt-cloudy-windy:before {
content: ""; }
.wi-night-alt-hail:before {
content: ""; }
.wi-night-alt-lightning:before {
content: ""; }
.wi-night-alt-rain:before {
content: ""; }
.wi-night-alt-rain-mix:before {
content: ""; }
.wi-night-alt-rain-wind:before {
content: ""; }
.wi-night-alt-showers:before {
content: ""; }
.wi-night-alt-sleet:before {
content: ""; }
.wi-night-alt-sleet-storm:before {
content: ""; }
.wi-night-alt-snow:before {
content: ""; }
.wi-night-alt-snow-thunderstorm:before {
content: ""; }
.wi-night-alt-snow-wind:before {
content: ""; }
.wi-night-alt-sprinkle:before {
content: ""; }
.wi-night-alt-storm-showers:before {
content: ""; }
.wi-night-alt-thunderstorm:before {
content: ""; }
.wi-night-cloudy:before {
content: ""; }
.wi-night-cloudy-gusts:before {
content: ""; }
.wi-night-cloudy-windy:before {
content: ""; }
.wi-night-fog:before {
content: ""; }
.wi-night-hail:before {
content: ""; }
.wi-night-lightning:before {
content: ""; }
.wi-night-partly-cloudy:before {
content: ""; }
.wi-night-rain:before {
content: ""; }
.wi-night-rain-mix:before {
content: ""; }
.wi-night-rain-wind:before {
content: ""; }
.wi-night-showers:before {
content: ""; }
.wi-night-sleet:before {
content: ""; }
.wi-night-sleet-storm:before {
content: ""; }
.wi-night-snow:before {
content: ""; }
.wi-night-snow-thunderstorm:before {
content: ""; }
.wi-night-snow-wind:before {
content: ""; }
.wi-night-sprinkle:before {
content: ""; }
.wi-night-storm-showers:before {
content: ""; }
.wi-night-thunderstorm:before {
content: ""; }
.wi-lunar-eclipse:before {
content: ""; }
.wi-stars:before {
content: ""; }
.wi-storm-showers:before {
content: ""; }
.wi-thunderstorm:before {
content: ""; }
.wi-night-alt-cloudy-high:before {
content: ""; }
.wi-night-cloudy-high:before {
content: ""; }
.wi-night-alt-partly-cloudy:before {
content: ""; }
.wi-cloud:before {
content: ""; }
.wi-cloudy:before {
content: ""; }
.wi-cloudy-gusts:before {
content: ""; }
.wi-cloudy-windy:before {
content: ""; }
.wi-fog:before {
content: ""; }
.wi-hail:before {
content: ""; }
.wi-rain:before {
content: ""; }
.wi-rain-mix:before {
content: ""; }
.wi-rain-wind:before {
content: ""; }
.wi-showers:before {
content: ""; }
.wi-sleet:before {
content: ""; }
.wi-snow:before {
content: ""; }
.wi-sprinkle:before {
content: ""; }
.wi-storm-showers:before {
content: ""; }
.wi-thunderstorm:before {
content: ""; }
.wi-snow-wind:before {
content: ""; }
.wi-snow:before {
content: ""; }
.wi-smog:before {
content: ""; }
.wi-smoke:before {
content: ""; }
.wi-lightning:before {
content: ""; }
.wi-raindrops:before {
content: ""; }
.wi-raindrop:before {
content: ""; }
.wi-dust:before {
content: ""; }
.wi-snowflake-cold:before {
content: ""; }
.wi-windy:before {
content: ""; }
.wi-strong-wind:before {
content: ""; }
.wi-sandstorm:before {
content: ""; }
.wi-earthquake:before {
content: ""; }
.wi-fire:before {
content: ""; }
.wi-flood:before {
content: ""; }
.wi-meteor:before {
content: ""; }
.wi-tsunami:before {
content: ""; }
.wi-volcano:before {
content: ""; }
.wi-hurricane:before {
content: ""; }
.wi-tornado:before {
content: ""; }
.wi-small-craft-advisory:before {
content: ""; }
.wi-gale-warning:before {
content: ""; }
.wi-storm-warning:before {
content: ""; }
.wi-hurricane-warning:before {
content: ""; }
.wi-wind-direction:before {
content: ""; }
.wi-alien:before {
content: ""; }
.wi-celsius:before {
content: ""; }
.wi-fahrenheit:before {
content: ""; }
.wi-degrees:before {
content: ""; }
.wi-thermometer:before {
content: ""; }
.wi-thermometer-exterior:before {
content: ""; }
.wi-thermometer-internal:before {
content: ""; }
.wi-cloud-down:before {
content: ""; }
.wi-cloud-up:before {
content: ""; }
.wi-cloud-refresh:before {
content: ""; }
.wi-horizon:before {
content: ""; }
.wi-horizon-alt:before {
content: ""; }
.wi-sunrise:before {
content: ""; }
.wi-sunset:before {
content: ""; }
.wi-moonrise:before {
content: ""; }
.wi-moonset:before {
content: ""; }
.wi-refresh:before {
content: ""; }
.wi-refresh-alt:before {
content: ""; }
.wi-umbrella:before {
content: ""; }
.wi-barometer:before {
content: ""; }
.wi-humidity:before {
content: ""; }
.wi-na:before {
content: ""; }
.wi-train:before {
content: ""; }
.wi-moon-new:before {
content: ""; }
.wi-moon-waxing-cresent-1:before {
content: ""; }
.wi-moon-waxing-cresent-2:before {
content: ""; }
.wi-moon-waxing-cresent-3:before {
content: ""; }
.wi-moon-waxing-cresent-4:before {
content: ""; }
.wi-moon-waxing-cresent-5:before {
content: ""; }
.wi-moon-waxing-cresent-6:before {
content: ""; }
.wi-moon-first-quarter:before {
content: ""; }
.wi-moon-waxing-gibbous-1:before {
content: ""; }
.wi-moon-waxing-gibbous-2:before {
content: ""; }
.wi-moon-waxing-gibbous-3:before {
content: ""; }
.wi-moon-waxing-gibbous-4:before {
content: ""; }
.wi-moon-waxing-gibbous-5:before {
content: ""; }
.wi-moon-waxing-gibbous-6:before {
content: ""; }
.wi-moon-full:before {
content: ""; }
.wi-moon-waning-gibbous-1:before {
content: ""; }
.wi-moon-waning-gibbous-2:before {
content: ""; }
.wi-moon-waning-gibbous-3:before {
content: ""; }
.wi-moon-waning-gibbous-4:before {
content: ""; }
.wi-moon-waning-gibbous-5:before {
content: ""; }
.wi-moon-waning-gibbous-6:before {
content: ""; }
.wi-moon-third-quarter:before {
content: ""; }
.wi-moon-waning-crescent-1:before {
content: ""; }
.wi-moon-waning-crescent-2:before {
content: ""; }
.wi-moon-waning-crescent-3:before {
content: ""; }
.wi-moon-waning-crescent-4:before {
content: ""; }
.wi-moon-waning-crescent-5:before {
content: ""; }
.wi-moon-waning-crescent-6:before {
content: ""; }
.wi-moon-alt-new:before {
content: ""; }
.wi-moon-alt-waxing-cresent-1:before {
content: ""; }
.wi-moon-alt-waxing-cresent-2:before {
content: ""; }
.wi-moon-alt-waxing-cresent-3:before {
content: ""; }
.wi-moon-alt-waxing-cresent-4:before {
content: ""; }
.wi-moon-alt-waxing-cresent-5:before {
content: ""; }
.wi-moon-alt-waxing-cresent-6:before {
content: ""; }
.wi-moon-alt-first-quarter:before {
content: ""; }
.wi-moon-alt-waxing-gibbous-1:before {
content: ""; }
.wi-moon-alt-waxing-gibbous-2:before {
content: ""; }
.wi-moon-alt-waxing-gibbous-3:before {
content: ""; }
.wi-moon-alt-waxing-gibbous-4:before {
content: ""; }
.wi-moon-alt-waxing-gibbous-5:before {
content: ""; }
.wi-moon-alt-waxing-gibbous-6:before {
content: ""; }
.wi-moon-alt-full:before {
content: ""; }
.wi-moon-alt-waning-gibbous-1:before {
content: ""; }
.wi-moon-alt-waning-gibbous-2:before {
content: ""; }
.wi-moon-alt-waning-gibbous-3:before {
content: ""; }
.wi-moon-alt-waning-gibbous-4:before {
content: ""; }
.wi-moon-alt-waning-gibbous-5:before {
content: ""; }
.wi-moon-alt-waning-gibbous-6:before {
content: ""; }
.wi-moon-alt-third-quarter:before {
content: ""; }
.wi-moon-alt-waning-crescent-1:before {
content: ""; }
.wi-moon-alt-waning-crescent-2:before {
content: ""; }
.wi-moon-alt-waning-crescent-3:before {
content: ""; }
.wi-moon-alt-waning-crescent-4:before {
content: ""; }
.wi-moon-alt-waning-crescent-5:before {
content: ""; }
.wi-moon-alt-waning-crescent-6:before {
content: ""; }
.wi-moon-0:before {
content: ""; }
.wi-moon-1:before {
content: ""; }
.wi-moon-2:before {
content: ""; }
.wi-moon-3:before {
content: ""; }
.wi-moon-4:before {
content: ""; }
.wi-moon-5:before {
content: ""; }
.wi-moon-6:before {
content: ""; }
.wi-moon-7:before {
content: ""; }
.wi-moon-8:before {
content: ""; }
.wi-moon-9:before {
content: ""; }
.wi-moon-10:before {
content: ""; }
.wi-moon-11:before {
content: ""; }
.wi-moon-12:before {
content: ""; }
.wi-moon-13:before {
content: ""; }
.wi-moon-14:before {
content: ""; }
.wi-moon-15:before {
content: ""; }
.wi-moon-16:before {
content: ""; }
.wi-moon-17:before {
content: ""; }
.wi-moon-18:before {
content: ""; }
.wi-moon-19:before {
content: ""; }
.wi-moon-20:before {
content: ""; }
.wi-moon-21:before {
content: ""; }
.wi-moon-22:before {
content: ""; }
.wi-moon-23:before {
content: ""; }
.wi-moon-24:before {
content: ""; }
.wi-moon-25:before {
content: ""; }
.wi-moon-26:before {
content: ""; }
.wi-moon-27:before {
content: ""; }
.wi-time-1:before {
content: ""; }
.wi-time-2:before {
content: ""; }
.wi-time-3:before {
content: ""; }
.wi-time-4:before {
content: ""; }
.wi-time-5:before {
content: ""; }
.wi-time-6:before {
content: ""; }
.wi-time-7:before {
content: ""; }
.wi-time-8:before {
content: ""; }
.wi-time-9:before {
content: ""; }
.wi-time-10:before {
content: ""; }
.wi-time-11:before {
content: ""; }
.wi-time-12:before {
content: ""; }
.wi-direction-up:before {
content: ""; }
.wi-direction-up-right:before {
content: ""; }
.wi-direction-right:before {
content: ""; }
.wi-direction-down-right:before {
content: ""; }
.wi-direction-down:before {
content: ""; }
.wi-direction-down-left:before {
content: ""; }
.wi-direction-left:before {
content: ""; }
.wi-direction-up-left:before {
content: ""; }
.wi-wind-beaufort-0:before {
content: ""; }
.wi-wind-beaufort-1:before {
content: ""; }
.wi-wind-beaufort-2:before {
content: ""; }
.wi-wind-beaufort-3:before {
content: ""; }
.wi-wind-beaufort-4:before {
content: ""; }
.wi-wind-beaufort-5:before {
content: ""; }
.wi-wind-beaufort-6:before {
content: ""; }
.wi-wind-beaufort-7:before {
content: ""; }
.wi-wind-beaufort-8:before {
content: ""; }
.wi-wind-beaufort-9:before {
content: ""; }
.wi-wind-beaufort-10:before {
content: ""; }
.wi-wind-beaufort-11:before {
content: ""; }
.wi-wind-beaufort-12:before {
content: ""; }
.wi-yahoo-0:before {
content: ""; }
.wi-yahoo-1:before {
content: ""; }
.wi-yahoo-2:before {
content: ""; }
.wi-yahoo-3:before {
content: ""; }
.wi-yahoo-4:before {
content: ""; }
.wi-yahoo-5:before {
content: ""; }
.wi-yahoo-6:before {
content: ""; }
.wi-yahoo-7:before {
content: ""; }
.wi-yahoo-8:before {
content: ""; }
.wi-yahoo-9:before {
content: ""; }
.wi-yahoo-10:before {
content: ""; }
.wi-yahoo-11:before {
content: ""; }
.wi-yahoo-12:before {
content: ""; }
.wi-yahoo-13:before {
content: ""; }
.wi-yahoo-14:before {
content: ""; }
.wi-yahoo-15:before {
content: ""; }
.wi-yahoo-16:before {
content: ""; }
.wi-yahoo-17:before {
content: ""; }
.wi-yahoo-18:before {
content: ""; }
.wi-yahoo-19:before {
content: ""; }
.wi-yahoo-20:before {
content: ""; }
.wi-yahoo-21:before {
content: ""; }
.wi-yahoo-22:before {
content: ""; }
.wi-yahoo-23:before {
content: ""; }
.wi-yahoo-24:before {
content: ""; }
.wi-yahoo-25:before {
content: ""; }
.wi-yahoo-26:before {
content: ""; }
.wi-yahoo-27:before {
content: ""; }
.wi-yahoo-28:before {
content: ""; }
.wi-yahoo-29:before {
content: ""; }
.wi-yahoo-30:before {
content: ""; }
.wi-yahoo-31:before {
content: ""; }
.wi-yahoo-32:before {
content: ""; }
.wi-yahoo-33:before {
content: ""; }
.wi-yahoo-34:before {
content: ""; }
.wi-yahoo-35:before {
content: ""; }
.wi-yahoo-36:before {
content: ""; }
.wi-yahoo-37:before {
content: ""; }
.wi-yahoo-38:before {
content: ""; }
.wi-yahoo-39:before {
content: ""; }
.wi-yahoo-40:before {
content: ""; }
.wi-yahoo-41:before {
content: ""; }
.wi-yahoo-42:before {
content: ""; }
.wi-yahoo-43:before {
content: ""; }
.wi-yahoo-44:before {
content: ""; }
.wi-yahoo-45:before {
content: ""; }
.wi-yahoo-46:before {
content: ""; }
.wi-yahoo-47:before {
content: ""; }
.wi-yahoo-3200:before {
content: ""; }
.wi-forecast-io-clear-day:before {
content: ""; }
.wi-forecast-io-clear-night:before {
content: ""; }
.wi-forecast-io-rain:before {
content: ""; }
.wi-forecast-io-snow:before {
content: ""; }
.wi-forecast-io-sleet:before {
content: ""; }
.wi-forecast-io-wind:before {
content: ""; }
.wi-forecast-io-fog:before {
content: ""; }
.wi-forecast-io-cloudy:before {
content: ""; }
.wi-forecast-io-partly-cloudy-day:before {
content: ""; }
.wi-forecast-io-partly-cloudy-night:before {
content: ""; }
.wi-forecast-io-hail:before {
content: ""; }
.wi-forecast-io-thunderstorm:before {
content: ""; }
.wi-forecast-io-tornado:before {
content: ""; }
.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
content: ""; }
.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
content: ""; }
.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
content: ""; }
.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
content: ""; }
.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
content: ""; }
.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
content: ""; }
.wi-wmo4680-10:before {
content: ""; }
.wi-wmo4680-11:before {
content: ""; }
.wi-wmo4680-12:before {
content: ""; }
.wi-wmo4680-18:before {
content: ""; }
.wi-wmo4680-20:before {
content: ""; }
.wi-wmo4680-21:before {
content: ""; }
.wi-wmo4680-22:before {
content: ""; }
.wi-wmo4680-23:before {
content: ""; }
.wi-wmo4680-24:before {
content: ""; }
.wi-wmo4680-25:before {
content: ""; }
.wi-wmo4680-26:before {
content: ""; }
.wi-wmo4680-27:before {
content: ""; }
.wi-wmo4680-28:before {
content: ""; }
.wi-wmo4680-29:before {
content: ""; }
.wi-wmo4680-30:before {
content: ""; }
.wi-wmo4680-31:before {
content: ""; }
.wi-wmo4680-32:before {
content: ""; }
.wi-wmo4680-33:before {
content: ""; }
.wi-wmo4680-34:before {
content: ""; }
.wi-wmo4680-35:before {
content: ""; }
.wi-wmo4680-40:before {
content: ""; }
.wi-wmo4680-41:before {
content: ""; }
.wi-wmo4680-42:before {
content: ""; }
.wi-wmo4680-43:before {
content: ""; }
.wi-wmo4680-44:before {
content: ""; }
.wi-wmo4680-45:before {
content: ""; }
.wi-wmo4680-46:before {
content: ""; }
.wi-wmo4680-47:before {
content: ""; }
.wi-wmo4680-48:before {
content: ""; }
.wi-wmo4680-50:before {
content: ""; }
.wi-wmo4680-51:before {
content: ""; }
.wi-wmo4680-52:before {
content: ""; }
.wi-wmo4680-53:before {
content: ""; }
.wi-wmo4680-54:before {
content: ""; }
.wi-wmo4680-55:before {
content: ""; }
.wi-wmo4680-56:before {
content: ""; }
.wi-wmo4680-57:before {
content: ""; }
.wi-wmo4680-58:before {
content: ""; }
.wi-wmo4680-60:before {
content: ""; }
.wi-wmo4680-61:before {
content: ""; }
.wi-wmo4680-62:before {
content: ""; }
.wi-wmo4680-63:before {
content: ""; }
.wi-wmo4680-64:before {
content: ""; }
.wi-wmo4680-65:before {
content: ""; }
.wi-wmo4680-66:before {
content: ""; }
.wi-wmo4680-67:before {
content: ""; }
.wi-wmo4680-68:before {
content: ""; }
.wi-wmo4680-70:before {
content: ""; }
.wi-wmo4680-71:before {
content: ""; }
.wi-wmo4680-72:before {
content: ""; }
.wi-wmo4680-73:before {
content: ""; }
.wi-wmo4680-74:before {
content: ""; }
.wi-wmo4680-75:before {
content: ""; }
.wi-wmo4680-76:before {
content: ""; }
.wi-wmo4680-77:before {
content: ""; }
.wi-wmo4680-78:before {
content: ""; }
.wi-wmo4680-80:before {
content: ""; }
.wi-wmo4680-81:before {
content: ""; }
.wi-wmo4680-82:before {
content: ""; }
.wi-wmo4680-83:before {
content: ""; }
.wi-wmo4680-84:before {
content: ""; }
.wi-wmo4680-85:before {
content: ""; }
.wi-wmo4680-86:before {
content: ""; }
.wi-wmo4680-87:before {
content: ""; }
.wi-wmo4680-89:before {
content: ""; }
.wi-wmo4680-90:before {
content: ""; }
.wi-wmo4680-91:before {
content: ""; }
.wi-wmo4680-92:before {
content: ""; }
.wi-wmo4680-93:before {
content: ""; }
.wi-wmo4680-94:before {
content: ""; }
.wi-wmo4680-95:before {
content: ""; }
.wi-wmo4680-96:before {
content: ""; }
.wi-wmo4680-99:before {
content: ""; }
.wi-owm-200:before {
content: ""; }
.wi-owm-201:before {
content: ""; }
.wi-owm-202:before {
content: ""; }
.wi-owm-210:before {
content: ""; }
.wi-owm-211:before {
content: ""; }
.wi-owm-212:before {
content: ""; }
.wi-owm-221:before {
content: ""; }
.wi-owm-230:before {
content: ""; }
.wi-owm-231:before {
content: ""; }
.wi-owm-232:before {
content: ""; }
.wi-owm-300:before {
content: ""; }
.wi-owm-301:before {
content: ""; }
.wi-owm-302:before {
content: ""; }
.wi-owm-310:before {
content: ""; }
.wi-owm-311:before {
content: ""; }
.wi-owm-312:before {
content: ""; }
.wi-owm-313:before {
content: ""; }
.wi-owm-314:before {
content: ""; }
.wi-owm-321:before {
content: ""; }
.wi-owm-500:before {
content: ""; }
.wi-owm-501:before {
content: ""; }
.wi-owm-502:before {
content: ""; }
.wi-owm-503:before {
content: ""; }
.wi-owm-504:before {
content: ""; }
.wi-owm-511:before {
content: ""; }
.wi-owm-520:before {
content: ""; }
.wi-owm-521:before {
content: ""; }
.wi-owm-522:before {
content: ""; }
.wi-owm-531:before {
content: ""; }
.wi-owm-600:before {
content: ""; }
.wi-owm-601:before {
content: ""; }
.wi-owm-602:before {
content: ""; }
.wi-owm-611:before {
content: ""; }
.wi-owm-612:before {
content: ""; }
.wi-owm-615:before {
content: ""; }
.wi-owm-616:before {
content: ""; }
.wi-owm-620:before {
content: ""; }
.wi-owm-621:before {
content: ""; }
.wi-owm-622:before {
content: ""; }
.wi-owm-701:before {
content: ""; }
.wi-owm-711:before {
content: ""; }
.wi-owm-721:before {
content: ""; }
.wi-owm-731:before {
content: ""; }
.wi-owm-741:before {
content: ""; }
.wi-owm-761:before {
content: ""; }
.wi-owm-762:before {
content: ""; }
.wi-owm-771:before {
content: ""; }
.wi-owm-781:before {
content: ""; }
.wi-owm-800:before {
content: ""; }
.wi-owm-801:before {
content: ""; }
.wi-owm-802:before {
content: ""; }
.wi-owm-803:before {
content: ""; }
.wi-owm-803:before {
content: ""; }
.wi-owm-804:before {
content: ""; }
.wi-owm-900:before {
content: ""; }
.wi-owm-901:before {
content: ""; }
.wi-owm-902:before {
content: ""; }
.wi-owm-903:before {
content: ""; }
.wi-owm-904:before {
content: ""; }
.wi-owm-905:before {
content: ""; }
.wi-owm-906:before {
content: ""; }
.wi-owm-957:before {
content: ""; }
.wi-owm-day-200:before {
content: ""; }
.wi-owm-day-201:before {
content: ""; }
.wi-owm-day-202:before {
content: ""; }
.wi-owm-day-210:before {
content: ""; }
.wi-owm-day-211:before {
content: ""; }
.wi-owm-day-212:before {
content: ""; }
.wi-owm-day-221:before {
content: ""; }
.wi-owm-day-230:before {
content: ""; }
.wi-owm-day-231:before {
content: ""; }
.wi-owm-day-232:before {
content: ""; }
.wi-owm-day-300:before {
content: ""; }
.wi-owm-day-301:before {
content: ""; }
.wi-owm-day-302:before {
content: ""; }
.wi-owm-day-310:before {
content: ""; }
.wi-owm-day-311:before {
content: ""; }
.wi-owm-day-312:before {
content: ""; }
.wi-owm-day-313:before {
content: ""; }
.wi-owm-day-314:before {
content: ""; }
.wi-owm-day-321:before {
content: ""; }
.wi-owm-day-500:before {
content: ""; }
.wi-owm-day-501:before {
content: ""; }
.wi-owm-day-502:before {
content: ""; }
.wi-owm-day-503:before {
content: ""; }
.wi-owm-day-504:before {
content: ""; }
.wi-owm-day-511:before {
content: ""; }
.wi-owm-day-520:before {
content: ""; }
.wi-owm-day-521:before {
content: ""; }
.wi-owm-day-522:before {
content: ""; }
.wi-owm-day-531:before {
content: ""; }
.wi-owm-day-600:before {
content: ""; }
.wi-owm-day-601:before {
content: ""; }
.wi-owm-day-602:before {
content: ""; }
.wi-owm-day-611:before {
content: ""; }
.wi-owm-day-612:before {
content: ""; }
.wi-owm-day-615:before {
content: ""; }
.wi-owm-day-616:before {
content: ""; }
.wi-owm-day-620:before {
content: ""; }
.wi-owm-day-621:before {
content: ""; }
.wi-owm-day-622:before {
content: ""; }
.wi-owm-day-701:before {
content: ""; }
.wi-owm-day-711:before {
content: ""; }
.wi-owm-day-721:before {
content: ""; }
.wi-owm-day-731:before {
content: ""; }
.wi-owm-day-741:before {
content: ""; }
.wi-owm-day-761:before {
content: ""; }
.wi-owm-day-762:before {
content: ""; }
.wi-owm-day-781:before {
content: ""; }
.wi-owm-day-800:before {
content: ""; }
.wi-owm-day-801:before {
content: ""; }
.wi-owm-day-802:before {
content: ""; }
.wi-owm-day-803:before {
content: ""; }
.wi-owm-day-804:before {
content: ""; }
.wi-owm-day-900:before {
content: ""; }
.wi-owm-day-902:before {
content: ""; }
.wi-owm-day-903:before {
content: ""; }
.wi-owm-day-904:before {
content: ""; }
.wi-owm-day-906:before {
content: ""; }
.wi-owm-day-957:before {
content: ""; }
.wi-owm-night-200:before {
content: ""; }
.wi-owm-night-201:before {
content: ""; }
.wi-owm-night-202:before {
content: ""; }
.wi-owm-night-210:before {
content: ""; }
.wi-owm-night-211:before {
content: ""; }
.wi-owm-night-212:before {
content: ""; }
.wi-owm-night-221:before {
content: ""; }
.wi-owm-night-230:before {
content: ""; }
.wi-owm-night-231:before {
content: ""; }
.wi-owm-night-232:before {
content: ""; }
.wi-owm-night-300:before {
content: ""; }
.wi-owm-night-301:before {
content: ""; }
.wi-owm-night-302:before {
content: ""; }
.wi-owm-night-310:before {
content: ""; }
.wi-owm-night-311:before {
content: ""; }
.wi-owm-night-312:before {
content: ""; }
.wi-owm-night-313:before {
content: ""; }
.wi-owm-night-314:before {
content: ""; }
.wi-owm-night-321:before {
content: ""; }
.wi-owm-night-500:before {
content: ""; }
.wi-owm-night-501:before {
content: ""; }
.wi-owm-night-502:before {
content: ""; }
.wi-owm-night-503:before {
content: ""; }
.wi-owm-night-504:before {
content: ""; }
.wi-owm-night-511:before {
content: ""; }
.wi-owm-night-520:before {
content: ""; }
.wi-owm-night-521:before {
content: ""; }
.wi-owm-night-522:before {
content: ""; }
.wi-owm-night-531:before {
content: ""; }
.wi-owm-night-600:before {
content: ""; }
.wi-owm-night-601:before {
content: ""; }
.wi-owm-night-602:before {
content: ""; }
.wi-owm-night-611:before {
content: ""; }
.wi-owm-night-612:before {
content: ""; }
.wi-owm-night-615:before {
content: ""; }
.wi-owm-night-616:before {
content: ""; }
.wi-owm-night-620:before {
content: ""; }
.wi-owm-night-621:before {
content: ""; }
.wi-owm-night-622:before {
content: ""; }
.wi-owm-night-701:before {
content: ""; }
.wi-owm-night-711:before {
content: ""; }
.wi-owm-night-721:before {
content: ""; }
.wi-owm-night-731:before {
content: ""; }
.wi-owm-night-741:before {
content: ""; }
.wi-owm-night-761:before {
content: ""; }
.wi-owm-night-762:before {
content: ""; }
.wi-owm-night-781:before {
content: ""; }
.wi-owm-night-800:before {
content: ""; }
.wi-owm-night-801:before {
content: ""; }
.wi-owm-night-802:before {
content: ""; }
.wi-owm-night-803:before {
content: ""; }
.wi-owm-night-804:before {
content: ""; }
.wi-owm-night-900:before {
content: ""; }
.wi-owm-night-902:before {
content: ""; }
.wi-owm-night-903:before {
content: ""; }
.wi-owm-night-904:before {
content: ""; }
.wi-owm-night-906:before {
content: ""; }
.wi-owm-night-957:before {
content: ""; }
/* @FONT-FACE loads font into browser */
@font-face {
font-family: 'typicons';
font-weight: normal;
font-style: normal;
src: url('typicons.eot');
src: url('typicons.eot?#iefix') format("embedded-opentype"), url('typicons.woff') format("woff"), url('typicons.ttf') format("truetype"), url('typicons.svg#typicons') format("svg"); }
/* :before psuedo-selector inserts and styles icon */
.typcn:before {
font-family: 'typicons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
height: 1em;
font-size: 1em;
text-align: center;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
/* Code for individual icons */
.typcn-adjust-brightness:before {
content: '\e000';
/* '' */ }
.typcn-adjust-contrast:before {
content: '\e001';
/* '' */ }
.typcn-anchor-outline:before {
content: '\e002';
/* '' */ }
.typcn-anchor:before {
content: '\e003';
/* '' */ }
.typcn-archive:before {
content: '\e004';
/* '' */ }
.typcn-arrow-back-outline:before {
content: '\e005';
/* '' */ }
.typcn-arrow-back:before {
content: '\e006';
/* '' */ }
.typcn-arrow-down-outline:before {
content: '\e007';
/* '' */ }
.typcn-arrow-down-thick:before {
content: '\e008';
/* '' */ }
.typcn-arrow-down:before {
content: '\e009';
/* '' */ }
.typcn-arrow-forward-outline:before {
content: '\e00a';
/* '' */ }
.typcn-arrow-forward:before {
content: '\e00b';
/* '' */ }
.typcn-arrow-left-outline:before {
content: '\e00c';
/* '' */ }
.typcn-arrow-left-thick:before {
content: '\e00d';
/* '' */ }
.typcn-arrow-left:before {
content: '\e00e';
/* '' */ }
.typcn-arrow-loop-outline:before {
content: '\e00f';
/* '' */ }
.typcn-arrow-loop:before {
content: '\e010';
/* '' */ }
.typcn-arrow-maximise-outline:before {
content: '\e011';
/* '' */ }
.typcn-arrow-maximise:before {
content: '\e012';
/* '' */ }
.typcn-arrow-minimise-outline:before {
content: '\e013';
/* '' */ }
.typcn-arrow-minimise:before {
content: '\e014';
/* '' */ }
.typcn-arrow-move-outline:before {
content: '\e015';
/* '' */ }
.typcn-arrow-move:before {
content: '\e016';
/* '' */ }
.typcn-arrow-repeat-outline:before {
content: '\e017';
/* '' */ }
.typcn-arrow-repeat:before {
content: '\e018';
/* '' */ }
.typcn-arrow-right-outline:before {
content: '\e019';
/* '' */ }
.typcn-arrow-right-thick:before {
content: '\e01a';
/* '' */ }
.typcn-arrow-right:before {
content: '\e01b';
/* '' */ }
.typcn-arrow-shuffle:before {
content: '\e01c';
/* '' */ }
.typcn-arrow-sorted-down:before {
content: '\e01d';
/* '' */ }
.typcn-arrow-sorted-up:before {
content: '\e01e';
/* '' */ }
.typcn-arrow-sync-outline:before {
content: '\e01f';
/* '' */ }
.typcn-arrow-sync:before {
content: '\e020';
/* '' */ }
.typcn-arrow-unsorted:before {
content: '\e021';
/* '' */ }
.typcn-arrow-up-outline:before {
content: '\e022';
/* '' */ }
.typcn-arrow-up-thick:before {
content: '\e023';
/* '' */ }
.typcn-arrow-up:before {
content: '\e024';
/* '' */ }
.typcn-at:before {
content: '\e025';
/* '' */ }
.typcn-attachment-outline:before {
content: '\e026';
/* '' */ }
.typcn-attachment:before {
content: '\e027';
/* '' */ }
.typcn-backspace-outline:before {
content: '\e028';
/* '' */ }
.typcn-backspace:before {
content: '\e029';
/* '' */ }
.typcn-battery-charge:before {
content: '\e02a';
/* '' */ }
.typcn-battery-full:before {
content: '\e02b';
/* '' */ }
.typcn-battery-high:before {
content: '\e02c';
/* '' */ }
.typcn-battery-low:before {
content: '\e02d';
/* '' */ }
.typcn-battery-mid:before {
content: '\e02e';
/* '' */ }
.typcn-beaker:before {
content: '\e02f';
/* '' */ }
.typcn-beer:before {
content: '\e030';
/* '' */ }
.typcn-bell:before {
content: '\e031';
/* '' */ }
.typcn-book:before {
content: '\e032';
/* '' */ }
.typcn-bookmark:before {
content: '\e033';
/* '' */ }
.typcn-briefcase:before {
content: '\e034';
/* '' */ }
.typcn-brush:before {
content: '\e035';
/* '' */ }
.typcn-business-card:before {
content: '\e036';
/* '' */ }
.typcn-calculator:before {
content: '\e037';
/* '' */ }
.typcn-calendar-outline:before {
content: '\e038';
/* '' */ }
.typcn-calendar:before {
content: '\e039';
/* '' */ }
.typcn-camera-outline:before {
content: '\e03a';
/* '' */ }
.typcn-camera:before {
content: '\e03b';
/* '' */ }
.typcn-cancel-outline:before {
content: '\e03c';
/* '' */ }
.typcn-cancel:before {
content: '\e03d';
/* '' */ }
.typcn-chart-area-outline:before {
content: '\e03e';
/* '' */ }
.typcn-chart-area:before {
content: '\e03f';
/* '' */ }
.typcn-chart-bar-outline:before {
content: '\e040';
/* '' */ }
.typcn-chart-bar:before {
content: '\e041';
/* 'εüü' */ }
.typcn-chart-line-outline:before {
content: '\e042';
/* 'εüé' */ }
.typcn-chart-line:before {
content: '\e043';
/* 'εüâ' */ }
.typcn-chart-pie-outline:before {
content: '\e044';
/* 'εüä' */ }
.typcn-chart-pie:before {
content: '\e045';
/* 'εüà' */ }
.typcn-chevron-left-outline:before {
content: '\e046';
/* 'εüå' */ }
.typcn-chevron-left:before {
content: '\e047';
/* 'εüç' */ }
.typcn-chevron-right-outline:before {
content: '\e048';
/* 'εüê' */ }
.typcn-chevron-right:before {
content: '\e049';
/* 'εüë' */ }
.typcn-clipboard:before {
content: '\e04a';
/* 'εüè' */ }
.typcn-cloud-storage:before {
content: '\e04b';
/* 'εüï' */ }
.typcn-cloud-storage-outline:before {
content: '\e054';
/* 'εüö' */ }
.typcn-code-outline:before {
content: '\e04c';
/* 'εüî' */ }
.typcn-code:before {
content: '\e04d';
/* 'εüì' */ }
.typcn-coffee:before {
content: '\e04e';
/* '' */ }
.typcn-cog-outline:before {
content: '\e04f';
/* '' */ }
.typcn-cog:before {
content: '\e050';
/* '' */ }
.typcn-compass:before {
content: '\e051';
/* 'εüæ' */ }
.typcn-contacts:before {
content: '\e052';
/* '' */ }
.typcn-credit-card:before {
content: '\e053';
/* 'εüô' */ }
.typcn-css3:before {
content: '\e055';
/* 'εüò' */ }
.typcn-database:before {
content: '\e056';
/* 'εüû' */ }
.typcn-delete-outline:before {
content: '\e057';
/* 'εüù' */ }
.typcn-delete:before {
content: '\e058';
/* 'εüÿ' */ }
.typcn-device-desktop:before {
content: '\e059';
/* 'εüÖ' */ }
.typcn-device-laptop:before {
content: '\e05a';
/* '' */ }
.typcn-device-phone:before {
content: '\e05b';
/* '' */ }
.typcn-device-tablet:before {
content: '\e05c';
/* '' */ }
.typcn-directions:before {
content: '\e05d';
/* '' */ }
.typcn-divide-outline:before {
content: '\e05e';
/* '' */ }
.typcn-divide:before {
content: '\e05f';
/* '' */ }
.typcn-document-add:before {
content: '\e060';
/* 'εüá' */ }
.typcn-document-delete:before {
content: '\e061';
/* 'εüí' */ }
.typcn-document-text:before {
content: '\e062';
/* 'εüó' */ }
.typcn-document:before {
content: '\e063';
/* 'εüú' */ }
.typcn-download-outline:before {
content: '\e064';
/* 'εüñ' */ }
.typcn-download:before {
content: '\e065';
/* '' */ }
.typcn-dropbox:before {
content: '\e066';
/* '' */ }
.typcn-edit:before {
content: '\e067';
/* '' */ }
.typcn-eject-outline:before {
content: '\e068';
/* 'εü¿' */ }
.typcn-eject:before {
content: '\e069';
/* '' */ }
.typcn-equals-outline:before {
content: '\e06a';
/* '' */ }
.typcn-equals:before {
content: '\e06b';
/* 'εü½' */ }
.typcn-export-outline:before {
content: '\e06c';
/* 'εü¼' */ }
.typcn-export:before {
content: '\e06d';
/* 'εü¡' */ }
.typcn-eye-outline:before {
content: '\e06e';
/* 'εü«' */ }
.typcn-eye:before {
content: '\e06f';
/* 'εü»' */ }
.typcn-feather:before {
content: '\e070';
/* '' */ }
.typcn-film:before {
content: '\e071';
/* '' */ }
.typcn-filter:before {
content: '\e072';
/* '' */ }
.typcn-flag-outline:before {
content: '\e073';
/* '' */ }
.typcn-flag:before {
content: '\e074';
/* '' */ }
.typcn-flash-outline:before {
content: '\e075';
/* '' */ }
.typcn-flash:before {
content: '\e076';
/* '' */ }
.typcn-flow-children:before {
content: '\e077';
/* '' */ }
.typcn-flow-merge:before {
content: '\e078';
/* '' */ }
.typcn-flow-parallel:before {
content: '\e079';
/* '' */ }
.typcn-flow-switch:before {
content: '\e07a';
/* '' */ }
.typcn-folder-add:before {
content: '\e07b';
/* '' */ }
.typcn-folder-delete:before {
content: '\e07c';
/* '' */ }
.typcn-folder-open:before {
content: '\e07d';
/* '' */ }
.typcn-folder:before {
content: '\e07e';
/* '' */ }
.typcn-gift:before {
content: '\e07f';
/* '' */ }
.typcn-globe-outline:before {
content: '\e080';
/* '' */ }
.typcn-globe:before {
content: '\e081';
/* 'εéü' */ }
.typcn-group-outline:before {
content: '\e082';
/* 'εéé' */ }
.typcn-group:before {
content: '\e083';
/* 'εéâ' */ }
.typcn-headphones:before {
content: '\e084';
/* 'εéä' */ }
.typcn-heart-full-outline:before {
content: '\e085';
/* 'εéà' */ }
.typcn-heart-half-outline:before {
content: '\e086';
/* 'εéå' */ }
.typcn-heart-outline:before {
content: '\e087';
/* 'εéç' */ }
.typcn-heart:before {
content: '\e088';
/* 'εéê' */ }
.typcn-home-outline:before {
content: '\e089';
/* 'εéë' */ }
.typcn-home:before {
content: '\e08a';
/* 'εéè' */ }
.typcn-html5:before {
content: '\e08b';
/* 'εéï' */ }
.typcn-image-outline:before {
content: '\e08c';
/* 'εéî' */ }
.typcn-image:before {
content: '\e08d';
/* 'εéì' */ }
.typcn-infinity-outline:before {
content: '\e08e';
/* '' */ }
.typcn-infinity:before {
content: '\e08f';
/* '' */ }
.typcn-info-large-outline:before {
content: '\e090';
/* '' */ }
.typcn-info-large:before {
content: '\e091';
/* 'εéæ' */ }
.typcn-info-outline:before {
content: '\e092';
/* '' */ }
.typcn-info:before {
content: '\e093';
/* 'εéô' */ }
.typcn-input-checked-outline:before {
content: '\e094';
/* 'εéö' */ }
.typcn-input-checked:before {
content: '\e095';
/* 'εéò' */ }
.typcn-key-outline:before {
content: '\e096';
/* 'εéû' */ }
.typcn-key:before {
content: '\e097';
/* 'εéù' */ }
.typcn-keyboard:before {
content: '\e098';
/* 'εéÿ' */ }
.typcn-leaf:before {
content: '\e099';
/* 'εéÖ' */ }
.typcn-lightbulb:before {
content: '\e09a';
/* '' */ }
.typcn-link-outline:before {
content: '\e09b';
/* '' */ }
.typcn-link:before {
content: '\e09c';
/* '' */ }
.typcn-location-arrow-outline:before {
content: '\e09d';
/* '' */ }
.typcn-location-arrow:before {
content: '\e09e';
/* '' */ }
.typcn-location-outline:before {
content: '\e09f';
/* '' */ }
.typcn-location:before {
content: '\e0a0';
/* 'εéá' */ }
.typcn-lock-closed-outline:before {
content: '\e0a1';
/* 'εéí' */ }
.typcn-lock-closed:before {
content: '\e0a2';
/* 'εéó' */ }
.typcn-lock-open-outline:before {
content: '\e0a3';
/* 'εéú' */ }
.typcn-lock-open:before {
content: '\e0a4';
/* 'εéñ' */ }
.typcn-mail:before {
content: '\e0a5';
/* '' */ }
.typcn-map:before {
content: '\e0a6';
/* '' */ }
.typcn-media-eject-outline:before {
content: '\e0a7';
/* '' */ }
.typcn-media-eject:before {
content: '\e0a8';
/* 'εé¿' */ }
.typcn-media-fast-forward-outline:before {
content: '\e0a9';
/* '' */ }
.typcn-media-fast-forward:before {
content: '\e0aa';
/* '' */ }
.typcn-media-pause-outline:before {
content: '\e0ab';
/* 'εé½' */ }
.typcn-media-pause:before {
content: '\e0ac';
/* 'εé¼' */ }
.typcn-media-play-outline:before {
content: '\e0ad';
/* 'εé¡' */ }
.typcn-media-play-reverse-outline:before {
content: '\e0ae';
/* 'εé«' */ }
.typcn-media-play-reverse:before {
content: '\e0af';
/* 'εé»' */ }
.typcn-media-play:before {
content: '\e0b0';
/* '' */ }
.typcn-media-record-outline:before {
content: '\e0b1';
/* '' */ }
.typcn-media-record:before {
content: '\e0b2';
/* '' */ }
.typcn-media-rewind-outline:before {
content: '\e0b3';
/* '' */ }
.typcn-media-rewind:before {
content: '\e0b4';
/* '' */ }
.typcn-media-stop-outline:before {
content: '\e0b5';
/* '' */ }
.typcn-media-stop:before {
content: '\e0b6';
/* '' */ }
.typcn-message-typing:before {
content: '\e0b7';
/* '' */ }
.typcn-message:before {
content: '\e0b8';
/* '' */ }
.typcn-messages:before {
content: '\e0b9';
/* '' */ }
.typcn-microphone-outline:before {
content: '\e0ba';
/* '' */ }
.typcn-microphone:before {
content: '\e0bb';
/* '' */ }
.typcn-minus-outline:before {
content: '\e0bc';
/* '' */ }
.typcn-minus:before {
content: '\e0bd';
/* '' */ }
.typcn-mortar-board:before {
content: '\e0be';
/* '' */ }
.typcn-news:before {
content: '\e0bf';
/* '' */ }
.typcn-notes-outline:before {
content: '\e0c0';
/* '' */ }
.typcn-notes:before {
content: '\e0c1';
/* 'εâü' */ }
.typcn-pen:before {
content: '\e0c2';
/* 'εâé' */ }
.typcn-pencil:before {
content: '\e0c3';
/* 'εââ' */ }
.typcn-phone-outline:before {
content: '\e0c4';
/* 'εâä' */ }
.typcn-phone:before {
content: '\e0c5';
/* 'εâà' */ }
.typcn-pi-outline:before {
content: '\e0c6';
/* 'εâå' */ }
.typcn-pi:before {
content: '\e0c7';
/* 'εâç' */ }
.typcn-pin-outline:before {
content: '\e0c8';
/* 'εâê' */ }
.typcn-pin:before {
content: '\e0c9';
/* 'εâë' */ }
.typcn-pipette:before {
content: '\e0ca';
/* 'εâè' */ }
.typcn-plane-outline:before {
content: '\e0cb';
/* 'εâï' */ }
.typcn-plane:before {
content: '\e0cc';
/* 'εâî' */ }
.typcn-plug:before {
content: '\e0cd';
/* 'εâì' */ }
.typcn-plus-outline:before {
content: '\e0ce';
/* '' */ }
.typcn-plus:before {
content: '\e0cf';
/* '' */ }
.typcn-point-of-interest-outline:before {
content: '\e0d0';
/* '' */ }
.typcn-point-of-interest:before {
content: '\e0d1';
/* 'εâæ' */ }
.typcn-power-outline:before {
content: '\e0d2';
/* '' */ }
.typcn-power:before {
content: '\e0d3';
/* 'εâô' */ }
.typcn-printer:before {
content: '\e0d4';
/* 'εâö' */ }
.typcn-puzzle-outline:before {
content: '\e0d5';
/* 'εâò' */ }
.typcn-puzzle:before {
content: '\e0d6';
/* 'εâû' */ }
.typcn-radar-outline:before {
content: '\e0d7';
/* 'εâù' */ }
.typcn-radar:before {
content: '\e0d8';
/* 'εâÿ' */ }
.typcn-refresh-outline:before {
content: '\e0d9';
/* 'εâÖ' */ }
.typcn-refresh:before {
content: '\e0da';
/* '' */ }
.typcn-rss-outline:before {
content: '\e0db';
/* '' */ }
.typcn-rss:before {
content: '\e0dc';
/* '' */ }
.typcn-scissors-outline:before {
content: '\e0dd';
/* '' */ }
.typcn-scissors:before {
content: '\e0de';
/* '' */ }
.typcn-shopping-bag:before {
content: '\e0df';
/* '' */ }
.typcn-shopping-cart:before {
content: '\e0e0';
/* 'εâá' */ }
.typcn-social-at-circular:before {
content: '\e0e1';
/* 'εâí' */ }
.typcn-social-dribbble-circular:before {
content: '\e0e2';
/* 'εâó' */ }
.typcn-social-dribbble:before {
content: '\e0e3';
/* 'εâú' */ }
.typcn-social-facebook-circular:before {
content: '\e0e4';
/* 'εâñ' */ }
.typcn-social-facebook:before {
content: '\e0e5';
/* '' */ }
.typcn-social-flickr-circular:before {
content: '\e0e6';
/* '' */ }
.typcn-social-flickr:before {
content: '\e0e7';
/* '' */ }
.typcn-social-github-circular:before {
content: '\e0e8';
/* 'εâ¿' */ }
.typcn-social-github:before {
content: '\e0e9';
/* '' */ }
.typcn-social-google-plus-circular:before {
content: '\e0ea';
/* '' */ }
.typcn-social-google-plus:before {
content: '\e0eb';
/* 'εâ½' */ }
.typcn-social-instagram-circular:before {
content: '\e0ec';
/* 'εâ¼' */ }
.typcn-social-instagram:before {
content: '\e0ed';
/* 'εâ¡' */ }
.typcn-social-last-fm-circular:before {
content: '\e0ee';
/* 'εâ«' */ }
.typcn-social-last-fm:before {
content: '\e0ef';
/* 'εâ»' */ }
.typcn-social-linkedin-circular:before {
content: '\e0f0';
/* '' */ }
.typcn-social-linkedin:before {
content: '\e0f1';
/* '' */ }
.typcn-social-pinterest-circular:before {
content: '\e0f2';
/* '' */ }
.typcn-social-pinterest:before {
content: '\e0f3';
/* '' */ }
.typcn-social-skype-outline:before {
content: '\e0f4';
/* '' */ }
.typcn-social-skype:before {
content: '\e0f5';
/* '' */ }
.typcn-social-tumbler-circular:before {
content: '\e0f6';
/* '' */ }
.typcn-social-tumbler:before {
content: '\e0f7';
/* '' */ }
.typcn-social-twitter-circular:before {
content: '\e0f8';
/* '' */ }
.typcn-social-twitter:before {
content: '\e0f9';
/* '' */ }
.typcn-social-vimeo-circular:before {
content: '\e0fa';
/* '' */ }
.typcn-social-vimeo:before {
content: '\e0fb';
/* '' */ }
.typcn-social-youtube-circular:before {
content: '\e0fc';
/* '' */ }
.typcn-social-youtube:before {
content: '\e0fd';
/* '' */ }
.typcn-sort-alphabetically-outline:before {
content: '\e0fe';
/* '' */ }
.typcn-sort-alphabetically:before {
content: '\e0ff';
/* '' */ }
.typcn-sort-numerically-outline:before {
content: '\e100';
/* '' */ }
.typcn-sort-numerically:before {
content: '\e101';
/* 'εäü' */ }
.typcn-spanner-outline:before {
content: '\e102';
/* 'εäé' */ }
.typcn-spanner:before {
content: '\e103';
/* 'εäâ' */ }
.typcn-spiral:before {
content: '\e104';
/* 'εää' */ }
.typcn-star-full-outline:before {
content: '\e105';
/* 'εäà' */ }
.typcn-star-half-outline:before {
content: '\e106';
/* 'εäå' */ }
.typcn-star-half:before {
content: '\e107';
/* 'εäç' */ }
.typcn-star-outline:before {
content: '\e108';
/* 'εäê' */ }
.typcn-star:before {
content: '\e109';
/* 'εäë' */ }
.typcn-starburst-outline:before {
content: '\e10a';
/* 'εäè' */ }
.typcn-starburst:before {
content: '\e10b';
/* 'εäï' */ }
.typcn-stopwatch:before {
content: '\e10c';
/* 'εäî' */ }
.typcn-support:before {
content: '\e10d';
/* 'εäì' */ }
.typcn-tabs-outline:before {
content: '\e10e';
/* '' */ }
.typcn-tag:before {
content: '\e10f';
/* '' */ }
.typcn-tags:before {
content: '\e110';
/* '' */ }
.typcn-th-large-outline:before {
content: '\e111';
/* 'εäæ' */ }
.typcn-th-large:before {
content: '\e112';
/* '' */ }
.typcn-th-list-outline:before {
content: '\e113';
/* 'εäô' */ }
.typcn-th-list:before {
content: '\e114';
/* 'εäö' */ }
.typcn-th-menu-outline:before {
content: '\e115';
/* 'εäò' */ }
.typcn-th-menu:before {
content: '\e116';
/* 'εäû' */ }
.typcn-th-small-outline:before {
content: '\e117';
/* 'εäù' */ }
.typcn-th-small:before {
content: '\e118';
/* 'εäÿ' */ }
.typcn-thermometer:before {
content: '\e119';
/* 'εäÖ' */ }
.typcn-thumbs-down:before {
content: '\e11a';
/* '' */ }
.typcn-thumbs-ok:before {
content: '\e11b';
/* '' */ }
.typcn-thumbs-up:before {
content: '\e11c';
/* '' */ }
.typcn-tick-outline:before {
content: '\e11d';
/* '' */ }
.typcn-tick:before {
content: '\e11e';
/* '' */ }
.typcn-ticket:before {
content: '\e11f';
/* '' */ }
.typcn-time:before {
content: '\e120';
/* 'εäá' */ }
.typcn-times-outline:before {
content: '\e121';
/* 'εäí' */ }
.typcn-times:before {
content: '\e122';
/* 'εäó' */ }
.typcn-trash:before {
content: '\e123';
/* 'εäú' */ }
.typcn-tree:before {
content: '\e124';
/* 'εäñ' */ }
.typcn-upload-outline:before {
content: '\e125';
/* '' */ }
.typcn-upload:before {
content: '\e126';
/* '' */ }
.typcn-user-add-outline:before {
content: '\e127';
/* '' */ }
.typcn-user-add:before {
content: '\e128';
/* 'εä¿' */ }
.typcn-user-delete-outline:before {
content: '\e129';
/* '' */ }
.typcn-user-delete:before {
content: '\e12a';
/* '' */ }
.typcn-user-outline:before {
content: '\e12b';
/* 'εä½' */ }
.typcn-user:before {
content: '\e12c';
/* 'εä¼' */ }
.typcn-vendor-android:before {
content: '\e12d';
/* 'εä¡' */ }
.typcn-vendor-apple:before {
content: '\e12e';
/* 'εä«' */ }
.typcn-vendor-microsoft:before {
content: '\e12f';
/* 'εä»' */ }
.typcn-video-outline:before {
content: '\e130';
/* '' */ }
.typcn-video:before {
content: '\e131';
/* '' */ }
.typcn-volume-down:before {
content: '\e132';
/* '' */ }
.typcn-volume-mute:before {
content: '\e133';
/* '' */ }
.typcn-volume-up:before {
content: '\e134';
/* '' */ }
.typcn-volume:before {
content: '\e135';
/* '' */ }
.typcn-warning-outline:before {
content: '\e136';
/* '' */ }
.typcn-warning:before {
content: '\e137';
/* '' */ }
.typcn-watch:before {
content: '\e138';
/* '' */ }
.typcn-waves-outline:before {
content: '\e139';
/* '' */ }
.typcn-waves:before {
content: '\e13a';
/* '' */ }
.typcn-weather-cloudy:before {
content: '\e13b';
/* '' */ }
.typcn-weather-downpour:before {
content: '\e13c';
/* '' */ }
.typcn-weather-night:before {
content: '\e13d';
/* '' */ }
.typcn-weather-partly-sunny:before {
content: '\e13e';
/* '' */ }
.typcn-weather-shower:before {
content: '\e13f';
/* '' */ }
.typcn-weather-snow:before {
content: '\e140';
/* '' */ }
.typcn-weather-stormy:before {
content: '\e141';
/* 'εàü' */ }
.typcn-weather-sunny:before {
content: '\e142';
/* 'εàé' */ }
.typcn-weather-windy-cloudy:before {
content: '\e143';
/* 'εàâ' */ }
.typcn-weather-windy:before {
content: '\e144';
/* 'εàä' */ }
.typcn-wi-fi-outline:before {
content: '\e145';
/* 'εàà' */ }
.typcn-wi-fi:before {
content: '\e146';
/* 'εàå' */ }
.typcn-wine:before {
content: '\e147';
/* 'εàç' */ }
.typcn-world-outline:before {
content: '\e148';
/* 'εàê' */ }
.typcn-world:before {
content: '\e149';
/* 'εàë' */ }
.typcn-zoom-in-outline:before {
content: '\e14a';
/* 'εàè' */ }
.typcn-zoom-in:before {
content: '\e14b';
/* 'εàï' */ }
.typcn-zoom-out-outline:before {
content: '\e14c';
/* 'εàî' */ }
.typcn-zoom-out:before {
content: '\e14d';
/* 'εàì' */ }
.typcn-zoom-outline:before {
content: '\e14e';
/* '' */ }
.typcn-zoom:before {
content: '\e14f';
/* '' */ }
@font-face {
font-family: 'Pe-icon-7-stroke';
src: url('Pe-icon-7-stroke.eot?d7yf1v');
src: url('Pe-icon-7-stroke.eot?#iefixd7yf1v') format("embedded-opentype"), url('Pe-icon-7-stroke.woff?d7yf1v') format("woff"), url('Pe-icon-7-stroke.ttf?d7yf1v') format("truetype"), url('Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format("svg");
font-weight: normal;
font-style: normal; }
[class^="pe-7s-"], [class*=" pe-7s-"] {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.pe-7s-album:before {
content: "\e6aa"; }
.pe-7s-arc:before {
content: "\e6ab"; }
.pe-7s-back-2:before {
content: "\e6ac"; }
.pe-7s-bandaid:before {
content: "\e6ad"; }
.pe-7s-car:before {
content: "\e6ae"; }
.pe-7s-diamond:before {
content: "\e6af"; }
.pe-7s-door-lock:before {
content: "\e6b0"; }
.pe-7s-eyedropper:before {
content: "\e6b1"; }
.pe-7s-female:before {
content: "\e6b2"; }
.pe-7s-gym:before {
content: "\e6b3"; }
.pe-7s-hammer:before {
content: "\e6b4"; }
.pe-7s-headphones:before {
content: "\e6b5"; }
.pe-7s-helm:before {
content: "\e6b6"; }
.pe-7s-hourglass:before {
content: "\e6b7"; }
.pe-7s-leaf:before {
content: "\e6b8"; }
.pe-7s-magic-wand:before {
content: "\e6b9"; }
.pe-7s-male:before {
content: "\e6ba"; }
.pe-7s-map-2:before {
content: "\e6bb"; }
.pe-7s-next-2:before {
content: "\e6bc"; }
.pe-7s-paint-bucket:before {
content: "\e6bd"; }
.pe-7s-pendrive:before {
content: "\e6be"; }
.pe-7s-photo:before {
content: "\e6bf"; }
.pe-7s-piggy:before {
content: "\e6c0"; }
.pe-7s-plugin:before {
content: "\e6c1"; }
.pe-7s-refresh-2:before {
content: "\e6c2"; }
.pe-7s-rocket:before {
content: "\e6c3"; }
.pe-7s-settings:before {
content: "\e6c4"; }
.pe-7s-shield:before {
content: "\e6c5"; }
.pe-7s-smile:before {
content: "\e6c6"; }
.pe-7s-usb:before {
content: "\e6c7"; }
.pe-7s-vector:before {
content: "\e6c8"; }
.pe-7s-wine:before {
content: "\e6c9"; }
.pe-7s-cloud-upload:before {
content: "\e68a"; }
.pe-7s-cash:before {
content: "\e68c"; }
.pe-7s-close:before {
content: "\e680"; }
.pe-7s-bluetooth:before {
content: "\e68d"; }
.pe-7s-cloud-download:before {
content: "\e68b"; }
.pe-7s-way:before {
content: "\e68e"; }
.pe-7s-close-circle:before {
content: "\e681"; }
.pe-7s-id:before {
content: "\e68f"; }
.pe-7s-angle-up:before {
content: "\e682"; }
.pe-7s-wristwatch:before {
content: "\e690"; }
.pe-7s-angle-up-circle:before {
content: "\e683"; }
.pe-7s-world:before {
content: "\e691"; }
.pe-7s-angle-right:before {
content: "\e684"; }
.pe-7s-volume:before {
content: "\e692"; }
.pe-7s-angle-right-circle:before {
content: "\e685"; }
.pe-7s-users:before {
content: "\e693"; }
.pe-7s-angle-left:before {
content: "\e686"; }
.pe-7s-user-female:before {
content: "\e694"; }
.pe-7s-angle-left-circle:before {
content: "\e687"; }
.pe-7s-up-arrow:before {
content: "\e695"; }
.pe-7s-angle-down:before {
content: "\e688"; }
.pe-7s-switch:before {
content: "\e696"; }
.pe-7s-angle-down-circle:before {
content: "\e689"; }
.pe-7s-scissors:before {
content: "\e697"; }
.pe-7s-wallet:before {
content: "\e600"; }
.pe-7s-safe:before {
content: "\e698"; }
.pe-7s-volume2:before {
content: "\e601"; }
.pe-7s-volume1:before {
content: "\e602"; }
.pe-7s-voicemail:before {
content: "\e603"; }
.pe-7s-video:before {
content: "\e604"; }
.pe-7s-user:before {
content: "\e605"; }
.pe-7s-upload:before {
content: "\e606"; }
.pe-7s-unlock:before {
content: "\e607"; }
.pe-7s-umbrella:before {
content: "\e608"; }
.pe-7s-trash:before {
content: "\e609"; }
.pe-7s-tools:before {
content: "\e60a"; }
.pe-7s-timer:before {
content: "\e60b"; }
.pe-7s-ticket:before {
content: "\e60c"; }
.pe-7s-target:before {
content: "\e60d"; }
.pe-7s-sun:before {
content: "\e60e"; }
.pe-7s-study:before {
content: "\e60f"; }
.pe-7s-stopwatch:before {
content: "\e610"; }
.pe-7s-star:before {
content: "\e611"; }
.pe-7s-speaker:before {
content: "\e612"; }
.pe-7s-signal:before {
content: "\e613"; }
.pe-7s-shuffle:before {
content: "\e614"; }
.pe-7s-shopbag:before {
content: "\e615"; }
.pe-7s-share:before {
content: "\e616"; }
.pe-7s-server:before {
content: "\e617"; }
.pe-7s-search:before {
content: "\e618"; }
.pe-7s-film:before {
content: "\e6a5"; }
.pe-7s-science:before {
content: "\e619"; }
.pe-7s-disk:before {
content: "\e6a6"; }
.pe-7s-ribbon:before {
content: "\e61a"; }
.pe-7s-repeat:before {
content: "\e61b"; }
.pe-7s-refresh:before {
content: "\e61c"; }
.pe-7s-add-user:before {
content: "\e6a9"; }
.pe-7s-refresh-cloud:before {
content: "\e61d"; }
.pe-7s-paperclip:before {
content: "\e69c"; }
.pe-7s-radio:before {
content: "\e61e"; }
.pe-7s-note2:before {
content: "\e69d"; }
.pe-7s-print:before {
content: "\e61f"; }
.pe-7s-network:before {
content: "\e69e"; }
.pe-7s-prev:before {
content: "\e620"; }
.pe-7s-mute:before {
content: "\e69f"; }
.pe-7s-power:before {
content: "\e621"; }
.pe-7s-medal:before {
content: "\e6a0"; }
.pe-7s-portfolio:before {
content: "\e622"; }
.pe-7s-like2:before {
content: "\e6a1"; }
.pe-7s-plus:before {
content: "\e623"; }
.pe-7s-left-arrow:before {
content: "\e6a2"; }
.pe-7s-play:before {
content: "\e624"; }
.pe-7s-key:before {
content: "\e6a3"; }
.pe-7s-plane:before {
content: "\e625"; }
.pe-7s-joy:before {
content: "\e6a4"; }
.pe-7s-photo-gallery:before {
content: "\e626"; }
.pe-7s-pin:before {
content: "\e69b"; }
.pe-7s-phone:before {
content: "\e627"; }
.pe-7s-plug:before {
content: "\e69a"; }
.pe-7s-pen:before {
content: "\e628"; }
.pe-7s-right-arrow:before {
content: "\e699"; }
.pe-7s-paper-plane:before {
content: "\e629"; }
.pe-7s-delete-user:before {
content: "\e6a7"; }
.pe-7s-paint:before {
content: "\e62a"; }
.pe-7s-bottom-arrow:before {
content: "\e6a8"; }
.pe-7s-notebook:before {
content: "\e62b"; }
.pe-7s-note:before {
content: "\e62c"; }
.pe-7s-next:before {
content: "\e62d"; }
.pe-7s-news-paper:before {
content: "\e62e"; }
.pe-7s-musiclist:before {
content: "\e62f"; }
.pe-7s-music:before {
content: "\e630"; }
.pe-7s-mouse:before {
content: "\e631"; }
.pe-7s-more:before {
content: "\e632"; }
.pe-7s-moon:before {
content: "\e633"; }
.pe-7s-monitor:before {
content: "\e634"; }
.pe-7s-micro:before {
content: "\e635"; }
.pe-7s-menu:before {
content: "\e636"; }
.pe-7s-map:before {
content: "\e637"; }
.pe-7s-map-marker:before {
content: "\e638"; }
.pe-7s-mail:before {
content: "\e639"; }
.pe-7s-mail-open:before {
content: "\e63a"; }
.pe-7s-mail-open-file:before {
content: "\e63b"; }
.pe-7s-magnet:before {
content: "\e63c"; }
.pe-7s-loop:before {
content: "\e63d"; }
.pe-7s-look:before {
content: "\e63e"; }
.pe-7s-lock:before {
content: "\e63f"; }
.pe-7s-lintern:before {
content: "\e640"; }
.pe-7s-link:before {
content: "\e641"; }
.pe-7s-like:before {
content: "\e642"; }
.pe-7s-light:before {
content: "\e643"; }
.pe-7s-less:before {
content: "\e644"; }
.pe-7s-keypad:before {
content: "\e645"; }
.pe-7s-junk:before {
content: "\e646"; }
.pe-7s-info:before {
content: "\e647"; }
.pe-7s-home:before {
content: "\e648"; }
.pe-7s-help2:before {
content: "\e649"; }
.pe-7s-help1:before {
content: "\e64a"; }
.pe-7s-graph3:before {
content: "\e64b"; }
.pe-7s-graph2:before {
content: "\e64c"; }
.pe-7s-graph1:before {
content: "\e64d"; }
.pe-7s-graph:before {
content: "\e64e"; }
.pe-7s-global:before {
content: "\e64f"; }
.pe-7s-gleam:before {
content: "\e650"; }
.pe-7s-glasses:before {
content: "\e651"; }
.pe-7s-gift:before {
content: "\e652"; }
.pe-7s-folder:before {
content: "\e653"; }
.pe-7s-flag:before {
content: "\e654"; }
.pe-7s-filter:before {
content: "\e655"; }
.pe-7s-file:before {
content: "\e656"; }
.pe-7s-expand1:before {
content: "\e657"; }
.pe-7s-exapnd2:before {
content: "\e658"; }
.pe-7s-edit:before {
content: "\e659"; }
.pe-7s-drop:before {
content: "\e65a"; }
.pe-7s-drawer:before {
content: "\e65b"; }
.pe-7s-download:before {
content: "\e65c"; }
.pe-7s-display2:before {
content: "\e65d"; }
.pe-7s-display1:before {
content: "\e65e"; }
.pe-7s-diskette:before {
content: "\e65f"; }
.pe-7s-date:before {
content: "\e660"; }
.pe-7s-cup:before {
content: "\e661"; }
.pe-7s-culture:before {
content: "\e662"; }
.pe-7s-crop:before {
content: "\e663"; }
.pe-7s-credit:before {
content: "\e664"; }
.pe-7s-copy-file:before {
content: "\e665"; }
.pe-7s-config:before {
content: "\e666"; }
.pe-7s-compass:before {
content: "\e667"; }
.pe-7s-comment:before {
content: "\e668"; }
.pe-7s-coffee:before {
content: "\e669"; }
.pe-7s-cloud:before {
content: "\e66a"; }
.pe-7s-clock:before {
content: "\e66b"; }
.pe-7s-check:before {
content: "\e66c"; }
.pe-7s-chat:before {
content: "\e66d"; }
.pe-7s-cart:before {
content: "\e66e"; }
.pe-7s-camera:before {
content: "\e66f"; }
.pe-7s-call:before {
content: "\e670"; }
.pe-7s-calculator:before {
content: "\e671"; }
.pe-7s-browser:before {
content: "\e672"; }
.pe-7s-box2:before {
content: "\e673"; }
.pe-7s-box1:before {
content: "\e674"; }
.pe-7s-bookmarks:before {
content: "\e675"; }
.pe-7s-bicycle:before {
content: "\e676"; }
.pe-7s-bell:before {
content: "\e677"; }
.pe-7s-battery:before {
content: "\e678"; }
.pe-7s-ball:before {
content: "\e679"; }
.pe-7s-back:before {
content: "\e67a"; }
.pe-7s-attention:before {
content: "\e67b"; }
.pe-7s-anchor:before {
content: "\e67c"; }
.pe-7s-albums:before {
content: "\e67d"; }
.pe-7s-alarm:before {
content: "\e67e"; }
.pe-7s-airplay:before {
content: "\e67f"; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face{font-family:'FontAwesome';src:url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.eot?v=4.7.0');src:url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.woff?v=4.7.0') format('woff'),url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{animation:fa-spin 2s infinite linear}
.fa-pulse{animation:fa-spin 1s infinite steps(8)}
@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scale(-1, 1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(1, -1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-twitter:before{content:"\f099"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-feed:before,.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building-o:before{content:"\f0f7"}
.fa-hospital-o:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-alt:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw:before{content:"\f159"}
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before,.fa-gratipay:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
.fa-plus-square-o:before{content:"\f196"}
.fa-space-shuttle:before{content:"\f197"}
.fa-slack:before{content:"\f198"}
.fa-envelope-square:before{content:"\f199"}
.fa-wordpress:before{content:"\f19a"}
.fa-openid:before{content:"\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}
.fa-yahoo:before{content:"\f19e"}
.fa-google:before{content:"\f1a0"}
.fa-reddit:before{content:"\f1a1"}
.fa-reddit-square:before{content:"\f1a2"}
.fa-stumbleupon-circle:before{content:"\f1a3"}
.fa-stumbleupon:before{content:"\f1a4"}
.fa-delicious:before{content:"\f1a5"}
.fa-digg:before{content:"\f1a6"}
.fa-pied-piper-pp:before{content:"\f1a7"}
.fa-pied-piper-alt:before{content:"\f1a8"}
.fa-drupal:before{content:"\f1a9"}
.fa-joomla:before{content:"\f1aa"}
.fa-language:before{content:"\f1ab"}
.fa-fax:before{content:"\f1ac"}
.fa-building:before{content:"\f1ad"}
.fa-child:before{content:"\f1ae"}
.fa-paw:before{content:"\f1b0"}
.fa-spoon:before{content:"\f1b1"}
.fa-cube:before{content:"\f1b2"}
.fa-cubes:before{content:"\f1b3"}
.fa-behance:before{content:"\f1b4"}
.fa-behance-square:before{content:"\f1b5"}
.fa-steam:before{content:"\f1b6"}
.fa-steam-square:before{content:"\f1b7"}
.fa-recycle:before{content:"\f1b8"}
.fa-automobile:before,.fa-car:before{content:"\f1b9"}
.fa-cab:before,.fa-taxi:before{content:"\f1ba"}
.fa-tree:before{content:"\f1bb"}
.fa-spotify:before{content:"\f1bc"}
.fa-deviantart:before{content:"\f1bd"}
.fa-soundcloud:before{content:"\f1be"}
.fa-database:before{content:"\f1c0"}
.fa-file-pdf-o:before{content:"\f1c1"}
.fa-file-word-o:before{content:"\f1c2"}
.fa-file-excel-o:before{content:"\f1c3"}
.fa-file-powerpoint-o:before{content:"\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}
.fa-file-code-o:before{content:"\f1c9"}
.fa-vine:before{content:"\f1ca"}
.fa-codepen:before{content:"\f1cb"}
.fa-jsfiddle:before{content:"\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-circle-o-notch:before{content:"\f1ce"}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}
.fa-ge:before,.fa-empire:before{content:"\f1d1"}
.fa-git-square:before{content:"\f1d2"}
.fa-git:before{content:"\f1d3"}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}
.fa-history:before{content:"\f1da"}
.fa-circle-thin:before{content:"\f1db"}
.fa-header:before{content:"\f1dc"}
.fa-paragraph:before{content:"\f1dd"}
.fa-sliders:before{content:"\f1de"}
.fa-share-alt:before{content:"\f1e0"}
.fa-share-alt-square:before{content:"\f1e1"}
.fa-bomb:before{content:"\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}
.fa-tty:before{content:"\f1e4"}
.fa-binoculars:before{content:"\f1e5"}
.fa-plug:before{content:"\f1e6"}
.fa-slideshare:before{content:"\f1e7"}
.fa-twitch:before{content:"\f1e8"}
.fa-yelp:before{content:"\f1e9"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-wifi:before{content:"\f1eb"}
.fa-calculator:before{content:"\f1ec"}
.fa-paypal:before{content:"\f1ed"}
.fa-google-wallet:before{content:"\f1ee"}
.fa-cc-visa:before{content:"\f1f0"}
.fa-cc-mastercard:before{content:"\f1f1"}
.fa-cc-discover:before{content:"\f1f2"}
.fa-cc-amex:before{content:"\f1f3"}
.fa-cc-paypal:before{content:"\f1f4"}
.fa-cc-stripe:before{content:"\f1f5"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-bell-slash-o:before{content:"\f1f7"}
.fa-trash:before{content:"\f1f8"}
.fa-copyright:before{content:"\f1f9"}
.fa-at:before{content:"\f1fa"}
.fa-eyedropper:before{content:"\f1fb"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-birthday-cake:before{content:"\f1fd"}
.fa-area-chart:before{content:"\f1fe"}
.fa-pie-chart:before{content:"\f200"}
.fa-line-chart:before{content:"\f201"}
.fa-lastfm:before{content:"\f202"}
.fa-lastfm-square:before{content:"\f203"}
.fa-toggle-off:before{content:"\f204"}
.fa-toggle-on:before{content:"\f205"}
.fa-bicycle:before{content:"\f206"}
.fa-bus:before{content:"\f207"}
.fa-ioxhost:before{content:"\f208"}
.fa-angellist:before{content:"\f209"}
.fa-cc:before{content:"\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}
.fa-meanpath:before{content:"\f20c"}
.fa-buysellads:before{content:"\f20d"}
.fa-connectdevelop:before{content:"\f20e"}
.fa-dashcube:before{content:"\f210"}
.fa-forumbee:before{content:"\f211"}
.fa-leanpub:before{content:"\f212"}
.fa-sellsy:before{content:"\f213"}
.fa-shirtsinbulk:before{content:"\f214"}
.fa-simplybuilt:before{content:"\f215"}
.fa-skyatlas:before{content:"\f216"}
.fa-cart-plus:before{content:"\f217"}
.fa-cart-arrow-down:before{content:"\f218"}
.fa-diamond:before{content:"\f219"}
.fa-ship:before{content:"\f21a"}
.fa-user-secret:before{content:"\f21b"}
.fa-motorcycle:before{content:"\f21c"}
.fa-street-view:before{content:"\f21d"}
.fa-heartbeat:before{content:"\f21e"}
.fa-venus:before{content:"\f221"}
.fa-mars:before{content:"\f222"}
.fa-mercury:before{content:"\f223"}
.fa-intersex:before,.fa-transgender:before{content:"\f224"}
.fa-transgender-alt:before{content:"\f225"}
.fa-venus-double:before{content:"\f226"}
.fa-mars-double:before{content:"\f227"}
.fa-venus-mars:before{content:"\f228"}
.fa-mars-stroke:before{content:"\f229"}
.fa-mars-stroke-v:before{content:"\f22a"}
.fa-mars-stroke-h:before{content:"\f22b"}
.fa-neuter:before{content:"\f22c"}
.fa-genderless:before{content:"\f22d"}
.fa-facebook-official:before{content:"\f230"}
.fa-pinterest-p:before{content:"\f231"}
.fa-whatsapp:before{content:"\f232"}
.fa-server:before{content:"\f233"}
.fa-user-plus:before{content:"\f234"}
.fa-user-times:before{content:"\f235"}
.fa-hotel:before,.fa-bed:before{content:"\f236"}
.fa-viacoin:before{content:"\f237"}
.fa-train:before{content:"\f238"}
.fa-subway:before{content:"\f239"}
.fa-medium:before{content:"\f23a"}
.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}
.fa-optin-monster:before{content:"\f23c"}
.fa-opencart:before{content:"\f23d"}
.fa-expeditedssl:before{content:"\f23e"}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}
.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}
.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}
.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}
.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}
.fa-mouse-pointer:before{content:"\f245"}
.fa-i-cursor:before{content:"\f246"}
.fa-object-group:before{content:"\f247"}
.fa-object-ungroup:before{content:"\f248"}
.fa-sticky-note:before{content:"\f249"}
.fa-sticky-note-o:before{content:"\f24a"}
.fa-cc-jcb:before{content:"\f24b"}
.fa-cc-diners-club:before{content:"\f24c"}
.fa-clone:before{content:"\f24d"}
.fa-balance-scale:before{content:"\f24e"}
.fa-hourglass-o:before{content:"\f250"}
.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}
.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}
.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}
.fa-hourglass:before{content:"\f254"}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}
.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}
.fa-hand-scissors-o:before{content:"\f257"}
.fa-hand-lizard-o:before{content:"\f258"}
.fa-hand-spock-o:before{content:"\f259"}
.fa-hand-pointer-o:before{content:"\f25a"}
.fa-hand-peace-o:before{content:"\f25b"}
.fa-trademark:before{content:"\f25c"}
.fa-registered:before{content:"\f25d"}
.fa-creative-commons:before{content:"\f25e"}
.fa-gg:before{content:"\f260"}
.fa-gg-circle:before{content:"\f261"}
.fa-tripadvisor:before{content:"\f262"}
.fa-odnoklassniki:before{content:"\f263"}
.fa-odnoklassniki-square:before{content:"\f264"}
.fa-get-pocket:before{content:"\f265"}
.fa-wikipedia-w:before{content:"\f266"}
.fa-safari:before{content:"\f267"}
.fa-chrome:before{content:"\f268"}
.fa-firefox:before{content:"\f269"}
.fa-opera:before{content:"\f26a"}
.fa-internet-explorer:before{content:"\f26b"}
.fa-tv:before,.fa-television:before{content:"\f26c"}
.fa-contao:before{content:"\f26d"}
.fa-500px:before{content:"\f26e"}
.fa-amazon:before{content:"\f270"}
.fa-calendar-plus-o:before{content:"\f271"}
.fa-calendar-minus-o:before{content:"\f272"}
.fa-calendar-times-o:before{content:"\f273"}
.fa-calendar-check-o:before{content:"\f274"}
.fa-industry:before{content:"\f275"}
.fa-map-pin:before{content:"\f276"}
.fa-map-signs:before{content:"\f277"}
.fa-map-o:before{content:"\f278"}
.fa-map:before{content:"\f279"}
.fa-commenting:before{content:"\f27a"}
.fa-commenting-o:before{content:"\f27b"}
.fa-houzz:before{content:"\f27c"}
.fa-vimeo:before{content:"\f27d"}
.fa-black-tie:before{content:"\f27e"}
.fa-fonticons:before{content:"\f280"}
.fa-reddit-alien:before{content:"\f281"}
.fa-edge:before{content:"\f282"}
.fa-credit-card-alt:before{content:"\f283"}
.fa-codiepie:before{content:"\f284"}
.fa-modx:before{content:"\f285"}
.fa-fort-awesome:before{content:"\f286"}
.fa-usb:before{content:"\f287"}
.fa-product-hunt:before{content:"\f288"}
.fa-mixcloud:before{content:"\f289"}
.fa-scribd:before{content:"\f28a"}
.fa-pause-circle:before{content:"\f28b"}
.fa-pause-circle-o:before{content:"\f28c"}
.fa-stop-circle:before{content:"\f28d"}
.fa-stop-circle-o:before{content:"\f28e"}
.fa-shopping-bag:before{content:"\f290"}
.fa-shopping-basket:before{content:"\f291"}
.fa-hashtag:before{content:"\f292"}
.fa-bluetooth:before{content:"\f293"}
.fa-bluetooth-b:before{content:"\f294"}
.fa-percent:before{content:"\f295"}
.fa-gitlab:before{content:"\f296"}
.fa-wpbeginner:before{content:"\f297"}
.fa-wpforms:before{content:"\f298"}
.fa-envira:before{content:"\f299"}
.fa-universal-access:before{content:"\f29a"}
.fa-wheelchair-alt:before{content:"\f29b"}
.fa-question-circle-o:before{content:"\f29c"}
.fa-blind:before{content:"\f29d"}
.fa-audio-description:before{content:"\f29e"}
.fa-volume-control-phone:before{content:"\f2a0"}
.fa-braille:before{content:"\f2a1"}
.fa-assistive-listening-systems:before{content:"\f2a2"}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}
.fa-glide:before{content:"\f2a5"}
.fa-glide-g:before{content:"\f2a6"}
.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}
.fa-low-vision:before{content:"\f2a8"}
.fa-viadeo:before{content:"\f2a9"}
.fa-viadeo-square:before{content:"\f2aa"}
.fa-snapchat:before{content:"\f2ab"}
.fa-snapchat-ghost:before{content:"\f2ac"}
.fa-snapchat-square:before{content:"\f2ad"}
.fa-pied-piper:before{content:"\f2ae"}
.fa-first-order:before{content:"\f2b0"}
.fa-yoast:before{content:"\f2b1"}
.fa-themeisle:before{content:"\f2b2"}
.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}
.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}
.fa-handshake-o:before{content:"\f2b5"}
.fa-envelope-open:before{content:"\f2b6"}
.fa-envelope-open-o:before{content:"\f2b7"}
.fa-linode:before{content:"\f2b8"}
.fa-address-book:before{content:"\f2b9"}
.fa-address-book-o:before{content:"\f2ba"}
.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}
.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}
.fa-user-circle:before{content:"\f2bd"}
.fa-user-circle-o:before{content:"\f2be"}
.fa-user-o:before{content:"\f2c0"}
.fa-id-badge:before{content:"\f2c1"}
.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}
.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}
.fa-quora:before{content:"\f2c4"}
.fa-free-code-camp:before{content:"\f2c5"}
.fa-telegram:before{content:"\f2c6"}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}
.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}
.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}
.fa-shower:before{content:"\f2cc"}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}
.fa-podcast:before{content:"\f2ce"}
.fa-window-maximize:before{content:"\f2d0"}
.fa-window-minimize:before{content:"\f2d1"}
.fa-window-restore:before{content:"\f2d2"}
.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}
.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}
.fa-bandcamp:before{content:"\f2d5"}
.fa-grav:before{content:"\f2d6"}
.fa-etsy:before{content:"\f2d7"}
.fa-imdb:before{content:"\f2d8"}
.fa-ravelry:before{content:"\f2d9"}
.fa-eercast:before{content:"\f2da"}
.fa-microchip:before{content:"\f2db"}
.fa-snowflake-o:before{content:"\f2dc"}
.fa-superpowers:before{content:"\f2dd"}
.fa-wpexplorer:before{content:"\f2de"}
.fa-meetup:before{content:"\f2e0"}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@font-face {
font-family: 'themify';
src: url('assets-plugins-web-fonts-fonts-themify-themify.eot?-fvbane');
src: url('assets-plugins-web-fonts-fonts-themify-themify.eot?#iefix-fvbane') format("embedded-opentype"), url('assets-plugins-web-fonts-fonts-themify-themify.woff?-fvbane') format("woff"), url('assets-plugins-web-fonts-fonts-themify-themify.ttf?-fvbane') format("truetype"), url('assets-plugins-web-fonts-fonts-themify-themify.svg?-fvbane#themify') format("svg");
font-weight: normal;
font-style: normal;
}
.ti {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}
/*!
* Weather Icons 2.0.8
* Updated September 19, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@font-face {
font-family: 'weathericons';
src: url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.eot');
src: url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.eot?#iefix') format("embedded-opentype"), url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.woff2') format("woff2"), url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.woff') format("woff"), url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.ttf') format("truetype"), url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.svg#weather_iconsregular') format("svg");
font-weight: normal;
font-style: normal;
}
.wi {
display: inline-block;
font-family: 'weathericons';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wi-fw {
text-align: center;
width: 1.4em;
}
.wi-rotate-90 {
transform: rotate(90deg);
}
.wi-rotate-180 {
transform: rotate(180deg);
}
.wi-rotate-270 {
transform: rotate(270deg);
}
.wi-flip-horizontal {
transform: scale(-1, 1);
}
.wi-flip-vertical {
transform: scale(1, -1);
}
.wi-day-sunny:before {
content: "\f00d";
}
.wi-day-cloudy:before {
content: "\f002";
}
.wi-day-cloudy-gusts:before {
content: "\f000";
}
.wi-day-cloudy-windy:before {
content: "\f001";
}
.wi-day-fog:before {
content: "\f003";
}
.wi-day-hail:before {
content: "\f004";
}
.wi-day-haze:before {
content: "\f0b6";
}
.wi-day-lightning:before {
content: "\f005";
}
.wi-day-rain:before {
content: "\f008";
}
.wi-day-rain-mix:before {
content: "\f006";
}
.wi-day-rain-wind:before {
content: "\f007";
}
.wi-day-showers:before {
content: "\f009";
}
.wi-day-sleet:before {
content: "\f0b2";
}
.wi-day-sleet-storm:before {
content: "\f068";
}
.wi-day-snow:before {
content: "\f00a";
}
.wi-day-snow-thunderstorm:before {
content: "\f06b";
}
.wi-day-snow-wind:before {
content: "\f065";
}
.wi-day-sprinkle:before {
content: "\f00b";
}
.wi-day-storm-showers:before {
content: "\f00e";
}
.wi-day-sunny-overcast:before {
content: "\f00c";
}
.wi-day-thunderstorm:before {
content: "\f010";
}
.wi-day-windy:before {
content: "\f085";
}
.wi-solar-eclipse:before {
content: "\f06e";
}
.wi-hot:before {
content: "\f072";
}
.wi-day-cloudy-high:before {
content: "\f07d";
}
.wi-day-light-wind:before {
content: "\f0c4";
}
.wi-night-clear:before {
content: "\f02e";
}
.wi-night-alt-cloudy:before {
content: "\f086";
}
.wi-night-alt-cloudy-gusts:before {
content: "\f022";
}
.wi-night-alt-cloudy-windy:before {
content: "\f023";
}
.wi-night-alt-hail:before {
content: "\f024";
}
.wi-night-alt-lightning:before {
content: "\f025";
}
.wi-night-alt-rain:before {
content: "\f028";
}
.wi-night-alt-rain-mix:before {
content: "\f026";
}
.wi-night-alt-rain-wind:before {
content: "\f027";
}
.wi-night-alt-showers:before {
content: "\f029";
}
.wi-night-alt-sleet:before {
content: "\f0b4";
}
.wi-night-alt-sleet-storm:before {
content: "\f06a";
}
.wi-night-alt-snow:before {
content: "\f02a";
}
.wi-night-alt-snow-thunderstorm:before {
content: "\f06d";
}
.wi-night-alt-snow-wind:before {
content: "\f067";
}
.wi-night-alt-sprinkle:before {
content: "\f02b";
}
.wi-night-alt-storm-showers:before {
content: "\f02c";
}
.wi-night-alt-thunderstorm:before {
content: "\f02d";
}
.wi-night-cloudy:before {
content: "\f031";
}
.wi-night-cloudy-gusts:before {
content: "\f02f";
}
.wi-night-cloudy-windy:before {
content: "\f030";
}
.wi-night-fog:before {
content: "\f04a";
}
.wi-night-hail:before {
content: "\f032";
}
.wi-night-lightning:before {
content: "\f033";
}
.wi-night-partly-cloudy:before {
content: "\f083";
}
.wi-night-rain:before {
content: "\f036";
}
.wi-night-rain-mix:before {
content: "\f034";
}
.wi-night-rain-wind:before {
content: "\f035";
}
.wi-night-showers:before {
content: "\f037";
}
.wi-night-sleet:before {
content: "\f0b3";
}
.wi-night-sleet-storm:before {
content: "\f069";
}
.wi-night-snow:before {
content: "\f038";
}
.wi-night-snow-thunderstorm:before {
content: "\f06c";
}
.wi-night-snow-wind:before {
content: "\f066";
}
.wi-night-sprinkle:before {
content: "\f039";
}
.wi-night-storm-showers:before {
content: "\f03a";
}
.wi-night-thunderstorm:before {
content: "\f03b";
}
.wi-lunar-eclipse:before {
content: "\f070";
}
.wi-stars:before {
content: "\f077";
}
.wi-storm-showers:before {
content: "\f01d";
}
.wi-thunderstorm:before {
content: "\f01e";
}
.wi-night-alt-cloudy-high:before {
content: "\f07e";
}
.wi-night-cloudy-high:before {
content: "\f080";
}
.wi-night-alt-partly-cloudy:before {
content: "\f081";
}
.wi-cloud:before {
content: "\f041";
}
.wi-cloudy:before {
content: "\f013";
}
.wi-cloudy-gusts:before {
content: "\f011";
}
.wi-cloudy-windy:before {
content: "\f012";
}
.wi-fog:before {
content: "\f014";
}
.wi-hail:before {
content: "\f015";
}
.wi-rain:before {
content: "\f019";
}
.wi-rain-mix:before {
content: "\f017";
}
.wi-rain-wind:before {
content: "\f018";
}
.wi-showers:before {
content: "\f01a";
}
.wi-sleet:before {
content: "\f0b5";
}
.wi-snow:before {
content: "\f01b";
}
.wi-sprinkle:before {
content: "\f01c";
}
.wi-storm-showers:before {
content: "\f01d";
}
.wi-thunderstorm:before {
content: "\f01e";
}
.wi-snow-wind:before {
content: "\f064";
}
.wi-snow:before {
content: "\f01b";
}
.wi-smog:before {
content: "\f074";
}
.wi-smoke:before {
content: "\f062";
}
.wi-lightning:before {
content: "\f016";
}
.wi-raindrops:before {
content: "\f04e";
}
.wi-raindrop:before {
content: "\f078";
}
.wi-dust:before {
content: "\f063";
}
.wi-snowflake-cold:before {
content: "\f076";
}
.wi-windy:before {
content: "\f021";
}
.wi-strong-wind:before {
content: "\f050";
}
.wi-sandstorm:before {
content: "\f082";
}
.wi-earthquake:before {
content: "\f0c6";
}
.wi-fire:before {
content: "\f0c7";
}
.wi-flood:before {
content: "\f07c";
}
.wi-meteor:before {
content: "\f071";
}
.wi-tsunami:before {
content: "\f0c5";
}
.wi-volcano:before {
content: "\f0c8";
}
.wi-hurricane:before {
content: "\f073";
}
.wi-tornado:before {
content: "\f056";
}
.wi-small-craft-advisory:before {
content: "\f0cc";
}
.wi-gale-warning:before {
content: "\f0cd";
}
.wi-storm-warning:before {
content: "\f0ce";
}
.wi-hurricane-warning:before {
content: "\f0cf";
}
.wi-wind-direction:before {
content: "\f0b1";
}
.wi-alien:before {
content: "\f075";
}
.wi-celsius:before {
content: "\f03c";
}
.wi-fahrenheit:before {
content: "\f045";
}
.wi-degrees:before {
content: "\f042";
}
.wi-thermometer:before {
content: "\f055";
}
.wi-thermometer-exterior:before {
content: "\f053";
}
.wi-thermometer-internal:before {
content: "\f054";
}
.wi-cloud-down:before {
content: "\f03d";
}
.wi-cloud-up:before {
content: "\f040";
}
.wi-cloud-refresh:before {
content: "\f03e";
}
.wi-horizon:before {
content: "\f047";
}
.wi-horizon-alt:before {
content: "\f046";
}
.wi-sunrise:before {
content: "\f051";
}
.wi-sunset:before {
content: "\f052";
}
.wi-moonrise:before {
content: "\f0c9";
}
.wi-moonset:before {
content: "\f0ca";
}
.wi-refresh:before {
content: "\f04c";
}
.wi-refresh-alt:before {
content: "\f04b";
}
.wi-umbrella:before {
content: "\f084";
}
.wi-barometer:before {
content: "\f079";
}
.wi-humidity:before {
content: "\f07a";
}
.wi-na:before {
content: "\f07b";
}
.wi-train:before {
content: "\f0cb";
}
.wi-moon-new:before {
content: "\f095";
}
.wi-moon-waxing-crescent-1:before {
content: "\f096";
}
.wi-moon-waxing-crescent-2:before {
content: "\f097";
}
.wi-moon-waxing-crescent-3:before {
content: "\f098";
}
.wi-moon-waxing-crescent-4:before {
content: "\f099";
}
.wi-moon-waxing-crescent-5:before {
content: "\f09a";
}
.wi-moon-waxing-crescent-6:before {
content: "\f09b";
}
.wi-moon-first-quarter:before {
content: "\f09c";
}
.wi-moon-waxing-gibbous-1:before {
content: "\f09d";
}
.wi-moon-waxing-gibbous-2:before {
content: "\f09e";
}
.wi-moon-waxing-gibbous-3:before {
content: "\f09f";
}
.wi-moon-waxing-gibbous-4:before {
content: "\f0a0";
}
.wi-moon-waxing-gibbous-5:before {
content: "\f0a1";
}
.wi-moon-waxing-gibbous-6:before {
content: "\f0a2";
}
.wi-moon-full:before {
content: "\f0a3";
}
.wi-moon-waning-gibbous-1:before {
content: "\f0a4";
}
.wi-moon-waning-gibbous-2:before {
content: "\f0a5";
}
.wi-moon-waning-gibbous-3:before {
content: "\f0a6";
}
.wi-moon-waning-gibbous-4:before {
content: "\f0a7";
}
.wi-moon-waning-gibbous-5:before {
content: "\f0a8";
}
.wi-moon-waning-gibbous-6:before {
content: "\f0a9";
}
.wi-moon-third-quarter:before {
content: "\f0aa";
}
.wi-moon-waning-crescent-1:before {
content: "\f0ab";
}
.wi-moon-waning-crescent-2:before {
content: "\f0ac";
}
.wi-moon-waning-crescent-3:before {
content: "\f0ad";
}
.wi-moon-waning-crescent-4:before {
content: "\f0ae";
}
.wi-moon-waning-crescent-5:before {
content: "\f0af";
}
.wi-moon-waning-crescent-6:before {
content: "\f0b0";
}
.wi-moon-alt-new:before {
content: "\f0eb";
}
.wi-moon-alt-waxing-crescent-1:before {
content: "\f0d0";
}
.wi-moon-alt-waxing-crescent-2:before {
content: "\f0d1";
}
.wi-moon-alt-waxing-crescent-3:before {
content: "\f0d2";
}
.wi-moon-alt-waxing-crescent-4:before {
content: "\f0d3";
}
.wi-moon-alt-waxing-crescent-5:before {
content: "\f0d4";
}
.wi-moon-alt-waxing-crescent-6:before {
content: "\f0d5";
}
.wi-moon-alt-first-quarter:before {
content: "\f0d6";
}
.wi-moon-alt-waxing-gibbous-1:before {
content: "\f0d7";
}
.wi-moon-alt-waxing-gibbous-2:before {
content: "\f0d8";
}
.wi-moon-alt-waxing-gibbous-3:before {
content: "\f0d9";
}
.wi-moon-alt-waxing-gibbous-4:before {
content: "\f0da";
}
.wi-moon-alt-waxing-gibbous-5:before {
content: "\f0db";
}
.wi-moon-alt-waxing-gibbous-6:before {
content: "\f0dc";
}
.wi-moon-alt-full:before {
content: "\f0dd";
}
.wi-moon-alt-waning-gibbous-1:before {
content: "\f0de";
}
.wi-moon-alt-waning-gibbous-2:before {
content: "\f0df";
}
.wi-moon-alt-waning-gibbous-3:before {
content: "\f0e0";
}
.wi-moon-alt-waning-gibbous-4:before {
content: "\f0e1";
}
.wi-moon-alt-waning-gibbous-5:before {
content: "\f0e2";
}
.wi-moon-alt-waning-gibbous-6:before {
content: "\f0e3";
}
.wi-moon-alt-third-quarter:before {
content: "\f0e4";
}
.wi-moon-alt-waning-crescent-1:before {
content: "\f0e5";
}
.wi-moon-alt-waning-crescent-2:before {
content: "\f0e6";
}
.wi-moon-alt-waning-crescent-3:before {
content: "\f0e7";
}
.wi-moon-alt-waning-crescent-4:before {
content: "\f0e8";
}
.wi-moon-alt-waning-crescent-5:before {
content: "\f0e9";
}
.wi-moon-alt-waning-crescent-6:before {
content: "\f0ea";
}
.wi-moon-0:before {
content: "\f095";
}
.wi-moon-1:before {
content: "\f096";
}
.wi-moon-2:before {
content: "\f097";
}
.wi-moon-3:before {
content: "\f098";
}
.wi-moon-4:before {
content: "\f099";
}
.wi-moon-5:before {
content: "\f09a";
}
.wi-moon-6:before {
content: "\f09b";
}
.wi-moon-7:before {
content: "\f09c";
}
.wi-moon-8:before {
content: "\f09d";
}
.wi-moon-9:before {
content: "\f09e";
}
.wi-moon-10:before {
content: "\f09f";
}
.wi-moon-11:before {
content: "\f0a0";
}
.wi-moon-12:before {
content: "\f0a1";
}
.wi-moon-13:before {
content: "\f0a2";
}
.wi-moon-14:before {
content: "\f0a3";
}
.wi-moon-15:before {
content: "\f0a4";
}
.wi-moon-16:before {
content: "\f0a5";
}
.wi-moon-17:before {
content: "\f0a6";
}
.wi-moon-18:before {
content: "\f0a7";
}
.wi-moon-19:before {
content: "\f0a8";
}
.wi-moon-20:before {
content: "\f0a9";
}
.wi-moon-21:before {
content: "\f0aa";
}
.wi-moon-22:before {
content: "\f0ab";
}
.wi-moon-23:before {
content: "\f0ac";
}
.wi-moon-24:before {
content: "\f0ad";
}
.wi-moon-25:before {
content: "\f0ae";
}
.wi-moon-26:before {
content: "\f0af";
}
.wi-moon-27:before {
content: "\f0b0";
}
.wi-time-1:before {
content: "\f08a";
}
.wi-time-2:before {
content: "\f08b";
}
.wi-time-3:before {
content: "\f08c";
}
.wi-time-4:before {
content: "\f08d";
}
.wi-time-5:before {
content: "\f08e";
}
.wi-time-6:before {
content: "\f08f";
}
.wi-time-7:before {
content: "\f090";
}
.wi-time-8:before {
content: "\f091";
}
.wi-time-9:before {
content: "\f092";
}
.wi-time-10:before {
content: "\f093";
}
.wi-time-11:before {
content: "\f094";
}
.wi-time-12:before {
content: "\f089";
}
.wi-direction-up:before {
content: "\f058";
}
.wi-direction-up-right:before {
content: "\f057";
}
.wi-direction-right:before {
content: "\f04d";
}
.wi-direction-down-right:before {
content: "\f088";
}
.wi-direction-down:before {
content: "\f044";
}
.wi-direction-down-left:before {
content: "\f043";
}
.wi-direction-left:before {
content: "\f048";
}
.wi-direction-up-left:before {
content: "\f087";
}
.wi-wind-beaufort-0:before {
content: "\f0b7";
}
.wi-wind-beaufort-1:before {
content: "\f0b8";
}
.wi-wind-beaufort-2:before {
content: "\f0b9";
}
.wi-wind-beaufort-3:before {
content: "\f0ba";
}
.wi-wind-beaufort-4:before {
content: "\f0bb";
}
.wi-wind-beaufort-5:before {
content: "\f0bc";
}
.wi-wind-beaufort-6:before {
content: "\f0bd";
}
.wi-wind-beaufort-7:before {
content: "\f0be";
}
.wi-wind-beaufort-8:before {
content: "\f0bf";
}
.wi-wind-beaufort-9:before {
content: "\f0c0";
}
.wi-wind-beaufort-10:before {
content: "\f0c1";
}
.wi-wind-beaufort-11:before {
content: "\f0c2";
}
.wi-wind-beaufort-12:before {
content: "\f0c3";
}
.wi-yahoo-0:before {
content: "\f056";
}
.wi-yahoo-1:before {
content: "\f00e";
}
.wi-yahoo-2:before {
content: "\f073";
}
.wi-yahoo-3:before {
content: "\f01e";
}
.wi-yahoo-4:before {
content: "\f01e";
}
.wi-yahoo-5:before {
content: "\f017";
}
.wi-yahoo-6:before {
content: "\f017";
}
.wi-yahoo-7:before {
content: "\f017";
}
.wi-yahoo-8:before {
content: "\f015";
}
.wi-yahoo-9:before {
content: "\f01a";
}
.wi-yahoo-10:before {
content: "\f015";
}
.wi-yahoo-11:before {
content: "\f01a";
}
.wi-yahoo-12:before {
content: "\f01a";
}
.wi-yahoo-13:before {
content: "\f01b";
}
.wi-yahoo-14:before {
content: "\f00a";
}
.wi-yahoo-15:before {
content: "\f064";
}
.wi-yahoo-16:before {
content: "\f01b";
}
.wi-yahoo-17:before {
content: "\f015";
}
.wi-yahoo-18:before {
content: "\f017";
}
.wi-yahoo-19:before {
content: "\f063";
}
.wi-yahoo-20:before {
content: "\f014";
}
.wi-yahoo-21:before {
content: "\f021";
}
.wi-yahoo-22:before {
content: "\f062";
}
.wi-yahoo-23:before {
content: "\f050";
}
.wi-yahoo-24:before {
content: "\f050";
}
.wi-yahoo-25:before {
content: "\f076";
}
.wi-yahoo-26:before {
content: "\f013";
}
.wi-yahoo-27:before {
content: "\f031";
}
.wi-yahoo-28:before {
content: "\f002";
}
.wi-yahoo-29:before {
content: "\f031";
}
.wi-yahoo-30:before {
content: "\f002";
}
.wi-yahoo-31:before {
content: "\f02e";
}
.wi-yahoo-32:before {
content: "\f00d";
}
.wi-yahoo-33:before {
content: "\f083";
}
.wi-yahoo-34:before {
content: "\f00c";
}
.wi-yahoo-35:before {
content: "\f017";
}
.wi-yahoo-36:before {
content: "\f072";
}
.wi-yahoo-37:before {
content: "\f00e";
}
.wi-yahoo-38:before {
content: "\f00e";
}
.wi-yahoo-39:before {
content: "\f00e";
}
.wi-yahoo-40:before {
content: "\f01a";
}
.wi-yahoo-41:before {
content: "\f064";
}
.wi-yahoo-42:before {
content: "\f01b";
}
.wi-yahoo-43:before {
content: "\f064";
}
.wi-yahoo-44:before {
content: "\f00c";
}
.wi-yahoo-45:before {
content: "\f00e";
}
.wi-yahoo-46:before {
content: "\f01b";
}
.wi-yahoo-47:before {
content: "\f00e";
}
.wi-yahoo-3200:before {
content: "\f077";
}
.wi-forecast-io-clear-day:before {
content: "\f00d";
}
.wi-forecast-io-clear-night:before {
content: "\f02e";
}
.wi-forecast-io-rain:before {
content: "\f019";
}
.wi-forecast-io-snow:before {
content: "\f01b";
}
.wi-forecast-io-sleet:before {
content: "\f0b5";
}
.wi-forecast-io-wind:before {
content: "\f050";
}
.wi-forecast-io-fog:before {
content: "\f014";
}
.wi-forecast-io-cloudy:before {
content: "\f013";
}
.wi-forecast-io-partly-cloudy-day:before {
content: "\f002";
}
.wi-forecast-io-partly-cloudy-night:before {
content: "\f031";
}
.wi-forecast-io-hail:before {
content: "\f015";
}
.wi-forecast-io-thunderstorm:before {
content: "\f01e";
}
.wi-forecast-io-tornado:before {
content: "\f056";
}
.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
content: "\f055";
}
.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
content: "\f013";
}
.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
content: "\f055";
}
.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
content: "\f013";
}
.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
content: "\f014";
}
.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
content: "\f014";
}
.wi-wmo4680-10:before {
content: "\f014";
}
.wi-wmo4680-11:before {
content: "\f014";
}
.wi-wmo4680-12:before {
content: "\f016";
}
.wi-wmo4680-18:before {
content: "\f050";
}
.wi-wmo4680-20:before {
content: "\f014";
}
.wi-wmo4680-21:before {
content: "\f017";
}
.wi-wmo4680-22:before {
content: "\f017";
}
.wi-wmo4680-23:before {
content: "\f019";
}
.wi-wmo4680-24:before {
content: "\f01b";
}
.wi-wmo4680-25:before {
content: "\f015";
}
.wi-wmo4680-26:before {
content: "\f01e";
}
.wi-wmo4680-27:before {
content: "\f063";
}
.wi-wmo4680-28:before {
content: "\f063";
}
.wi-wmo4680-29:before {
content: "\f063";
}
.wi-wmo4680-30:before {
content: "\f014";
}
.wi-wmo4680-31:before {
content: "\f014";
}
.wi-wmo4680-32:before {
content: "\f014";
}
.wi-wmo4680-33:before {
content: "\f014";
}
.wi-wmo4680-34:before {
content: "\f014";
}
.wi-wmo4680-35:before {
content: "\f014";
}
.wi-wmo4680-40:before {
content: "\f017";
}
.wi-wmo4680-41:before {
content: "\f01c";
}
.wi-wmo4680-42:before {
content: "\f019";
}
.wi-wmo4680-43:before {
content: "\f01c";
}
.wi-wmo4680-44:before {
content: "\f019";
}
.wi-wmo4680-45:before {
content: "\f015";
}
.wi-wmo4680-46:before {
content: "\f015";
}
.wi-wmo4680-47:before {
content: "\f01b";
}
.wi-wmo4680-48:before {
content: "\f01b";
}
.wi-wmo4680-50:before {
content: "\f01c";
}
.wi-wmo4680-51:before {
content: "\f01c";
}
.wi-wmo4680-52:before {
content: "\f019";
}
.wi-wmo4680-53:before {
content: "\f019";
}
.wi-wmo4680-54:before {
content: "\f076";
}
.wi-wmo4680-55:before {
content: "\f076";
}
.wi-wmo4680-56:before {
content: "\f076";
}
.wi-wmo4680-57:before {
content: "\f01c";
}
.wi-wmo4680-58:before {
content: "\f019";
}
.wi-wmo4680-60:before {
content: "\f01c";
}
.wi-wmo4680-61:before {
content: "\f01c";
}
.wi-wmo4680-62:before {
content: "\f019";
}
.wi-wmo4680-63:before {
content: "\f019";
}
.wi-wmo4680-64:before {
content: "\f015";
}
.wi-wmo4680-65:before {
content: "\f015";
}
.wi-wmo4680-66:before {
content: "\f015";
}
.wi-wmo4680-67:before {
content: "\f017";
}
.wi-wmo4680-68:before {
content: "\f017";
}
.wi-wmo4680-70:before {
content: "\f01b";
}
.wi-wmo4680-71:before {
content: "\f01b";
}
.wi-wmo4680-72:before {
content: "\f01b";
}
.wi-wmo4680-73:before {
content: "\f01b";
}
.wi-wmo4680-74:before {
content: "\f076";
}
.wi-wmo4680-75:before {
content: "\f076";
}
.wi-wmo4680-76:before {
content: "\f076";
}
.wi-wmo4680-77:before {
content: "\f01b";
}
.wi-wmo4680-78:before {
content: "\f076";
}
.wi-wmo4680-80:before {
content: "\f019";
}
.wi-wmo4680-81:before {
content: "\f01c";
}
.wi-wmo4680-82:before {
content: "\f019";
}
.wi-wmo4680-83:before {
content: "\f019";
}
.wi-wmo4680-84:before {
content: "\f01d";
}
.wi-wmo4680-85:before {
content: "\f017";
}
.wi-wmo4680-86:before {
content: "\f017";
}
.wi-wmo4680-87:before {
content: "\f017";
}
.wi-wmo4680-89:before {
content: "\f015";
}
.wi-wmo4680-90:before {
content: "\f016";
}
.wi-wmo4680-91:before {
content: "\f01d";
}
.wi-wmo4680-92:before {
content: "\f01e";
}
.wi-wmo4680-93:before {
content: "\f01e";
}
.wi-wmo4680-94:before {
content: "\f016";
}
.wi-wmo4680-95:before {
content: "\f01e";
}
.wi-wmo4680-96:before {
content: "\f01e";
}
.wi-wmo4680-99:before {
content: "\f056";
}
.wi-owm-200:before {
content: "\f01e";
}
.wi-owm-201:before {
content: "\f01e";
}
.wi-owm-202:before {
content: "\f01e";
}
.wi-owm-210:before {
content: "\f016";
}
.wi-owm-211:before {
content: "\f016";
}
.wi-owm-212:before {
content: "\f016";
}
.wi-owm-221:before {
content: "\f016";
}
.wi-owm-230:before {
content: "\f01e";
}
.wi-owm-231:before {
content: "\f01e";
}
.wi-owm-232:before {
content: "\f01e";
}
.wi-owm-300:before {
content: "\f01c";
}
.wi-owm-301:before {
content: "\f01c";
}
.wi-owm-302:before {
content: "\f019";
}
.wi-owm-310:before {
content: "\f017";
}
.wi-owm-311:before {
content: "\f019";
}
.wi-owm-312:before {
content: "\f019";
}
.wi-owm-313:before {
content: "\f01a";
}
.wi-owm-314:before {
content: "\f019";
}
.wi-owm-321:before {
content: "\f01c";
}
.wi-owm-500:before {
content: "\f01c";
}
.wi-owm-501:before {
content: "\f019";
}
.wi-owm-502:before {
content: "\f019";
}
.wi-owm-503:before {
content: "\f019";
}
.wi-owm-504:before {
content: "\f019";
}
.wi-owm-511:before {
content: "\f017";
}
.wi-owm-520:before {
content: "\f01a";
}
.wi-owm-521:before {
content: "\f01a";
}
.wi-owm-522:before {
content: "\f01a";
}
.wi-owm-531:before {
content: "\f01d";
}
.wi-owm-600:before {
content: "\f01b";
}
.wi-owm-601:before {
content: "\f01b";
}
.wi-owm-602:before {
content: "\f0b5";
}
.wi-owm-611:before {
content: "\f017";
}
.wi-owm-612:before {
content: "\f017";
}
.wi-owm-615:before {
content: "\f017";
}
.wi-owm-616:before {
content: "\f017";
}
.wi-owm-620:before {
content: "\f017";
}
.wi-owm-621:before {
content: "\f01b";
}
.wi-owm-622:before {
content: "\f01b";
}
.wi-owm-701:before {
content: "\f01a";
}
.wi-owm-711:before {
content: "\f062";
}
.wi-owm-721:before {
content: "\f0b6";
}
.wi-owm-731:before {
content: "\f063";
}
.wi-owm-741:before {
content: "\f014";
}
.wi-owm-761:before {
content: "\f063";
}
.wi-owm-762:before {
content: "\f063";
}
.wi-owm-771:before {
content: "\f011";
}
.wi-owm-781:before {
content: "\f056";
}
.wi-owm-800:before {
content: "\f00d";
}
.wi-owm-801:before {
content: "\f011";
}
.wi-owm-802:before {
content: "\f011";
}
.wi-owm-803:before {
content: "\f012";
}
.wi-owm-804:before {
content: "\f013";
}
.wi-owm-900:before {
content: "\f056";
}
.wi-owm-901:before {
content: "\f01d";
}
.wi-owm-902:before {
content: "\f073";
}
.wi-owm-903:before {
content: "\f076";
}
.wi-owm-904:before {
content: "\f072";
}
.wi-owm-905:before {
content: "\f021";
}
.wi-owm-906:before {
content: "\f015";
}
.wi-owm-957:before {
content: "\f050";
}
.wi-owm-day-200:before {
content: "\f010";
}
.wi-owm-day-201:before {
content: "\f010";
}
.wi-owm-day-202:before {
content: "\f010";
}
.wi-owm-day-210:before {
content: "\f005";
}
.wi-owm-day-211:before {
content: "\f005";
}
.wi-owm-day-212:before {
content: "\f005";
}
.wi-owm-day-221:before {
content: "\f005";
}
.wi-owm-day-230:before {
content: "\f010";
}
.wi-owm-day-231:before {
content: "\f010";
}
.wi-owm-day-232:before {
content: "\f010";
}
.wi-owm-day-300:before {
content: "\f00b";
}
.wi-owm-day-301:before {
content: "\f00b";
}
.wi-owm-day-302:before {
content: "\f008";
}
.wi-owm-day-310:before {
content: "\f008";
}
.wi-owm-day-311:before {
content: "\f008";
}
.wi-owm-day-312:before {
content: "\f008";
}
.wi-owm-day-313:before {
content: "\f008";
}
.wi-owm-day-314:before {
content: "\f008";
}
.wi-owm-day-321:before {
content: "\f00b";
}
.wi-owm-day-500:before {
content: "\f00b";
}
.wi-owm-day-501:before {
content: "\f008";
}
.wi-owm-day-502:before {
content: "\f008";
}
.wi-owm-day-503:before {
content: "\f008";
}
.wi-owm-day-504:before {
content: "\f008";
}
.wi-owm-day-511:before {
content: "\f006";
}
.wi-owm-day-520:before {
content: "\f009";
}
.wi-owm-day-521:before {
content: "\f009";
}
.wi-owm-day-522:before {
content: "\f009";
}
.wi-owm-day-531:before {
content: "\f00e";
}
.wi-owm-day-600:before {
content: "\f00a";
}
.wi-owm-day-601:before {
content: "\f0b2";
}
.wi-owm-day-602:before {
content: "\f00a";
}
.wi-owm-day-611:before {
content: "\f006";
}
.wi-owm-day-612:before {
content: "\f006";
}
.wi-owm-day-615:before {
content: "\f006";
}
.wi-owm-day-616:before {
content: "\f006";
}
.wi-owm-day-620:before {
content: "\f006";
}
.wi-owm-day-621:before {
content: "\f00a";
}
.wi-owm-day-622:before {
content: "\f00a";
}
.wi-owm-day-701:before {
content: "\f009";
}
.wi-owm-day-711:before {
content: "\f062";
}
.wi-owm-day-721:before {
content: "\f0b6";
}
.wi-owm-day-731:before {
content: "\f063";
}
.wi-owm-day-741:before {
content: "\f003";
}
.wi-owm-day-761:before {
content: "\f063";
}
.wi-owm-day-762:before {
content: "\f063";
}
.wi-owm-day-781:before {
content: "\f056";
}
.wi-owm-day-800:before {
content: "\f00d";
}
.wi-owm-day-801:before {
content: "\f000";
}
.wi-owm-day-802:before {
content: "\f000";
}
.wi-owm-day-803:before {
content: "\f000";
}
.wi-owm-day-804:before {
content: "\f00c";
}
.wi-owm-day-900:before {
content: "\f056";
}
.wi-owm-day-902:before {
content: "\f073";
}
.wi-owm-day-903:before {
content: "\f076";
}
.wi-owm-day-904:before {
content: "\f072";
}
.wi-owm-day-906:before {
content: "\f004";
}
.wi-owm-day-957:before {
content: "\f050";
}
.wi-owm-night-200:before {
content: "\f02d";
}
.wi-owm-night-201:before {
content: "\f02d";
}
.wi-owm-night-202:before {
content: "\f02d";
}
.wi-owm-night-210:before {
content: "\f025";
}
.wi-owm-night-211:before {
content: "\f025";
}
.wi-owm-night-212:before {
content: "\f025";
}
.wi-owm-night-221:before {
content: "\f025";
}
.wi-owm-night-230:before {
content: "\f02d";
}
.wi-owm-night-231:before {
content: "\f02d";
}
.wi-owm-night-232:before {
content: "\f02d";
}
.wi-owm-night-300:before {
content: "\f02b";
}
.wi-owm-night-301:before {
content: "\f02b";
}
.wi-owm-night-302:before {
content: "\f028";
}
.wi-owm-night-310:before {
content: "\f028";
}
.wi-owm-night-311:before {
content: "\f028";
}
.wi-owm-night-312:before {
content: "\f028";
}
.wi-owm-night-313:before {
content: "\f028";
}
.wi-owm-night-314:before {
content: "\f028";
}
.wi-owm-night-321:before {
content: "\f02b";
}
.wi-owm-night-500:before {
content: "\f02b";
}
.wi-owm-night-501:before {
content: "\f028";
}
.wi-owm-night-502:before {
content: "\f028";
}
.wi-owm-night-503:before {
content: "\f028";
}
.wi-owm-night-504:before {
content: "\f028";
}
.wi-owm-night-511:before {
content: "\f026";
}
.wi-owm-night-520:before {
content: "\f029";
}
.wi-owm-night-521:before {
content: "\f029";
}
.wi-owm-night-522:before {
content: "\f029";
}
.wi-owm-night-531:before {
content: "\f02c";
}
.wi-owm-night-600:before {
content: "\f02a";
}
.wi-owm-night-601:before {
content: "\f0b4";
}
.wi-owm-night-602:before {
content: "\f02a";
}
.wi-owm-night-611:before {
content: "\f026";
}
.wi-owm-night-612:before {
content: "\f026";
}
.wi-owm-night-615:before {
content: "\f026";
}
.wi-owm-night-616:before {
content: "\f026";
}
.wi-owm-night-620:before {
content: "\f026";
}
.wi-owm-night-621:before {
content: "\f02a";
}
.wi-owm-night-622:before {
content: "\f02a";
}
.wi-owm-night-701:before {
content: "\f029";
}
.wi-owm-night-711:before {
content: "\f062";
}
.wi-owm-night-721:before {
content: "\f0b6";
}
.wi-owm-night-731:before {
content: "\f063";
}
.wi-owm-night-741:before {
content: "\f04a";
}
.wi-owm-night-761:before {
content: "\f063";
}
.wi-owm-night-762:before {
content: "\f063";
}
.wi-owm-night-781:before {
content: "\f056";
}
.wi-owm-night-800:before {
content: "\f02e";
}
.wi-owm-night-801:before {
content: "\f022";
}
.wi-owm-night-802:before {
content: "\f022";
}
.wi-owm-night-803:before {
content: "\f022";
}
.wi-owm-night-804:before {
content: "\f086";
}
.wi-owm-night-900:before {
content: "\f056";
}
.wi-owm-night-902:before {
content: "\f073";
}
.wi-owm-night-903:before {
content: "\f076";
}
.wi-owm-night-904:before {
content: "\f072";
}
.wi-owm-night-906:before {
content: "\f024";
}
.wi-owm-night-957:before {
content: "\f050";
}
.wi-wu-chanceflurries:before {
content: "\f064";
}
.wi-wu-chancerain:before {
content: "\f019";
}
.wi-wu-chancesleat:before {
content: "\f0b5";
}
.wi-wu-chancesnow:before {
content: "\f01b";
}
.wi-wu-chancetstorms:before {
content: "\f01e";
}
.wi-wu-clear:before {
content: "\f00d";
}
.wi-wu-cloudy:before {
content: "\f002";
}
.wi-wu-flurries:before {
content: "\f064";
}
.wi-wu-hazy:before {
content: "\f0b6";
}
.wi-wu-mostlycloudy:before {
content: "\f002";
}
.wi-wu-mostlysunny:before {
content: "\f00d";
}
.wi-wu-partlycloudy:before {
content: "\f002";
}
.wi-wu-partlysunny:before {
content: "\f00d";
}
.wi-wu-rain:before {
content: "\f01a";
}
.wi-wu-sleat:before {
content: "\f0b5";
}
.wi-wu-snow:before {
content: "\f01b";
}
.wi-wu-sunny:before {
content: "\f00d";
}
.wi-wu-tstorms:before {
content: "\f01e";
}
.wi-wu-unknown:before {
content: "\f00d";
}
/* MaterialDesignIcons.com */
@font-face {
font-family: "Material Design Icons";
src: url('materialdesignicons-webfont.eot?v=2.0.46');
src: url('materialdesignicons-webfont.eot?#iefix&v=2.0.46') format("embedded-opentype"), url('materialdesignicons-webfont.woff2?v=2.0.46') format("woff2"), url('materialdesignicons-webfont.woff?v=2.0.46') format("woff"), url('materialdesignicons-webfont.ttf?v=2.0.46') format("truetype"), url('materialdesignicons-webfont.svg?v=2.0.46#materialdesigniconsregular') format("svg");
font-weight: normal;
font-style: normal;
}
.mdi {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdi-access-point:before {
content: "\F002";
}
.mdi-access-point-network:before {
content: "\F003";
}
.mdi-account:before {
content: "\F004";
}
.mdi-account-alert:before {
content: "\F005";
}
.mdi-account-box:before {
content: "\F006";
}
.mdi-account-box-outline:before {
content: "\F007";
}
.mdi-account-card-details:before {
content: "\F5D2";
}
.mdi-account-check:before {
content: "\F008";
}
.mdi-account-circle:before {
content: "\F009";
}
.mdi-account-convert:before {
content: "\F00A";
}
.mdi-account-edit:before {
content: "\F6BB";
}
.mdi-account-key:before {
content: "\F00B";
}
.mdi-account-location:before {
content: "\F00C";
}
.mdi-account-minus:before {
content: "\F00D";
}
.mdi-account-multiple:before {
content: "\F00E";
}
.mdi-account-multiple-minus:before {
content: "\F5D3";
}
.mdi-account-multiple-outline:before {
content: "\F00F";
}
.mdi-account-multiple-plus:before {
content: "\F010";
}
.mdi-account-network:before {
content: "\F011";
}
.mdi-account-off:before {
content: "\F012";
}
.mdi-account-outline:before {
content: "\F013";
}
.mdi-account-plus:before {
content: "\F014";
}
.mdi-account-remove:before {
content: "\F015";
}
.mdi-account-search:before {
content: "\F016";
}
.mdi-account-settings:before {
content: "\F630";
}
.mdi-account-settings-variant:before {
content: "\F631";
}
.mdi-account-star:before {
content: "\F017";
}
.mdi-account-switch:before {
content: "\F019";
}
.mdi-adjust:before {
content: "\F01A";
}
.mdi-air-conditioner:before {
content: "\F01B";
}
.mdi-airballoon:before {
content: "\F01C";
}
.mdi-airplane:before {
content: "\F01D";
}
.mdi-airplane-landing:before {
content: "\F5D4";
}
.mdi-airplane-off:before {
content: "\F01E";
}
.mdi-airplane-takeoff:before {
content: "\F5D5";
}
.mdi-airplay:before {
content: "\F01F";
}
.mdi-alarm:before {
content: "\F020";
}
.mdi-alarm-bell:before {
content: "\F78D";
}
.mdi-alarm-check:before {
content: "\F021";
}
.mdi-alarm-light:before {
content: "\F78E";
}
.mdi-alarm-multiple:before {
content: "\F022";
}
.mdi-alarm-off:before {
content: "\F023";
}
.mdi-alarm-plus:before {
content: "\F024";
}
.mdi-alarm-snooze:before {
content: "\F68D";
}
.mdi-album:before {
content: "\F025";
}
.mdi-alert:before {
content: "\F026";
}
.mdi-alert-box:before {
content: "\F027";
}
.mdi-alert-circle:before {
content: "\F028";
}
.mdi-alert-circle-outline:before {
content: "\F5D6";
}
.mdi-alert-decagram:before {
content: "\F6BC";
}
.mdi-alert-octagon:before {
content: "\F029";
}
.mdi-alert-octagram:before {
content: "\F766";
}
.mdi-alert-outline:before {
content: "\F02A";
}
.mdi-all-inclusive:before {
content: "\F6BD";
}
.mdi-alpha:before {
content: "\F02B";
}
.mdi-alphabetical:before {
content: "\F02C";
}
.mdi-altimeter:before {
content: "\F5D7";
}
.mdi-amazon:before {
content: "\F02D";
}
.mdi-amazon-clouddrive:before {
content: "\F02E";
}
.mdi-ambulance:before {
content: "\F02F";
}
.mdi-amplifier:before {
content: "\F030";
}
.mdi-anchor:before {
content: "\F031";
}
.mdi-android:before {
content: "\F032";
}
.mdi-android-debug-bridge:before {
content: "\F033";
}
.mdi-android-head:before {
content: "\F78F";
}
.mdi-android-studio:before {
content: "\F034";
}
.mdi-angular:before {
content: "\F6B1";
}
.mdi-angularjs:before {
content: "\F6BE";
}
.mdi-animation:before {
content: "\F5D8";
}
.mdi-apple:before {
content: "\F035";
}
.mdi-apple-finder:before {
content: "\F036";
}
.mdi-apple-ios:before {
content: "\F037";
}
.mdi-apple-keyboard-caps:before {
content: "\F632";
}
.mdi-apple-keyboard-command:before {
content: "\F633";
}
.mdi-apple-keyboard-control:before {
content: "\F634";
}
.mdi-apple-keyboard-option:before {
content: "\F635";
}
.mdi-apple-keyboard-shift:before {
content: "\F636";
}
.mdi-apple-mobileme:before {
content: "\F038";
}
.mdi-apple-safari:before {
content: "\F039";
}
.mdi-application:before {
content: "\F614";
}
.mdi-approval:before {
content: "\F790";
}
.mdi-apps:before {
content: "\F03B";
}
.mdi-archive:before {
content: "\F03C";
}
.mdi-arrange-bring-forward:before {
content: "\F03D";
}
.mdi-arrange-bring-to-front:before {
content: "\F03E";
}
.mdi-arrange-send-backward:before {
content: "\F03F";
}
.mdi-arrange-send-to-back:before {
content: "\F040";
}
.mdi-arrow-all:before {
content: "\F041";
}
.mdi-arrow-bottom-left:before {
content: "\F042";
}
.mdi-arrow-bottom-right:before {
content: "\F043";
}
.mdi-arrow-collapse:before {
content: "\F615";
}
.mdi-arrow-collapse-all:before {
content: "\F044";
}
.mdi-arrow-collapse-down:before {
content: "\F791";
}
.mdi-arrow-collapse-left:before {
content: "\F792";
}
.mdi-arrow-collapse-right:before {
content: "\F793";
}
.mdi-arrow-collapse-up:before {
content: "\F794";
}
.mdi-arrow-down:before {
content: "\F045";
}
.mdi-arrow-down-bold:before {
content: "\F72D";
}
.mdi-arrow-down-bold-box:before {
content: "\F72E";
}
.mdi-arrow-down-bold-box-outline:before {
content: "\F72F";
}
.mdi-arrow-down-bold-circle:before {
content: "\F047";
}
.mdi-arrow-down-bold-circle-outline:before {
content: "\F048";
}
.mdi-arrow-down-bold-hexagon-outline:before {
content: "\F049";
}
.mdi-arrow-down-box:before {
content: "\F6BF";
}
.mdi-arrow-down-drop-circle:before {
content: "\F04A";
}
.mdi-arrow-down-drop-circle-outline:before {
content: "\F04B";
}
.mdi-arrow-down-thick:before {
content: "\F046";
}
.mdi-arrow-expand:before {
content: "\F616";
}
.mdi-arrow-expand-all:before {
content: "\F04C";
}
.mdi-arrow-expand-down:before {
content: "\F795";
}
.mdi-arrow-expand-left:before {
content: "\F796";
}
.mdi-arrow-expand-right:before {
content: "\F797";
}
.mdi-arrow-expand-up:before {
content: "\F798";
}
.mdi-arrow-left:before {
content: "\F04D";
}
.mdi-arrow-left-bold:before {
content: "\F730";
}
.mdi-arrow-left-bold-box:before {
content: "\F731";
}
.mdi-arrow-left-bold-box-outline:before {
content: "\F732";
}
.mdi-arrow-left-bold-circle:before {
content: "\F04F";
}
.mdi-arrow-left-bold-circle-outline:before {
content: "\F050";
}
.mdi-arrow-left-bold-hexagon-outline:before {
content: "\F051";
}
.mdi-arrow-left-box:before {
content: "\F6C0";
}
.mdi-arrow-left-drop-circle:before {
content: "\F052";
}
.mdi-arrow-left-drop-circle-outline:before {
content: "\F053";
}
.mdi-arrow-left-thick:before {
content: "\F04E";
}
.mdi-arrow-right:before {
content: "\F054";
}
.mdi-arrow-right-bold:before {
content: "\F733";
}
.mdi-arrow-right-bold-box:before {
content: "\F734";
}
.mdi-arrow-right-bold-box-outline:before {
content: "\F735";
}
.mdi-arrow-right-bold-circle:before {
content: "\F056";
}
.mdi-arrow-right-bold-circle-outline:before {
content: "\F057";
}
.mdi-arrow-right-bold-hexagon-outline:before {
content: "\F058";
}
.mdi-arrow-right-box:before {
content: "\F6C1";
}
.mdi-arrow-right-drop-circle:before {
content: "\F059";
}
.mdi-arrow-right-drop-circle-outline:before {
content: "\F05A";
}
.mdi-arrow-right-thick:before {
content: "\F055";
}
.mdi-arrow-top-left:before {
content: "\F05B";
}
.mdi-arrow-top-right:before {
content: "\F05C";
}
.mdi-arrow-up:before {
content: "\F05D";
}
.mdi-arrow-up-bold:before {
content: "\F736";
}
.mdi-arrow-up-bold-box:before {
content: "\F737";
}
.mdi-arrow-up-bold-box-outline:before {
content: "\F738";
}
.mdi-arrow-up-bold-circle:before {
content: "\F05F";
}
.mdi-arrow-up-bold-circle-outline:before {
content: "\F060";
}
.mdi-arrow-up-bold-hexagon-outline:before {
content: "\F061";
}
.mdi-arrow-up-box:before {
content: "\F6C2";
}
.mdi-arrow-up-drop-circle:before {
content: "\F062";
}
.mdi-arrow-up-drop-circle-outline:before {
content: "\F063";
}
.mdi-arrow-up-thick:before {
content: "\F05E";
}
.mdi-assistant:before {
content: "\F064";
}
.mdi-asterisk:before {
content: "\F6C3";
}
.mdi-at:before {
content: "\F065";
}
.mdi-atom:before {
content: "\F767";
}
.mdi-attachment:before {
content: "\F066";
}
.mdi-audiobook:before {
content: "\F067";
}
.mdi-auto-fix:before {
content: "\F068";
}
.mdi-auto-upload:before {
content: "\F069";
}
.mdi-autorenew:before {
content: "\F06A";
}
.mdi-av-timer:before {
content: "\F06B";
}
.mdi-baby:before {
content: "\F06C";
}
.mdi-baby-buggy:before {
content: "\F68E";
}
.mdi-backburger:before {
content: "\F06D";
}
.mdi-backspace:before {
content: "\F06E";
}
.mdi-backup-restore:before {
content: "\F06F";
}
.mdi-bandcamp:before {
content: "\F674";
}
.mdi-bank:before {
content: "\F070";
}
.mdi-barcode:before {
content: "\F071";
}
.mdi-barcode-scan:before {
content: "\F072";
}
.mdi-barley:before {
content: "\F073";
}
.mdi-barrel:before {
content: "\F074";
}
.mdi-basecamp:before {
content: "\F075";
}
.mdi-basket:before {
content: "\F076";
}
.mdi-basket-fill:before {
content: "\F077";
}
.mdi-basket-unfill:before {
content: "\F078";
}
.mdi-battery:before {
content: "\F079";
}
.mdi-battery-10:before {
content: "\F07A";
}
.mdi-battery-20:before {
content: "\F07B";
}
.mdi-battery-30:before {
content: "\F07C";
}
.mdi-battery-40:before {
content: "\F07D";
}
.mdi-battery-50:before {
content: "\F07E";
}
.mdi-battery-60:before {
content: "\F07F";
}
.mdi-battery-70:before {
content: "\F080";
}
.mdi-battery-80:before {
content: "\F081";
}
.mdi-battery-90:before {
content: "\F082";
}
.mdi-battery-alert:before {
content: "\F083";
}
.mdi-battery-charging:before {
content: "\F084";
}
.mdi-battery-charging-100:before {
content: "\F085";
}
.mdi-battery-charging-20:before {
content: "\F086";
}
.mdi-battery-charging-30:before {
content: "\F087";
}
.mdi-battery-charging-40:before {
content: "\F088";
}
.mdi-battery-charging-60:before {
content: "\F089";
}
.mdi-battery-charging-80:before {
content: "\F08A";
}
.mdi-battery-charging-90:before {
content: "\F08B";
}
.mdi-battery-minus:before {
content: "\F08C";
}
.mdi-battery-negative:before {
content: "\F08D";
}
.mdi-battery-outline:before {
content: "\F08E";
}
.mdi-battery-plus:before {
content: "\F08F";
}
.mdi-battery-positive:before {
content: "\F090";
}
.mdi-battery-unknown:before {
content: "\F091";
}
.mdi-beach:before {
content: "\F092";
}
.mdi-beaker:before {
content: "\F68F";
}
.mdi-beats:before {
content: "\F097";
}
.mdi-beer:before {
content: "\F098";
}
.mdi-behance:before {
content: "\F099";
}
.mdi-bell:before {
content: "\F09A";
}
.mdi-bell-off:before {
content: "\F09B";
}
.mdi-bell-outline:before {
content: "\F09C";
}
.mdi-bell-plus:before {
content: "\F09D";
}
.mdi-bell-ring:before {
content: "\F09E";
}
.mdi-bell-ring-outline:before {
content: "\F09F";
}
.mdi-bell-sleep:before {
content: "\F0A0";
}
.mdi-beta:before {
content: "\F0A1";
}
.mdi-bible:before {
content: "\F0A2";
}
.mdi-bike:before {
content: "\F0A3";
}
.mdi-bing:before {
content: "\F0A4";
}
.mdi-binoculars:before {
content: "\F0A5";
}
.mdi-bio:before {
content: "\F0A6";
}
.mdi-biohazard:before {
content: "\F0A7";
}
.mdi-bitbucket:before {
content: "\F0A8";
}
.mdi-black-mesa:before {
content: "\F0A9";
}
.mdi-blackberry:before {
content: "\F0AA";
}
.mdi-blender:before {
content: "\F0AB";
}
.mdi-blinds:before {
content: "\F0AC";
}
.mdi-block-helper:before {
content: "\F0AD";
}
.mdi-blogger:before {
content: "\F0AE";
}
.mdi-bluetooth:before {
content: "\F0AF";
}
.mdi-bluetooth-audio:before {
content: "\F0B0";
}
.mdi-bluetooth-connect:before {
content: "\F0B1";
}
.mdi-bluetooth-off:before {
content: "\F0B2";
}
.mdi-bluetooth-settings:before {
content: "\F0B3";
}
.mdi-bluetooth-transfer:before {
content: "\F0B4";
}
.mdi-blur:before {
content: "\F0B5";
}
.mdi-blur-linear:before {
content: "\F0B6";
}
.mdi-blur-off:before {
content: "\F0B7";
}
.mdi-blur-radial:before {
content: "\F0B8";
}
.mdi-bomb:before {
content: "\F690";
}
.mdi-bomb-off:before {
content: "\F6C4";
}
.mdi-bone:before {
content: "\F0B9";
}
.mdi-book:before {
content: "\F0BA";
}
.mdi-book-minus:before {
content: "\F5D9";
}
.mdi-book-multiple:before {
content: "\F0BB";
}
.mdi-book-multiple-variant:before {
content: "\F0BC";
}
.mdi-book-open:before {
content: "\F0BD";
}
.mdi-book-open-page-variant:before {
content: "\F5DA";
}
.mdi-book-open-variant:before {
content: "\F0BE";
}
.mdi-book-plus:before {
content: "\F5DB";
}
.mdi-book-secure:before {
content: "\F799";
}
.mdi-book-unsecure:before {
content: "\F79A";
}
.mdi-book-variant:before {
content: "\F0BF";
}
.mdi-bookmark:before {
content: "\F0C0";
}
.mdi-bookmark-check:before {
content: "\F0C1";
}
.mdi-bookmark-music:before {
content: "\F0C2";
}
.mdi-bookmark-outline:before {
content: "\F0C3";
}
.mdi-bookmark-plus:before {
content: "\F0C5";
}
.mdi-bookmark-plus-outline:before {
content: "\F0C4";
}
.mdi-bookmark-remove:before {
content: "\F0C6";
}
.mdi-boombox:before {
content: "\F5DC";
}
.mdi-bootstrap:before {
content: "\F6C5";
}
.mdi-border-all:before {
content: "\F0C7";
}
.mdi-border-bottom:before {
content: "\F0C8";
}
.mdi-border-color:before {
content: "\F0C9";
}
.mdi-border-horizontal:before {
content: "\F0CA";
}
.mdi-border-inside:before {
content: "\F0CB";
}
.mdi-border-left:before {
content: "\F0CC";
}
.mdi-border-none:before {
content: "\F0CD";
}
.mdi-border-outside:before {
content: "\F0CE";
}
.mdi-border-right:before {
content: "\F0CF";
}
.mdi-border-style:before {
content: "\F0D0";
}
.mdi-border-top:before {
content: "\F0D1";
}
.mdi-border-vertical:before {
content: "\F0D2";
}
.mdi-bow-tie:before {
content: "\F677";
}
.mdi-bowl:before {
content: "\F617";
}
.mdi-bowling:before {
content: "\F0D3";
}
.mdi-box:before {
content: "\F0D4";
}
.mdi-box-cutter:before {
content: "\F0D5";
}
.mdi-box-shadow:before {
content: "\F637";
}
.mdi-bridge:before {
content: "\F618";
}
.mdi-briefcase:before {
content: "\F0D6";
}
.mdi-briefcase-check:before {
content: "\F0D7";
}
.mdi-briefcase-download:before {
content: "\F0D8";
}
.mdi-briefcase-upload:before {
content: "\F0D9";
}
.mdi-brightness-1:before {
content: "\F0DA";
}
.mdi-brightness-2:before {
content: "\F0DB";
}
.mdi-brightness-3:before {
content: "\F0DC";
}
.mdi-brightness-4:before {
content: "\F0DD";
}
.mdi-brightness-5:before {
content: "\F0DE";
}
.mdi-brightness-6:before {
content: "\F0DF";
}
.mdi-brightness-7:before {
content: "\F0E0";
}
.mdi-brightness-auto:before {
content: "\F0E1";
}
.mdi-broom:before {
content: "\F0E2";
}
.mdi-brush:before {
content: "\F0E3";
}
.mdi-buffer:before {
content: "\F619";
}
.mdi-bug:before {
content: "\F0E4";
}
.mdi-bulletin-board:before {
content: "\F0E5";
}
.mdi-bullhorn:before {
content: "\F0E6";
}
.mdi-bullseye:before {
content: "\F5DD";
}
.mdi-burst-mode:before {
content: "\F5DE";
}
.mdi-bus:before {
content: "\F0E7";
}
.mdi-bus-articulated-end:before {
content: "\F79B";
}
.mdi-bus-articulated-front:before {
content: "\F79C";
}
.mdi-bus-double-decker:before {
content: "\F79D";
}
.mdi-bus-school:before {
content: "\F79E";
}
.mdi-bus-side:before {
content: "\F79F";
}
.mdi-cached:before {
content: "\F0E8";
}
.mdi-cake:before {
content: "\F0E9";
}
.mdi-cake-layered:before {
content: "\F0EA";
}
.mdi-cake-variant:before {
content: "\F0EB";
}
.mdi-calculator:before {
content: "\F0EC";
}
.mdi-calendar:before {
content: "\F0ED";
}
.mdi-calendar-blank:before {
content: "\F0EE";
}
.mdi-calendar-check:before {
content: "\F0EF";
}
.mdi-calendar-clock:before {
content: "\F0F0";
}
.mdi-calendar-multiple:before {
content: "\F0F1";
}
.mdi-calendar-multiple-check:before {
content: "\F0F2";
}
.mdi-calendar-plus:before {
content: "\F0F3";
}
.mdi-calendar-question:before {
content: "\F691";
}
.mdi-calendar-range:before {
content: "\F678";
}
.mdi-calendar-remove:before {
content: "\F0F4";
}
.mdi-calendar-text:before {
content: "\F0F5";
}
.mdi-calendar-today:before {
content: "\F0F6";
}
.mdi-call-made:before {
content: "\F0F7";
}
.mdi-call-merge:before {
content: "\F0F8";
}
.mdi-call-missed:before {
content: "\F0F9";
}
.mdi-call-received:before {
content: "\F0FA";
}
.mdi-call-split:before {
content: "\F0FB";
}
.mdi-camcorder:before {
content: "\F0FC";
}
.mdi-camcorder-box:before {
content: "\F0FD";
}
.mdi-camcorder-box-off:before {
content: "\F0FE";
}
.mdi-camcorder-off:before {
content: "\F0FF";
}
.mdi-camera:before {
content: "\F100";
}
.mdi-camera-burst:before {
content: "\F692";
}
.mdi-camera-enhance:before {
content: "\F101";
}
.mdi-camera-front:before {
content: "\F102";
}
.mdi-camera-front-variant:before {
content: "\F103";
}
.mdi-camera-gopro:before {
content: "\F7A0";
}
.mdi-camera-iris:before {
content: "\F104";
}
.mdi-camera-metering-center:before {
content: "\F7A1";
}
.mdi-camera-metering-matrix:before {
content: "\F7A2";
}
.mdi-camera-metering-partial:before {
content: "\F7A3";
}
.mdi-camera-metering-spot:before {
content: "\F7A4";
}
.mdi-camera-off:before {
content: "\F5DF";
}
.mdi-camera-party-mode:before {
content: "\F105";
}
.mdi-camera-rear:before {
content: "\F106";
}
.mdi-camera-rear-variant:before {
content: "\F107";
}
.mdi-camera-switch:before {
content: "\F108";
}
.mdi-camera-timer:before {
content: "\F109";
}
.mdi-cancel:before {
content: "\F739";
}
.mdi-candle:before {
content: "\F5E2";
}
.mdi-candycane:before {
content: "\F10A";
}
.mdi-cannabis:before {
content: "\F7A5";
}
.mdi-car:before {
content: "\F10B";
}
.mdi-car-battery:before {
content: "\F10C";
}
.mdi-car-connected:before {
content: "\F10D";
}
.mdi-car-convertable:before {
content: "\F7A6";
}
.mdi-car-estate:before {
content: "\F7A7";
}
.mdi-car-hatchback:before {
content: "\F7A8";
}
.mdi-car-pickup:before {
content: "\F7A9";
}
.mdi-car-side:before {
content: "\F7AA";
}
.mdi-car-sports:before {
content: "\F7AB";
}
.mdi-car-wash:before {
content: "\F10E";
}
.mdi-caravan:before {
content: "\F7AC";
}
.mdi-cards:before {
content: "\F638";
}
.mdi-cards-outline:before {
content: "\F639";
}
.mdi-cards-playing-outline:before {
content: "\F63A";
}
.mdi-cards-variant:before {
content: "\F6C6";
}
.mdi-carrot:before {
content: "\F10F";
}
.mdi-cart:before {
content: "\F110";
}
.mdi-cart-off:before {
content: "\F66B";
}
.mdi-cart-outline:before {
content: "\F111";
}
.mdi-cart-plus:before {
content: "\F112";
}
.mdi-case-sensitive-alt:before {
content: "\F113";
}
.mdi-cash:before {
content: "\F114";
}
.mdi-cash-100:before {
content: "\F115";
}
.mdi-cash-multiple:before {
content: "\F116";
}
.mdi-cash-usd:before {
content: "\F117";
}
.mdi-cast:before {
content: "\F118";
}
.mdi-cast-connected:before {
content: "\F119";
}
.mdi-cast-off:before {
content: "\F789";
}
.mdi-castle:before {
content: "\F11A";
}
.mdi-cat:before {
content: "\F11B";
}
.mdi-cctv:before {
content: "\F7AD";
}
.mdi-ceiling-light:before {
content: "\F768";
}
.mdi-cellphone:before {
content: "\F11C";
}
.mdi-cellphone-android:before {
content: "\F11D";
}
.mdi-cellphone-basic:before {
content: "\F11E";
}
.mdi-cellphone-dock:before {
content: "\F11F";
}
.mdi-cellphone-iphone:before {
content: "\F120";
}
.mdi-cellphone-link:before {
content: "\F121";
}
.mdi-cellphone-link-off:before {
content: "\F122";
}
.mdi-cellphone-settings:before {
content: "\F123";
}
.mdi-certificate:before {
content: "\F124";
}
.mdi-chair-school:before {
content: "\F125";
}
.mdi-chart-arc:before {
content: "\F126";
}
.mdi-chart-areaspline:before {
content: "\F127";
}
.mdi-chart-bar:before {
content: "\F128";
}
.mdi-chart-bar-stacked:before {
content: "\F769";
}
.mdi-chart-bubble:before {
content: "\F5E3";
}
.mdi-chart-donut:before {
content: "\F7AE";
}
.mdi-chart-donut-variant:before {
content: "\F7AF";
}
.mdi-chart-gantt:before {
content: "\F66C";
}
.mdi-chart-histogram:before {
content: "\F129";
}
.mdi-chart-line:before {
content: "\F12A";
}
.mdi-chart-line-stacked:before {
content: "\F76A";
}
.mdi-chart-line-variant:before {
content: "\F7B0";
}
.mdi-chart-pie:before {
content: "\F12B";
}
.mdi-chart-scatterplot-hexbin:before {
content: "\F66D";
}
.mdi-chart-timeline:before {
content: "\F66E";
}
.mdi-check:before {
content: "\F12C";
}
.mdi-check-all:before {
content: "\F12D";
}
.mdi-check-circle:before {
content: "\F5E0";
}
.mdi-check-circle-outline:before {
content: "\F5E1";
}
.mdi-checkbox-blank:before {
content: "\F12E";
}
.mdi-checkbox-blank-circle:before {
content: "\F12F";
}
.mdi-checkbox-blank-circle-outline:before {
content: "\F130";
}
.mdi-checkbox-blank-outline:before {
content: "\F131";
}
.mdi-checkbox-marked:before {
content: "\F132";
}
.mdi-checkbox-marked-circle:before {
content: "\F133";
}
.mdi-checkbox-marked-circle-outline:before {
content: "\F134";
}
.mdi-checkbox-marked-outline:before {
content: "\F135";
}
.mdi-checkbox-multiple-blank:before {
content: "\F136";
}
.mdi-checkbox-multiple-blank-circle:before {
content: "\F63B";
}
.mdi-checkbox-multiple-blank-circle-outline:before {
content: "\F63C";
}
.mdi-checkbox-multiple-blank-outline:before {
content: "\F137";
}
.mdi-checkbox-multiple-marked:before {
content: "\F138";
}
.mdi-checkbox-multiple-marked-circle:before {
content: "\F63D";
}
.mdi-checkbox-multiple-marked-circle-outline:before {
content: "\F63E";
}
.mdi-checkbox-multiple-marked-outline:before {
content: "\F139";
}
.mdi-checkerboard:before {
content: "\F13A";
}
.mdi-chemical-weapon:before {
content: "\F13B";
}
.mdi-chevron-double-down:before {
content: "\F13C";
}
.mdi-chevron-double-left:before {
content: "\F13D";
}
.mdi-chevron-double-right:before {
content: "\F13E";
}
.mdi-chevron-double-up:before {
content: "\F13F";
}
.mdi-chevron-down:before {
content: "\F140";
}
.mdi-chevron-left:before {
content: "\F141";
}
.mdi-chevron-right:before {
content: "\F142";
}
.mdi-chevron-up:before {
content: "\F143";
}
.mdi-chili-hot:before {
content: "\F7B1";
}
.mdi-chili-medium:before {
content: "\F7B2";
}
.mdi-chili-mild:before {
content: "\F7B3";
}
.mdi-chip:before {
content: "\F61A";
}
.mdi-church:before {
content: "\F144";
}
.mdi-circle:before {
content: "\F764";
}
.mdi-circle-outline:before {
content: "\F765";
}
.mdi-cisco-webex:before {
content: "\F145";
}
.mdi-city:before {
content: "\F146";
}
.mdi-clipboard:before {
content: "\F147";
}
.mdi-clipboard-account:before {
content: "\F148";
}
.mdi-clipboard-alert:before {
content: "\F149";
}
.mdi-clipboard-arrow-down:before {
content: "\F14A";
}
.mdi-clipboard-arrow-left:before {
content: "\F14B";
}
.mdi-clipboard-check:before {
content: "\F14C";
}
.mdi-clipboard-flow:before {
content: "\F6C7";
}
.mdi-clipboard-outline:before {
content: "\F14D";
}
.mdi-clipboard-plus:before {
content: "\F750";
}
.mdi-clipboard-text:before {
content: "\F14E";
}
.mdi-clippy:before {
content: "\F14F";
}
.mdi-clock:before {
content: "\F150";
}
.mdi-clock-alert:before {
content: "\F5CE";
}
.mdi-clock-end:before {
content: "\F151";
}
.mdi-clock-fast:before {
content: "\F152";
}
.mdi-clock-in:before {
content: "\F153";
}
.mdi-clock-out:before {
content: "\F154";
}
.mdi-clock-start:before {
content: "\F155";
}
.mdi-close:before {
content: "\F156";
}
.mdi-close-box:before {
content: "\F157";
}
.mdi-close-box-outline:before {
content: "\F158";
}
.mdi-close-circle:before {
content: "\F159";
}
.mdi-close-circle-outline:before {
content: "\F15A";
}
.mdi-close-network:before {
content: "\F15B";
}
.mdi-close-octagon:before {
content: "\F15C";
}
.mdi-close-octagon-outline:before {
content: "\F15D";
}
.mdi-close-outline:before {
content: "\F6C8";
}
.mdi-closed-caption:before {
content: "\F15E";
}
.mdi-cloud:before {
content: "\F15F";
}
.mdi-cloud-braces:before {
content: "\F7B4";
}
.mdi-cloud-check:before {
content: "\F160";
}
.mdi-cloud-circle:before {
content: "\F161";
}
.mdi-cloud-download:before {
content: "\F162";
}
.mdi-cloud-off-outline:before {
content: "\F164";
}
.mdi-cloud-outline:before {
content: "\F163";
}
.mdi-cloud-print:before {
content: "\F165";
}
.mdi-cloud-print-outline:before {
content: "\F166";
}
.mdi-cloud-sync:before {
content: "\F63F";
}
.mdi-cloud-tags:before {
content: "\F7B5";
}
.mdi-cloud-upload:before {
content: "\F167";
}
.mdi-code-array:before {
content: "\F168";
}
.mdi-code-braces:before {
content: "\F169";
}
.mdi-code-brackets:before {
content: "\F16A";
}
.mdi-code-equal:before {
content: "\F16B";
}
.mdi-code-greater-than:before {
content: "\F16C";
}
.mdi-code-greater-than-or-equal:before {
content: "\F16D";
}
.mdi-code-less-than:before {
content: "\F16E";
}
.mdi-code-less-than-or-equal:before {
content: "\F16F";
}
.mdi-code-not-equal:before {
content: "\F170";
}
.mdi-code-not-equal-variant:before {
content: "\F171";
}
.mdi-code-parentheses:before {
content: "\F172";
}
.mdi-code-string:before {
content: "\F173";
}
.mdi-code-tags:before {
content: "\F174";
}
.mdi-code-tags-check:before {
content: "\F693";
}
.mdi-codepen:before {
content: "\F175";
}
.mdi-coffee:before {
content: "\F176";
}
.mdi-coffee-outline:before {
content: "\F6C9";
}
.mdi-coffee-to-go:before {
content: "\F177";
}
.mdi-coin:before {
content: "\F178";
}
.mdi-coins:before {
content: "\F694";
}
.mdi-collage:before {
content: "\F640";
}
.mdi-color-helper:before {
content: "\F179";
}
.mdi-comment:before {
content: "\F17A";
}
.mdi-comment-account:before {
content: "\F17B";
}
.mdi-comment-account-outline:before {
content: "\F17C";
}
.mdi-comment-alert:before {
content: "\F17D";
}
.mdi-comment-alert-outline:before {
content: "\F17E";
}
.mdi-comment-check:before {
content: "\F17F";
}
.mdi-comment-check-outline:before {
content: "\F180";
}
.mdi-comment-multiple-outline:before {
content: "\F181";
}
.mdi-comment-outline:before {
content: "\F182";
}
.mdi-comment-plus-outline:before {
content: "\F183";
}
.mdi-comment-processing:before {
content: "\F184";
}
.mdi-comment-processing-outline:before {
content: "\F185";
}
.mdi-comment-question-outline:before {
content: "\F186";
}
.mdi-comment-remove-outline:before {
content: "\F187";
}
.mdi-comment-text:before {
content: "\F188";
}
.mdi-comment-text-outline:before {
content: "\F189";
}
.mdi-compare:before {
content: "\F18A";
}
.mdi-compass:before {
content: "\F18B";
}
.mdi-compass-outline:before {
content: "\F18C";
}
.mdi-console:before {
content: "\F18D";
}
.mdi-console-line:before {
content: "\F7B6";
}
.mdi-contact-mail:before {
content: "\F18E";
}
.mdi-contacts:before {
content: "\F6CA";
}
.mdi-content-copy:before {
content: "\F18F";
}
.mdi-content-cut:before {
content: "\F190";
}
.mdi-content-duplicate:before {
content: "\F191";
}
.mdi-content-paste:before {
content: "\F192";
}
.mdi-content-save:before {
content: "\F193";
}
.mdi-content-save-all:before {
content: "\F194";
}
.mdi-content-save-settings:before {
content: "\F61B";
}
.mdi-contrast:before {
content: "\F195";
}
.mdi-contrast-box:before {
content: "\F196";
}
.mdi-contrast-circle:before {
content: "\F197";
}
.mdi-cookie:before {
content: "\F198";
}
.mdi-copyright:before {
content: "\F5E6";
}
.mdi-corn:before {
content: "\F7B7";
}
.mdi-counter:before {
content: "\F199";
}
.mdi-cow:before {
content: "\F19A";
}
.mdi-creation:before {
content: "\F1C9";
}
.mdi-credit-card:before {
content: "\F19B";
}
.mdi-credit-card-multiple:before {
content: "\F19C";
}
.mdi-credit-card-off:before {
content: "\F5E4";
}
.mdi-credit-card-plus:before {
content: "\F675";
}
.mdi-credit-card-scan:before {
content: "\F19D";
}
.mdi-crop:before {
content: "\F19E";
}
.mdi-crop-free:before {
content: "\F19F";
}
.mdi-crop-landscape:before {
content: "\F1A0";
}
.mdi-crop-portrait:before {
content: "\F1A1";
}
.mdi-crop-rotate:before {
content: "\F695";
}
.mdi-crop-square:before {
content: "\F1A2";
}
.mdi-crosshairs:before {
content: "\F1A3";
}
.mdi-crosshairs-gps:before {
content: "\F1A4";
}
.mdi-crown:before {
content: "\F1A5";
}
.mdi-cube:before {
content: "\F1A6";
}
.mdi-cube-outline:before {
content: "\F1A7";
}
.mdi-cube-send:before {
content: "\F1A8";
}
.mdi-cube-unfolded:before {
content: "\F1A9";
}
.mdi-cup:before {
content: "\F1AA";
}
.mdi-cup-off:before {
content: "\F5E5";
}
.mdi-cup-water:before {
content: "\F1AB";
}
.mdi-currency-btc:before {
content: "\F1AC";
}
.mdi-currency-chf:before {
content: "\F7B8";
}
.mdi-currency-cny:before {
content: "\F7B9";
}
.mdi-currency-eth:before {
content: "\F7BA";
}
.mdi-currency-eur:before {
content: "\F1AD";
}
.mdi-currency-gbp:before {
content: "\F1AE";
}
.mdi-currency-inr:before {
content: "\F1AF";
}
.mdi-currency-jpy:before {
content: "\F7BB";
}
.mdi-currency-krw:before {
content: "\F7BC";
}
.mdi-currency-ngn:before {
content: "\F1B0";
}
.mdi-currency-rub:before {
content: "\F1B1";
}
.mdi-currency-sign:before {
content: "\F7BD";
}
.mdi-currency-try:before {
content: "\F1B2";
}
.mdi-currency-twd:before {
content: "\F7BE";
}
.mdi-currency-usd:before {
content: "\F1B3";
}
.mdi-currency-usd-off:before {
content: "\F679";
}
.mdi-cursor-default:before {
content: "\F1B4";
}
.mdi-cursor-default-outline:before {
content: "\F1B5";
}
.mdi-cursor-move:before {
content: "\F1B6";
}
.mdi-cursor-pointer:before {
content: "\F1B7";
}
.mdi-cursor-text:before {
content: "\F5E7";
}
.mdi-database:before {
content: "\F1B8";
}
.mdi-database-minus:before {
content: "\F1B9";
}
.mdi-database-plus:before {
content: "\F1BA";
}
.mdi-debug-step-into:before {
content: "\F1BB";
}
.mdi-debug-step-out:before {
content: "\F1BC";
}
.mdi-debug-step-over:before {
content: "\F1BD";
}
.mdi-decagram:before {
content: "\F76B";
}
.mdi-decagram-outline:before {
content: "\F76C";
}
.mdi-decimal-decrease:before {
content: "\F1BE";
}
.mdi-decimal-increase:before {
content: "\F1BF";
}
.mdi-delete:before {
content: "\F1C0";
}
.mdi-delete-circle:before {
content: "\F682";
}
.mdi-delete-empty:before {
content: "\F6CB";
}
.mdi-delete-forever:before {
content: "\F5E8";
}
.mdi-delete-sweep:before {
content: "\F5E9";
}
.mdi-delete-variant:before {
content: "\F1C1";
}
.mdi-delta:before {
content: "\F1C2";
}
.mdi-deskphone:before {
content: "\F1C3";
}
.mdi-desktop-classic:before {
content: "\F7BF";
}
.mdi-desktop-mac:before {
content: "\F1C4";
}
.mdi-desktop-tower:before {
content: "\F1C5";
}
.mdi-details:before {
content: "\F1C6";
}
.mdi-developer-board:before {
content: "\F696";
}
.mdi-deviantart:before {
content: "\F1C7";
}
.mdi-dialpad:before {
content: "\F61C";
}
.mdi-diamond:before {
content: "\F1C8";
}
.mdi-dice-1:before {
content: "\F1CA";
}
.mdi-dice-2:before {
content: "\F1CB";
}
.mdi-dice-3:before {
content: "\F1CC";
}
.mdi-dice-4:before {
content: "\F1CD";
}
.mdi-dice-5:before {
content: "\F1CE";
}
.mdi-dice-6:before {
content: "\F1CF";
}
.mdi-dice-d10:before {
content: "\F76E";
}
.mdi-dice-d20:before {
content: "\F5EA";
}
.mdi-dice-d4:before {
content: "\F5EB";
}
.mdi-dice-d6:before {
content: "\F5EC";
}
.mdi-dice-d8:before {
content: "\F5ED";
}
.mdi-dice-multiple:before {
content: "\F76D";
}
.mdi-dictionary:before {
content: "\F61D";
}
.mdi-dip-switch:before {
content: "\F7C0";
}
.mdi-directions:before {
content: "\F1D0";
}
.mdi-directions-fork:before {
content: "\F641";
}
.mdi-discord:before {
content: "\F66F";
}
.mdi-disk:before {
content: "\F5EE";
}
.mdi-disk-alert:before {
content: "\F1D1";
}
.mdi-disqus:before {
content: "\F1D2";
}
.mdi-disqus-outline:before {
content: "\F1D3";
}
.mdi-division:before {
content: "\F1D4";
}
.mdi-division-box:before {
content: "\F1D5";
}
.mdi-dna:before {
content: "\F683";
}
.mdi-dns:before {
content: "\F1D6";
}
.mdi-do-not-disturb:before {
content: "\F697";
}
.mdi-do-not-disturb-off:before {
content: "\F698";
}
.mdi-dolby:before {
content: "\F6B2";
}
.mdi-domain:before {
content: "\F1D7";
}
.mdi-donkey:before {
content: "\F7C1";
}
.mdi-dots-horizontal:before {
content: "\F1D8";
}
.mdi-dots-horizontal-circle:before {
content: "\F7C2";
}
.mdi-dots-vertical:before {
content: "\F1D9";
}
.mdi-dots-vertical-circle:before {
content: "\F7C3";
}
.mdi-douban:before {
content: "\F699";
}
.mdi-download:before {
content: "\F1DA";
}
.mdi-download-network:before {
content: "\F6F3";
}
.mdi-drag:before {
content: "\F1DB";
}
.mdi-drag-horizontal:before {
content: "\F1DC";
}
.mdi-drag-vertical:before {
content: "\F1DD";
}
.mdi-drawing:before {
content: "\F1DE";
}
.mdi-drawing-box:before {
content: "\F1DF";
}
.mdi-dribbble:before {
content: "\F1E0";
}
.mdi-dribbble-box:before {
content: "\F1E1";
}
.mdi-drone:before {
content: "\F1E2";
}
.mdi-dropbox:before {
content: "\F1E3";
}
.mdi-drupal:before {
content: "\F1E4";
}
.mdi-duck:before {
content: "\F1E5";
}
.mdi-dumbbell:before {
content: "\F1E6";
}
.mdi-ear-hearing:before {
content: "\F7C4";
}
.mdi-earth:before {
content: "\F1E7";
}
.mdi-earth-box:before {
content: "\F6CC";
}
.mdi-earth-box-off:before {
content: "\F6CD";
}
.mdi-earth-off:before {
content: "\F1E8";
}
.mdi-edge:before {
content: "\F1E9";
}
.mdi-eject:before {
content: "\F1EA";
}
.mdi-elephant:before {
content: "\F7C5";
}
.mdi-elevation-decline:before {
content: "\F1EB";
}
.mdi-elevation-rise:before {
content: "\F1EC";
}
.mdi-elevator:before {
content: "\F1ED";
}
.mdi-email:before {
content: "\F1EE";
}
.mdi-email-alert:before {
content: "\F6CE";
}
.mdi-email-open:before {
content: "\F1EF";
}
.mdi-email-open-outline:before {
content: "\F5EF";
}
.mdi-email-outline:before {
content: "\F1F0";
}
.mdi-email-secure:before {
content: "\F1F1";
}
.mdi-email-variant:before {
content: "\F5F0";
}
.mdi-emby:before {
content: "\F6B3";
}
.mdi-emoticon:before {
content: "\F1F2";
}
.mdi-emoticon-cool:before {
content: "\F1F3";
}
.mdi-emoticon-dead:before {
content: "\F69A";
}
.mdi-emoticon-devil:before {
content: "\F1F4";
}
.mdi-emoticon-excited:before {
content: "\F69B";
}
.mdi-emoticon-happy:before {
content: "\F1F5";
}
.mdi-emoticon-neutral:before {
content: "\F1F6";
}
.mdi-emoticon-poop:before {
content: "\F1F7";
}
.mdi-emoticon-sad:before {
content: "\F1F8";
}
.mdi-emoticon-tongue:before {
content: "\F1F9";
}
.mdi-engine:before {
content: "\F1FA";
}
.mdi-engine-outline:before {
content: "\F1FB";
}
.mdi-equal:before {
content: "\F1FC";
}
.mdi-equal-box:before {
content: "\F1FD";
}
.mdi-eraser:before {
content: "\F1FE";
}
.mdi-eraser-variant:before {
content: "\F642";
}
.mdi-escalator:before {
content: "\F1FF";
}
.mdi-ethernet:before {
content: "\F200";
}
.mdi-ethernet-cable:before {
content: "\F201";
}
.mdi-ethernet-cable-off:before {
content: "\F202";
}
.mdi-etsy:before {
content: "\F203";
}
.mdi-ev-station:before {
content: "\F5F1";
}
.mdi-eventbrite:before {
content: "\F7C6";
}
.mdi-evernote:before {
content: "\F204";
}
.mdi-exclamation:before {
content: "\F205";
}
.mdi-exit-to-app:before {
content: "\F206";
}
.mdi-export:before {
content: "\F207";
}
.mdi-eye:before {
content: "\F208";
}
.mdi-eye-off:before {
content: "\F209";
}
.mdi-eye-off-outline:before {
content: "\F6D0";
}
.mdi-eye-outline:before {
content: "\F6CF";
}
.mdi-eyedropper:before {
content: "\F20A";
}
.mdi-eyedropper-variant:before {
content: "\F20B";
}
.mdi-face:before {
content: "\F643";
}
.mdi-face-profile:before {
content: "\F644";
}
.mdi-facebook:before {
content: "\F20C";
}
.mdi-facebook-box:before {
content: "\F20D";
}
.mdi-facebook-messenger:before {
content: "\F20E";
}
.mdi-factory:before {
content: "\F20F";
}
.mdi-fan:before {
content: "\F210";
}
.mdi-fast-forward:before {
content: "\F211";
}
.mdi-fast-forward-outline:before {
content: "\F6D1";
}
.mdi-fax:before {
content: "\F212";
}
.mdi-feather:before {
content: "\F6D2";
}
.mdi-ferry:before {
content: "\F213";
}
.mdi-file:before {
content: "\F214";
}
.mdi-file-account:before {
content: "\F73A";
}
.mdi-file-chart:before {
content: "\F215";
}
.mdi-file-check:before {
content: "\F216";
}
.mdi-file-cloud:before {
content: "\F217";
}
.mdi-file-delimited:before {
content: "\F218";
}
.mdi-file-document:before {
content: "\F219";
}
.mdi-file-document-box:before {
content: "\F21A";
}
.mdi-file-excel:before {
content: "\F21B";
}
.mdi-file-excel-box:before {
content: "\F21C";
}
.mdi-file-export:before {
content: "\F21D";
}
.mdi-file-find:before {
content: "\F21E";
}
.mdi-file-hidden:before {
content: "\F613";
}
.mdi-file-image:before {
content: "\F21F";
}
.mdi-file-import:before {
content: "\F220";
}
.mdi-file-lock:before {
content: "\F221";
}
.mdi-file-multiple:before {
content: "\F222";
}
.mdi-file-music:before {
content: "\F223";
}
.mdi-file-outline:before {
content: "\F224";
}
.mdi-file-pdf:before {
content: "\F225";
}
.mdi-file-pdf-box:before {
content: "\F226";
}
.mdi-file-plus:before {
content: "\F751";
}
.mdi-file-powerpoint:before {
content: "\F227";
}
.mdi-file-powerpoint-box:before {
content: "\F228";
}
.mdi-file-presentation-box:before {
content: "\F229";
}
.mdi-file-restore:before {
content: "\F670";
}
.mdi-file-send:before {
content: "\F22A";
}
.mdi-file-tree:before {
content: "\F645";
}
.mdi-file-video:before {
content: "\F22B";
}
.mdi-file-word:before {
content: "\F22C";
}
.mdi-file-word-box:before {
content: "\F22D";
}
.mdi-file-xml:before {
content: "\F22E";
}
.mdi-film:before {
content: "\F22F";
}
.mdi-filmstrip:before {
content: "\F230";
}
.mdi-filmstrip-off:before {
content: "\F231";
}
.mdi-filter:before {
content: "\F232";
}
.mdi-filter-outline:before {
content: "\F233";
}
.mdi-filter-remove:before {
content: "\F234";
}
.mdi-filter-remove-outline:before {
content: "\F235";
}
.mdi-filter-variant:before {
content: "\F236";
}
.mdi-find-replace:before {
content: "\F6D3";
}
.mdi-fingerprint:before {
content: "\F237";
}
.mdi-fire:before {
content: "\F238";
}
.mdi-firefox:before {
content: "\F239";
}
.mdi-fish:before {
content: "\F23A";
}
.mdi-flag:before {
content: "\F23B";
}
.mdi-flag-checkered:before {
content: "\F23C";
}
.mdi-flag-outline:before {
content: "\F23D";
}
.mdi-flag-outline-variant:before {
content: "\F23E";
}
.mdi-flag-triangle:before {
content: "\F23F";
}
.mdi-flag-variant:before {
content: "\F240";
}
.mdi-flash:before {
content: "\F241";
}
.mdi-flash-auto:before {
content: "\F242";
}
.mdi-flash-off:before {
content: "\F243";
}
.mdi-flash-outline:before {
content: "\F6D4";
}
.mdi-flash-red-eye:before {
content: "\F67A";
}
.mdi-flashlight:before {
content: "\F244";
}
.mdi-flashlight-off:before {
content: "\F245";
}
.mdi-flask:before {
content: "\F093";
}
.mdi-flask-empty:before {
content: "\F094";
}
.mdi-flask-empty-outline:before {
content: "\F095";
}
.mdi-flask-outline:before {
content: "\F096";
}
.mdi-flattr:before {
content: "\F246";
}
.mdi-flip-to-back:before {
content: "\F247";
}
.mdi-flip-to-front:before {
content: "\F248";
}
.mdi-floppy:before {
content: "\F249";
}
.mdi-flower:before {
content: "\F24A";
}
.mdi-folder:before {
content: "\F24B";
}
.mdi-folder-account:before {
content: "\F24C";
}
.mdi-folder-download:before {
content: "\F24D";
}
.mdi-folder-google-drive:before {
content: "\F24E";
}
.mdi-folder-image:before {
content: "\F24F";
}
.mdi-folder-lock:before {
content: "\F250";
}
.mdi-folder-lock-open:before {
content: "\F251";
}
.mdi-folder-move:before {
content: "\F252";
}
.mdi-folder-multiple:before {
content: "\F253";
}
.mdi-folder-multiple-image:before {
content: "\F254";
}
.mdi-folder-multiple-outline:before {
content: "\F255";
}
.mdi-folder-open:before {
content: "\F76F";
}
.mdi-folder-outline:before {
content: "\F256";
}
.mdi-folder-plus:before {
content: "\F257";
}
.mdi-folder-remove:before {
content: "\F258";
}
.mdi-folder-star:before {
content: "\F69C";
}
.mdi-folder-upload:before {
content: "\F259";
}
.mdi-font-awesome:before {
content: "\F03A";
}
.mdi-food:before {
content: "\F25A";
}
.mdi-food-apple:before {
content: "\F25B";
}
.mdi-food-croissant:before {
content: "\F7C7";
}
.mdi-food-fork-drink:before {
content: "\F5F2";
}
.mdi-food-off:before {
content: "\F5F3";
}
.mdi-food-variant:before {
content: "\F25C";
}
.mdi-football:before {
content: "\F25D";
}
.mdi-football-australian:before {
content: "\F25E";
}
.mdi-football-helmet:before {
content: "\F25F";
}
.mdi-forklift:before {
content: "\F7C8";
}
.mdi-format-align-bottom:before {
content: "\F752";
}
.mdi-format-align-center:before {
content: "\F260";
}
.mdi-format-align-justify:before {
content: "\F261";
}
.mdi-format-align-left:before {
content: "\F262";
}
.mdi-format-align-middle:before {
content: "\F753";
}
.mdi-format-align-right:before {
content: "\F263";
}
.mdi-format-align-top:before {
content: "\F754";
}
.mdi-format-annotation-plus:before {
content: "\F646";
}
.mdi-format-bold:before {
content: "\F264";
}
.mdi-format-clear:before {
content: "\F265";
}
.mdi-format-color-fill:before {
content: "\F266";
}
.mdi-format-color-text:before {
content: "\F69D";
}
.mdi-format-float-center:before {
content: "\F267";
}
.mdi-format-float-left:before {
content: "\F268";
}
.mdi-format-float-none:before {
content: "\F269";
}
.mdi-format-float-right:before {
content: "\F26A";
}
.mdi-format-font:before {
content: "\F6D5";
}
.mdi-format-header-1:before {
content: "\F26B";
}
.mdi-format-header-2:before {
content: "\F26C";
}
.mdi-format-header-3:before {
content: "\F26D";
}
.mdi-format-header-4:before {
content: "\F26E";
}
.mdi-format-header-5:before {
content: "\F26F";
}
.mdi-format-header-6:before {
content: "\F270";
}
.mdi-format-header-decrease:before {
content: "\F271";
}
.mdi-format-header-equal:before {
content: "\F272";
}
.mdi-format-header-increase:before {
content: "\F273";
}
.mdi-format-header-pound:before {
content: "\F274";
}
.mdi-format-horizontal-align-center:before {
content: "\F61E";
}
.mdi-format-horizontal-align-left:before {
content: "\F61F";
}
.mdi-format-horizontal-align-right:before {
content: "\F620";
}
.mdi-format-indent-decrease:before {
content: "\F275";
}
.mdi-format-indent-increase:before {
content: "\F276";
}
.mdi-format-italic:before {
content: "\F277";
}
.mdi-format-line-spacing:before {
content: "\F278";
}
.mdi-format-line-style:before {
content: "\F5C8";
}
.mdi-format-line-weight:before {
content: "\F5C9";
}
.mdi-format-list-bulleted:before {
content: "\F279";
}
.mdi-format-list-bulleted-type:before {
content: "\F27A";
}
.mdi-format-list-checks:before {
content: "\F755";
}
.mdi-format-list-numbers:before {
content: "\F27B";
}
.mdi-format-page-break:before {
content: "\F6D6";
}
.mdi-format-paint:before {
content: "\F27C";
}
.mdi-format-paragraph:before {
content: "\F27D";
}
.mdi-format-pilcrow:before {
content: "\F6D7";
}
.mdi-format-quote-close:before {
content: "\F27E";
}
.mdi-format-quote-open:before {
content: "\F756";
}
.mdi-format-rotate-90:before {
content: "\F6A9";
}
.mdi-format-section:before {
content: "\F69E";
}
.mdi-format-size:before {
content: "\F27F";
}
.mdi-format-strikethrough:before {
content: "\F280";
}
.mdi-format-strikethrough-variant:before {
content: "\F281";
}
.mdi-format-subscript:before {
content: "\F282";
}
.mdi-format-superscript:before {
content: "\F283";
}
.mdi-format-text:before {
content: "\F284";
}
.mdi-format-textdirection-l-to-r:before {
content: "\F285";
}
.mdi-format-textdirection-r-to-l:before {
content: "\F286";
}
.mdi-format-title:before {
content: "\F5F4";
}
.mdi-format-underline:before {
content: "\F287";
}
.mdi-format-vertical-align-bottom:before {
content: "\F621";
}
.mdi-format-vertical-align-center:before {
content: "\F622";
}
.mdi-format-vertical-align-top:before {
content: "\F623";
}
.mdi-format-wrap-inline:before {
content: "\F288";
}
.mdi-format-wrap-square:before {
content: "\F289";
}
.mdi-format-wrap-tight:before {
content: "\F28A";
}
.mdi-format-wrap-top-bottom:before {
content: "\F28B";
}
.mdi-forum:before {
content: "\F28C";
}
.mdi-forward:before {
content: "\F28D";
}
.mdi-foursquare:before {
content: "\F28E";
}
.mdi-fridge:before {
content: "\F28F";
}
.mdi-fridge-filled:before {
content: "\F290";
}
.mdi-fridge-filled-bottom:before {
content: "\F291";
}
.mdi-fridge-filled-top:before {
content: "\F292";
}
.mdi-fuel:before {
content: "\F7C9";
}
.mdi-fullscreen:before {
content: "\F293";
}
.mdi-fullscreen-exit:before {
content: "\F294";
}
.mdi-function:before {
content: "\F295";
}
.mdi-gamepad:before {
content: "\F296";
}
.mdi-gamepad-variant:before {
content: "\F297";
}
.mdi-garage:before {
content: "\F6D8";
}
.mdi-garage-open:before {
content: "\F6D9";
}
.mdi-gas-cylinder:before {
content: "\F647";
}
.mdi-gas-station:before {
content: "\F298";
}
.mdi-gate:before {
content: "\F299";
}
.mdi-gauge:before {
content: "\F29A";
}
.mdi-gavel:before {
content: "\F29B";
}
.mdi-gender-female:before {
content: "\F29C";
}
.mdi-gender-male:before {
content: "\F29D";
}
.mdi-gender-male-female:before {
content: "\F29E";
}
.mdi-gender-transgender:before {
content: "\F29F";
}
.mdi-gesture:before {
content: "\F7CA";
}
.mdi-gesture-double-tap:before {
content: "\F73B";
}
.mdi-gesture-swipe-down:before {
content: "\F73C";
}
.mdi-gesture-swipe-left:before {
content: "\F73D";
}
.mdi-gesture-swipe-right:before {
content: "\F73E";
}
.mdi-gesture-swipe-up:before {
content: "\F73F";
}
.mdi-gesture-tap:before {
content: "\F740";
}
.mdi-gesture-two-double-tap:before {
content: "\F741";
}
.mdi-gesture-two-tap:before {
content: "\F742";
}
.mdi-ghost:before {
content: "\F2A0";
}
.mdi-gift:before {
content: "\F2A1";
}
.mdi-git:before {
content: "\F2A2";
}
.mdi-github-box:before {
content: "\F2A3";
}
.mdi-github-circle:before {
content: "\F2A4";
}
.mdi-github-face:before {
content: "\F6DA";
}
.mdi-glass-flute:before {
content: "\F2A5";
}
.mdi-glass-mug:before {
content: "\F2A6";
}
.mdi-glass-stange:before {
content: "\F2A7";
}
.mdi-glass-tulip:before {
content: "\F2A8";
}
.mdi-glassdoor:before {
content: "\F2A9";
}
.mdi-glasses:before {
content: "\F2AA";
}
.mdi-gmail:before {
content: "\F2AB";
}
.mdi-gnome:before {
content: "\F2AC";
}
.mdi-gondola:before {
content: "\F685";
}
.mdi-google:before {
content: "\F2AD";
}
.mdi-google-analytics:before {
content: "\F7CB";
}
.mdi-google-assistant:before {
content: "\F7CC";
}
.mdi-google-cardboard:before {
content: "\F2AE";
}
.mdi-google-chrome:before {
content: "\F2AF";
}
.mdi-google-circles:before {
content: "\F2B0";
}
.mdi-google-circles-communities:before {
content: "\F2B1";
}
.mdi-google-circles-extended:before {
content: "\F2B2";
}
.mdi-google-circles-group:before {
content: "\F2B3";
}
.mdi-google-controller:before {
content: "\F2B4";
}
.mdi-google-controller-off:before {
content: "\F2B5";
}
.mdi-google-drive:before {
content: "\F2B6";
}
.mdi-google-earth:before {
content: "\F2B7";
}
.mdi-google-glass:before {
content: "\F2B8";
}
.mdi-google-keep:before {
content: "\F6DB";
}
.mdi-google-maps:before {
content: "\F5F5";
}
.mdi-google-nearby:before {
content: "\F2B9";
}
.mdi-google-pages:before {
content: "\F2BA";
}
.mdi-google-photos:before {
content: "\F6DC";
}
.mdi-google-physical-web:before {
content: "\F2BB";
}
.mdi-google-play:before {
content: "\F2BC";
}
.mdi-google-plus:before {
content: "\F2BD";
}
.mdi-google-plus-box:before {
content: "\F2BE";
}
.mdi-google-translate:before {
content: "\F2BF";
}
.mdi-google-wallet:before {
content: "\F2C0";
}
.mdi-gradient:before {
content: "\F69F";
}
.mdi-grease-pencil:before {
content: "\F648";
}
.mdi-grid:before {
content: "\F2C1";
}
.mdi-grid-large:before {
content: "\F757";
}
.mdi-grid-off:before {
content: "\F2C2";
}
.mdi-group:before {
content: "\F2C3";
}
.mdi-guitar-acoustic:before {
content: "\F770";
}
.mdi-guitar-electric:before {
content: "\F2C4";
}
.mdi-guitar-pick:before {
content: "\F2C5";
}
.mdi-guitar-pick-outline:before {
content: "\F2C6";
}
.mdi-hackernews:before {
content: "\F624";
}
.mdi-hamburger:before {
content: "\F684";
}
.mdi-hand-pointing-right:before {
content: "\F2C7";
}
.mdi-hanger:before {
content: "\F2C8";
}
.mdi-hangouts:before {
content: "\F2C9";
}
.mdi-harddisk:before {
content: "\F2CA";
}
.mdi-headphones:before {
content: "\F2CB";
}
.mdi-headphones-box:before {
content: "\F2CC";
}
.mdi-headphones-off:before {
content: "\F7CD";
}
.mdi-headphones-settings:before {
content: "\F2CD";
}
.mdi-headset:before {
content: "\F2CE";
}
.mdi-headset-dock:before {
content: "\F2CF";
}
.mdi-headset-off:before {
content: "\F2D0";
}
.mdi-heart:before {
content: "\F2D1";
}
.mdi-heart-box:before {
content: "\F2D2";
}
.mdi-heart-box-outline:before {
content: "\F2D3";
}
.mdi-heart-broken:before {
content: "\F2D4";
}
.mdi-heart-half:before {
content: "\F6DE";
}
.mdi-heart-half-full:before {
content: "\F6DD";
}
.mdi-heart-half-outline:before {
content: "\F6DF";
}
.mdi-heart-off:before {
content: "\F758";
}
.mdi-heart-outline:before {
content: "\F2D5";
}
.mdi-heart-pulse:before {
content: "\F5F6";
}
.mdi-help:before {
content: "\F2D6";
}
.mdi-help-box:before {
content: "\F78A";
}
.mdi-help-circle:before {
content: "\F2D7";
}
.mdi-help-circle-outline:before {
content: "\F625";
}
.mdi-help-network:before {
content: "\F6F4";
}
.mdi-hexagon:before {
content: "\F2D8";
}
.mdi-hexagon-multiple:before {
content: "\F6E0";
}
.mdi-hexagon-outline:before {
content: "\F2D9";
}
.mdi-high-definition:before {
content: "\F7CE";
}
.mdi-highway:before {
content: "\F5F7";
}
.mdi-history:before {
content: "\F2DA";
}
.mdi-hololens:before {
content: "\F2DB";
}
.mdi-home:before {
content: "\F2DC";
}
.mdi-home-assistant:before {
content: "\F7CF";
}
.mdi-home-automation:before {
content: "\F7D0";
}
.mdi-home-circle:before {
content: "\F7D1";
}
.mdi-home-map-marker:before {
content: "\F5F8";
}
.mdi-home-modern:before {
content: "\F2DD";
}
.mdi-home-outline:before {
content: "\F6A0";
}
.mdi-home-variant:before {
content: "\F2DE";
}
.mdi-hook:before {
content: "\F6E1";
}
.mdi-hook-off:before {
content: "\F6E2";
}
.mdi-hops:before {
content: "\F2DF";
}
.mdi-hospital:before {
content: "\F2E0";
}
.mdi-hospital-building:before {
content: "\F2E1";
}
.mdi-hospital-marker:before {
content: "\F2E2";
}
.mdi-hotel:before {
content: "\F2E3";
}
.mdi-houzz:before {
content: "\F2E4";
}
.mdi-houzz-box:before {
content: "\F2E5";
}
.mdi-human:before {
content: "\F2E6";
}
.mdi-human-child:before {
content: "\F2E7";
}
.mdi-human-female:before {
content: "\F649";
}
.mdi-human-greeting:before {
content: "\F64A";
}
.mdi-human-handsdown:before {
content: "\F64B";
}
.mdi-human-handsup:before {
content: "\F64C";
}
.mdi-human-male:before {
content: "\F64D";
}
.mdi-human-male-female:before {
content: "\F2E8";
}
.mdi-human-pregnant:before {
content: "\F5CF";
}
.mdi-humble-bundle:before {
content: "\F743";
}
.mdi-image:before {
content: "\F2E9";
}
.mdi-image-album:before {
content: "\F2EA";
}
.mdi-image-area:before {
content: "\F2EB";
}
.mdi-image-area-close:before {
content: "\F2EC";
}
.mdi-image-broken:before {
content: "\F2ED";
}
.mdi-image-broken-variant:before {
content: "\F2EE";
}
.mdi-image-filter:before {
content: "\F2EF";
}
.mdi-image-filter-black-white:before {
content: "\F2F0";
}
.mdi-image-filter-center-focus:before {
content: "\F2F1";
}
.mdi-image-filter-center-focus-weak:before {
content: "\F2F2";
}
.mdi-image-filter-drama:before {
content: "\F2F3";
}
.mdi-image-filter-frames:before {
content: "\F2F4";
}
.mdi-image-filter-hdr:before {
content: "\F2F5";
}
.mdi-image-filter-none:before {
content: "\F2F6";
}
.mdi-image-filter-tilt-shift:before {
content: "\F2F7";
}
.mdi-image-filter-vintage:before {
content: "\F2F8";
}
.mdi-image-multiple:before {
content: "\F2F9";
}
.mdi-import:before {
content: "\F2FA";
}
.mdi-inbox:before {
content: "\F686";
}
.mdi-inbox-arrow-down:before {
content: "\F2FB";
}
.mdi-inbox-arrow-up:before {
content: "\F3D1";
}
.mdi-incognito:before {
content: "\F5F9";
}
.mdi-infinity:before {
content: "\F6E3";
}
.mdi-information:before {
content: "\F2FC";
}
.mdi-information-outline:before {
content: "\F2FD";
}
.mdi-information-variant:before {
content: "\F64E";
}
.mdi-instagram:before {
content: "\F2FE";
}
.mdi-instapaper:before {
content: "\F2FF";
}
.mdi-internet-explorer:before {
content: "\F300";
}
.mdi-invert-colors:before {
content: "\F301";
}
.mdi-itunes:before {
content: "\F676";
}
.mdi-jeepney:before {
content: "\F302";
}
.mdi-jira:before {
content: "\F303";
}
.mdi-jsfiddle:before {
content: "\F304";
}
.mdi-json:before {
content: "\F626";
}
.mdi-keg:before {
content: "\F305";
}
.mdi-kettle:before {
content: "\F5FA";
}
.mdi-key:before {
content: "\F306";
}
.mdi-key-change:before {
content: "\F307";
}
.mdi-key-minus:before {
content: "\F308";
}
.mdi-key-plus:before {
content: "\F309";
}
.mdi-key-remove:before {
content: "\F30A";
}
.mdi-key-variant:before {
content: "\F30B";
}
.mdi-keyboard:before {
content: "\F30C";
}
.mdi-keyboard-backspace:before {
content: "\F30D";
}
.mdi-keyboard-caps:before {
content: "\F30E";
}
.mdi-keyboard-close:before {
content: "\F30F";
}
.mdi-keyboard-off:before {
content: "\F310";
}
.mdi-keyboard-return:before {
content: "\F311";
}
.mdi-keyboard-tab:before {
content: "\F312";
}
.mdi-keyboard-variant:before {
content: "\F313";
}
.mdi-kickstarter:before {
content: "\F744";
}
.mdi-kodi:before {
content: "\F314";
}
.mdi-label:before {
content: "\F315";
}
.mdi-label-outline:before {
content: "\F316";
}
.mdi-lambda:before {
content: "\F627";
}
.mdi-lamp:before {
content: "\F6B4";
}
.mdi-lan:before {
content: "\F317";
}
.mdi-lan-connect:before {
content: "\F318";
}
.mdi-lan-disconnect:before {
content: "\F319";
}
.mdi-lan-pending:before {
content: "\F31A";
}
.mdi-language-c:before {
content: "\F671";
}
.mdi-language-cpp:before {
content: "\F672";
}
.mdi-language-csharp:before {
content: "\F31B";
}
.mdi-language-css3:before {
content: "\F31C";
}
.mdi-language-go:before {
content: "\F7D2";
}
.mdi-language-html5:before {
content: "\F31D";
}
.mdi-language-javascript:before {
content: "\F31E";
}
.mdi-language-php:before {
content: "\F31F";
}
.mdi-language-python:before {
content: "\F320";
}
.mdi-language-python-text:before {
content: "\F321";
}
.mdi-language-r:before {
content: "\F7D3";
}
.mdi-language-swift:before {
content: "\F6E4";
}
.mdi-language-typescript:before {
content: "\F6E5";
}
.mdi-laptop:before {
content: "\F322";
}
.mdi-laptop-chromebook:before {
content: "\F323";
}
.mdi-laptop-mac:before {
content: "\F324";
}
.mdi-laptop-off:before {
content: "\F6E6";
}
.mdi-laptop-windows:before {
content: "\F325";
}
.mdi-lastfm:before {
content: "\F326";
}
.mdi-launch:before {
content: "\F327";
}
.mdi-lava-lamp:before {
content: "\F7D4";
}
.mdi-layers:before {
content: "\F328";
}
.mdi-layers-off:before {
content: "\F329";
}
.mdi-lead-pencil:before {
content: "\F64F";
}
.mdi-leaf:before {
content: "\F32A";
}
.mdi-led-off:before {
content: "\F32B";
}
.mdi-led-on:before {
content: "\F32C";
}
.mdi-led-outline:before {
content: "\F32D";
}
.mdi-led-strip:before {
content: "\F7D5";
}
.mdi-led-variant-off:before {
content: "\F32E";
}
.mdi-led-variant-on:before {
content: "\F32F";
}
.mdi-led-variant-outline:before {
content: "\F330";
}
.mdi-library:before {
content: "\F331";
}
.mdi-library-books:before {
content: "\F332";
}
.mdi-library-music:before {
content: "\F333";
}
.mdi-library-plus:before {
content: "\F334";
}
.mdi-lightbulb:before {
content: "\F335";
}
.mdi-lightbulb-on:before {
content: "\F6E7";
}
.mdi-lightbulb-on-outline:before {
content: "\F6E8";
}
.mdi-lightbulb-outline:before {
content: "\F336";
}
.mdi-link:before {
content: "\F337";
}
.mdi-link-off:before {
content: "\F338";
}
.mdi-link-variant:before {
content: "\F339";
}
.mdi-link-variant-off:before {
content: "\F33A";
}
.mdi-linkedin:before {
content: "\F33B";
}
.mdi-linkedin-box:before {
content: "\F33C";
}
.mdi-linux:before {
content: "\F33D";
}
.mdi-loading:before {
content: "\F771";
}
.mdi-lock:before {
content: "\F33E";
}
.mdi-lock-open:before {
content: "\F33F";
}
.mdi-lock-open-outline:before {
content: "\F340";
}
.mdi-lock-outline:before {
content: "\F341";
}
.mdi-lock-pattern:before {
content: "\F6E9";
}
.mdi-lock-plus:before {
content: "\F5FB";
}
.mdi-lock-reset:before {
content: "\F772";
}
.mdi-locker:before {
content: "\F7D6";
}
.mdi-locker-multiple:before {
content: "\F7D7";
}
.mdi-login:before {
content: "\F342";
}
.mdi-login-variant:before {
content: "\F5FC";
}
.mdi-logout:before {
content: "\F343";
}
.mdi-logout-variant:before {
content: "\F5FD";
}
.mdi-looks:before {
content: "\F344";
}
.mdi-loop:before {
content: "\F6EA";
}
.mdi-loupe:before {
content: "\F345";
}
.mdi-lumx:before {
content: "\F346";
}
.mdi-magnet:before {
content: "\F347";
}
.mdi-magnet-on:before {
content: "\F348";
}
.mdi-magnify:before {
content: "\F349";
}
.mdi-magnify-minus:before {
content: "\F34A";
}
.mdi-magnify-minus-outline:before {
content: "\F6EB";
}
.mdi-magnify-plus:before {
content: "\F34B";
}
.mdi-magnify-plus-outline:before {
content: "\F6EC";
}
.mdi-mail-ru:before {
content: "\F34C";
}
.mdi-mailbox:before {
content: "\F6ED";
}
.mdi-map:before {
content: "\F34D";
}
.mdi-map-marker:before {
content: "\F34E";
}
.mdi-map-marker-circle:before {
content: "\F34F";
}
.mdi-map-marker-minus:before {
content: "\F650";
}
.mdi-map-marker-multiple:before {
content: "\F350";
}
.mdi-map-marker-off:before {
content: "\F351";
}
.mdi-map-marker-outline:before {
content: "\F7D8";
}
.mdi-map-marker-plus:before {
content: "\F651";
}
.mdi-map-marker-radius:before {
content: "\F352";
}
.mdi-margin:before {
content: "\F353";
}
.mdi-markdown:before {
content: "\F354";
}
.mdi-marker:before {
content: "\F652";
}
.mdi-marker-check:before {
content: "\F355";
}
.mdi-martini:before {
content: "\F356";
}
.mdi-material-ui:before {
content: "\F357";
}
.mdi-math-compass:before {
content: "\F358";
}
.mdi-matrix:before {
content: "\F628";
}
.mdi-maxcdn:before {
content: "\F359";
}
.mdi-medical-bag:before {
content: "\F6EE";
}
.mdi-medium:before {
content: "\F35A";
}
.mdi-memory:before {
content: "\F35B";
}
.mdi-menu:before {
content: "\F35C";
}
.mdi-menu-down:before {
content: "\F35D";
}
.mdi-menu-down-outline:before {
content: "\F6B5";
}
.mdi-menu-left:before {
content: "\F35E";
}
.mdi-menu-right:before {
content: "\F35F";
}
.mdi-menu-up:before {
content: "\F360";
}
.mdi-menu-up-outline:before {
content: "\F6B6";
}
.mdi-message:before {
content: "\F361";
}
.mdi-message-alert:before {
content: "\F362";
}
.mdi-message-bulleted:before {
content: "\F6A1";
}
.mdi-message-bulleted-off:before {
content: "\F6A2";
}
.mdi-message-draw:before {
content: "\F363";
}
.mdi-message-image:before {
content: "\F364";
}
.mdi-message-outline:before {
content: "\F365";
}
.mdi-message-plus:before {
content: "\F653";
}
.mdi-message-processing:before {
content: "\F366";
}
.mdi-message-reply:before {
content: "\F367";
}
.mdi-message-reply-text:before {
content: "\F368";
}
.mdi-message-settings:before {
content: "\F6EF";
}
.mdi-message-settings-variant:before {
content: "\F6F0";
}
.mdi-message-text:before {
content: "\F369";
}
.mdi-message-text-outline:before {
content: "\F36A";
}
.mdi-message-video:before {
content: "\F36B";
}
.mdi-meteor:before {
content: "\F629";
}
.mdi-metronome:before {
content: "\F7D9";
}
.mdi-metronome-tick:before {
content: "\F7DA";
}
.mdi-micro-sd:before {
content: "\F7DB";
}
.mdi-microphone:before {
content: "\F36C";
}
.mdi-microphone-off:before {
content: "\F36D";
}
.mdi-microphone-outline:before {
content: "\F36E";
}
.mdi-microphone-settings:before {
content: "\F36F";
}
.mdi-microphone-variant:before {
content: "\F370";
}
.mdi-microphone-variant-off:before {
content: "\F371";
}
.mdi-microscope:before {
content: "\F654";
}
.mdi-microsoft:before {
content: "\F372";
}
.mdi-minecraft:before {
content: "\F373";
}
.mdi-minus:before {
content: "\F374";
}
.mdi-minus-box:before {
content: "\F375";
}
.mdi-minus-box-outline:before {
content: "\F6F1";
}
.mdi-minus-circle:before {
content: "\F376";
}
.mdi-minus-circle-outline:before {
content: "\F377";
}
.mdi-minus-network:before {
content: "\F378";
}
.mdi-mixcloud:before {
content: "\F62A";
}
.mdi-mixer:before {
content: "\F7DC";
}
.mdi-monitor:before {
content: "\F379";
}
.mdi-monitor-multiple:before {
content: "\F37A";
}
.mdi-more:before {
content: "\F37B";
}
.mdi-motorbike:before {
content: "\F37C";
}
.mdi-mouse:before {
content: "\F37D";
}
.mdi-mouse-off:before {
content: "\F37E";
}
.mdi-mouse-variant:before {
content: "\F37F";
}
.mdi-mouse-variant-off:before {
content: "\F380";
}
.mdi-move-resize:before {
content: "\F655";
}
.mdi-move-resize-variant:before {
content: "\F656";
}
.mdi-movie:before {
content: "\F381";
}
.mdi-movie-roll:before {
content: "\F7DD";
}
.mdi-multiplication:before {
content: "\F382";
}
.mdi-multiplication-box:before {
content: "\F383";
}
.mdi-mushroom:before {
content: "\F7DE";
}
.mdi-mushroom-outline:before {
content: "\F7DF";
}
.mdi-music:before {
content: "\F759";
}
.mdi-music-box:before {
content: "\F384";
}
.mdi-music-box-outline:before {
content: "\F385";
}
.mdi-music-circle:before {
content: "\F386";
}
.mdi-music-note:before {
content: "\F387";
}
.mdi-music-note-bluetooth:before {
content: "\F5FE";
}
.mdi-music-note-bluetooth-off:before {
content: "\F5FF";
}
.mdi-music-note-eighth:before {
content: "\F388";
}
.mdi-music-note-half:before {
content: "\F389";
}
.mdi-music-note-off:before {
content: "\F38A";
}
.mdi-music-note-quarter:before {
content: "\F38B";
}
.mdi-music-note-sixteenth:before {
content: "\F38C";
}
.mdi-music-note-whole:before {
content: "\F38D";
}
.mdi-music-off:before {
content: "\F75A";
}
.mdi-nature:before {
content: "\F38E";
}
.mdi-nature-people:before {
content: "\F38F";
}
.mdi-navigation:before {
content: "\F390";
}
.mdi-near-me:before {
content: "\F5CD";
}
.mdi-needle:before {
content: "\F391";
}
.mdi-nest-protect:before {
content: "\F392";
}
.mdi-nest-thermostat:before {
content: "\F393";
}
.mdi-netflix:before {
content: "\F745";
}
.mdi-network:before {
content: "\F6F2";
}
.mdi-new-box:before {
content: "\F394";
}
.mdi-newspaper:before {
content: "\F395";
}
.mdi-nfc:before {
content: "\F396";
}
.mdi-nfc-tap:before {
content: "\F397";
}
.mdi-nfc-variant:before {
content: "\F398";
}
.mdi-ninja:before {
content: "\F773";
}
.mdi-nintendo-switch:before {
content: "\F7E0";
}
.mdi-nodejs:before {
content: "\F399";
}
.mdi-note:before {
content: "\F39A";
}
.mdi-note-multiple:before {
content: "\F6B7";
}
.mdi-note-multiple-outline:before {
content: "\F6B8";
}
.mdi-note-outline:before {
content: "\F39B";
}
.mdi-note-plus:before {
content: "\F39C";
}
.mdi-note-plus-outline:before {
content: "\F39D";
}
.mdi-note-text:before {
content: "\F39E";
}
.mdi-notification-clear-all:before {
content: "\F39F";
}
.mdi-npm:before {
content: "\F6F6";
}
.mdi-nuke:before {
content: "\F6A3";
}
.mdi-null:before {
content: "\F7E1";
}
.mdi-numeric:before {
content: "\F3A0";
}
.mdi-numeric-0-box:before {
content: "\F3A1";
}
.mdi-numeric-0-box-multiple-outline:before {
content: "\F3A2";
}
.mdi-numeric-0-box-outline:before {
content: "\F3A3";
}
.mdi-numeric-1-box:before {
content: "\F3A4";
}
.mdi-numeric-1-box-multiple-outline:before {
content: "\F3A5";
}
.mdi-numeric-1-box-outline:before {
content: "\F3A6";
}
.mdi-numeric-2-box:before {
content: "\F3A7";
}
.mdi-numeric-2-box-multiple-outline:before {
content: "\F3A8";
}
.mdi-numeric-2-box-outline:before {
content: "\F3A9";
}
.mdi-numeric-3-box:before {
content: "\F3AA";
}
.mdi-numeric-3-box-multiple-outline:before {
content: "\F3AB";
}
.mdi-numeric-3-box-outline:before {
content: "\F3AC";
}
.mdi-numeric-4-box:before {
content: "\F3AD";
}
.mdi-numeric-4-box-multiple-outline:before {
content: "\F3AE";
}
.mdi-numeric-4-box-outline:before {
content: "\F3AF";
}
.mdi-numeric-5-box:before {
content: "\F3B0";
}
.mdi-numeric-5-box-multiple-outline:before {
content: "\F3B1";
}
.mdi-numeric-5-box-outline:before {
content: "\F3B2";
}
.mdi-numeric-6-box:before {
content: "\F3B3";
}
.mdi-numeric-6-box-multiple-outline:before {
content: "\F3B4";
}
.mdi-numeric-6-box-outline:before {
content: "\F3B5";
}
.mdi-numeric-7-box:before {
content: "\F3B6";
}
.mdi-numeric-7-box-multiple-outline:before {
content: "\F3B7";
}
.mdi-numeric-7-box-outline:before {
content: "\F3B8";
}
.mdi-numeric-8-box:before {
content: "\F3B9";
}
.mdi-numeric-8-box-multiple-outline:before {
content: "\F3BA";
}
.mdi-numeric-8-box-outline:before {
content: "\F3BB";
}
.mdi-numeric-9-box:before {
content: "\F3BC";
}
.mdi-numeric-9-box-multiple-outline:before {
content: "\F3BD";
}
.mdi-numeric-9-box-outline:before {
content: "\F3BE";
}
.mdi-numeric-9-plus-box:before {
content: "\F3BF";
}
.mdi-numeric-9-plus-box-multiple-outline:before {
content: "\F3C0";
}
.mdi-numeric-9-plus-box-outline:before {
content: "\F3C1";
}
.mdi-nut:before {
content: "\F6F7";
}
.mdi-nutrition:before {
content: "\F3C2";
}
.mdi-oar:before {
content: "\F67B";
}
.mdi-octagon:before {
content: "\F3C3";
}
.mdi-octagon-outline:before {
content: "\F3C4";
}
.mdi-octagram:before {
content: "\F6F8";
}
.mdi-octagram-outline:before {
content: "\F774";
}
.mdi-odnoklassniki:before {
content: "\F3C5";
}
.mdi-office:before {
content: "\F3C6";
}
.mdi-oil:before {
content: "\F3C7";
}
.mdi-oil-temperature:before {
content: "\F3C8";
}
.mdi-omega:before {
content: "\F3C9";
}
.mdi-onedrive:before {
content: "\F3CA";
}
.mdi-onenote:before {
content: "\F746";
}
.mdi-opacity:before {
content: "\F5CC";
}
.mdi-open-in-app:before {
content: "\F3CB";
}
.mdi-open-in-new:before {
content: "\F3CC";
}
.mdi-openid:before {
content: "\F3CD";
}
.mdi-opera:before {
content: "\F3CE";
}
.mdi-orbit:before {
content: "\F018";
}
.mdi-ornament:before {
content: "\F3CF";
}
.mdi-ornament-variant:before {
content: "\F3D0";
}
.mdi-owl:before {
content: "\F3D2";
}
.mdi-package:before {
content: "\F3D3";
}
.mdi-package-down:before {
content: "\F3D4";
}
.mdi-package-up:before {
content: "\F3D5";
}
.mdi-package-variant:before {
content: "\F3D6";
}
.mdi-package-variant-closed:before {
content: "\F3D7";
}
.mdi-page-first:before {
content: "\F600";
}
.mdi-page-last:before {
content: "\F601";
}
.mdi-page-layout-body:before {
content: "\F6F9";
}
.mdi-page-layout-footer:before {
content: "\F6FA";
}
.mdi-page-layout-header:before {
content: "\F6FB";
}
.mdi-page-layout-sidebar-left:before {
content: "\F6FC";
}
.mdi-page-layout-sidebar-right:before {
content: "\F6FD";
}
.mdi-palette:before {
content: "\F3D8";
}
.mdi-palette-advanced:before {
content: "\F3D9";
}
.mdi-panda:before {
content: "\F3DA";
}
.mdi-pandora:before {
content: "\F3DB";
}
.mdi-panorama:before {
content: "\F3DC";
}
.mdi-panorama-fisheye:before {
content: "\F3DD";
}
.mdi-panorama-horizontal:before {
content: "\F3DE";
}
.mdi-panorama-vertical:before {
content: "\F3DF";
}
.mdi-panorama-wide-angle:before {
content: "\F3E0";
}
.mdi-paper-cut-vertical:before {
content: "\F3E1";
}
.mdi-paperclip:before {
content: "\F3E2";
}
.mdi-parking:before {
content: "\F3E3";
}
.mdi-passport:before {
content: "\F7E2";
}
.mdi-pause:before {
content: "\F3E4";
}
.mdi-pause-circle:before {
content: "\F3E5";
}
.mdi-pause-circle-outline:before {
content: "\F3E6";
}
.mdi-pause-octagon:before {
content: "\F3E7";
}
.mdi-pause-octagon-outline:before {
content: "\F3E8";
}
.mdi-paw:before {
content: "\F3E9";
}
.mdi-paw-off:before {
content: "\F657";
}
.mdi-pen:before {
content: "\F3EA";
}
.mdi-pencil:before {
content: "\F3EB";
}
.mdi-pencil-box:before {
content: "\F3EC";
}
.mdi-pencil-box-outline:before {
content: "\F3ED";
}
.mdi-pencil-circle:before {
content: "\F6FE";
}
.mdi-pencil-circle-outline:before {
content: "\F775";
}
.mdi-pencil-lock:before {
content: "\F3EE";
}
.mdi-pencil-off:before {
content: "\F3EF";
}
.mdi-pentagon:before {
content: "\F6FF";
}
.mdi-pentagon-outline:before {
content: "\F700";
}
.mdi-percent:before {
content: "\F3F0";
}
.mdi-periodic-table-co2:before {
content: "\F7E3";
}
.mdi-periscope:before {
content: "\F747";
}
.mdi-pharmacy:before {
content: "\F3F1";
}
.mdi-phone:before {
content: "\F3F2";
}
.mdi-phone-bluetooth:before {
content: "\F3F3";
}
.mdi-phone-classic:before {
content: "\F602";
}
.mdi-phone-forward:before {
content: "\F3F4";
}
.mdi-phone-hangup:before {
content: "\F3F5";
}
.mdi-phone-in-talk:before {
content: "\F3F6";
}
.mdi-phone-incoming:before {
content: "\F3F7";
}
.mdi-phone-locked:before {
content: "\F3F8";
}
.mdi-phone-log:before {
content: "\F3F9";
}
.mdi-phone-minus:before {
content: "\F658";
}
.mdi-phone-missed:before {
content: "\F3FA";
}
.mdi-phone-outgoing:before {
content: "\F3FB";
}
.mdi-phone-paused:before {
content: "\F3FC";
}
.mdi-phone-plus:before {
content: "\F659";
}
.mdi-phone-settings:before {
content: "\F3FD";
}
.mdi-phone-voip:before {
content: "\F3FE";
}
.mdi-pi:before {
content: "\F3FF";
}
.mdi-pi-box:before {
content: "\F400";
}
.mdi-piano:before {
content: "\F67C";
}
.mdi-pig:before {
content: "\F401";
}
.mdi-pill:before {
content: "\F402";
}
.mdi-pillar:before {
content: "\F701";
}
.mdi-pin:before {
content: "\F403";
}
.mdi-pin-off:before {
content: "\F404";
}
.mdi-pine-tree:before {
content: "\F405";
}
.mdi-pine-tree-box:before {
content: "\F406";
}
.mdi-pinterest:before {
content: "\F407";
}
.mdi-pinterest-box:before {
content: "\F408";
}
.mdi-pipe:before {
content: "\F7E4";
}
.mdi-pipe-disconnected:before {
content: "\F7E5";
}
.mdi-pistol:before {
content: "\F702";
}
.mdi-pizza:before {
content: "\F409";
}
.mdi-plane-shield:before {
content: "\F6BA";
}
.mdi-play:before {
content: "\F40A";
}
.mdi-play-box-outline:before {
content: "\F40B";
}
.mdi-play-circle:before {
content: "\F40C";
}
.mdi-play-circle-outline:before {
content: "\F40D";
}
.mdi-play-pause:before {
content: "\F40E";
}
.mdi-play-protected-content:before {
content: "\F40F";
}
.mdi-playlist-check:before {
content: "\F5C7";
}
.mdi-playlist-minus:before {
content: "\F410";
}
.mdi-playlist-play:before {
content: "\F411";
}
.mdi-playlist-plus:before {
content: "\F412";
}
.mdi-playlist-remove:before {
content: "\F413";
}
.mdi-playstation:before {
content: "\F414";
}
.mdi-plex:before {
content: "\F6B9";
}
.mdi-plus:before {
content: "\F415";
}
.mdi-plus-box:before {
content: "\F416";
}
.mdi-plus-box-outline:before {
content: "\F703";
}
.mdi-plus-circle:before {
content: "\F417";
}
.mdi-plus-circle-multiple-outline:before {
content: "\F418";
}
.mdi-plus-circle-outline:before {
content: "\F419";
}
.mdi-plus-network:before {
content: "\F41A";
}
.mdi-plus-one:before {
content: "\F41B";
}
.mdi-plus-outline:before {
content: "\F704";
}
.mdi-pocket:before {
content: "\F41C";
}
.mdi-pokeball:before {
content: "\F41D";
}
.mdi-polaroid:before {
content: "\F41E";
}
.mdi-poll:before {
content: "\F41F";
}
.mdi-poll-box:before {
content: "\F420";
}
.mdi-polymer:before {
content: "\F421";
}
.mdi-pool:before {
content: "\F606";
}
.mdi-popcorn:before {
content: "\F422";
}
.mdi-pot:before {
content: "\F65A";
}
.mdi-pot-mix:before {
content: "\F65B";
}
.mdi-pound:before {
content: "\F423";
}
.mdi-pound-box:before {
content: "\F424";
}
.mdi-power:before {
content: "\F425";
}
.mdi-power-plug:before {
content: "\F6A4";
}
.mdi-power-plug-off:before {
content: "\F6A5";
}
.mdi-power-settings:before {
content: "\F426";
}
.mdi-power-socket:before {
content: "\F427";
}
.mdi-power-socket-eu:before {
content: "\F7E6";
}
.mdi-power-socket-uk:before {
content: "\F7E7";
}
.mdi-power-socket-us:before {
content: "\F7E8";
}
.mdi-prescription:before {
content: "\F705";
}
.mdi-presentation:before {
content: "\F428";
}
.mdi-presentation-play:before {
content: "\F429";
}
.mdi-printer:before {
content: "\F42A";
}
.mdi-printer-3d:before {
content: "\F42B";
}
.mdi-printer-alert:before {
content: "\F42C";
}
.mdi-printer-settings:before {
content: "\F706";
}
.mdi-priority-high:before {
content: "\F603";
}
.mdi-priority-low:before {
content: "\F604";
}
.mdi-professional-hexagon:before {
content: "\F42D";
}
.mdi-projector:before {
content: "\F42E";
}
.mdi-projector-screen:before {
content: "\F42F";
}
.mdi-publish:before {
content: "\F6A6";
}
.mdi-pulse:before {
content: "\F430";
}
.mdi-puzzle:before {
content: "\F431";
}
.mdi-qqchat:before {
content: "\F605";
}
.mdi-qrcode:before {
content: "\F432";
}
.mdi-qrcode-scan:before {
content: "\F433";
}
.mdi-quadcopter:before {
content: "\F434";
}
.mdi-quality-high:before {
content: "\F435";
}
.mdi-quicktime:before {
content: "\F436";
}
.mdi-radar:before {
content: "\F437";
}
.mdi-radiator:before {
content: "\F438";
}
.mdi-radio:before {
content: "\F439";
}
.mdi-radio-handheld:before {
content: "\F43A";
}
.mdi-radio-tower:before {
content: "\F43B";
}
.mdi-radioactive:before {
content: "\F43C";
}
.mdi-radiobox-blank:before {
content: "\F43D";
}
.mdi-radiobox-marked:before {
content: "\F43E";
}
.mdi-raspberrypi:before {
content: "\F43F";
}
.mdi-ray-end:before {
content: "\F440";
}
.mdi-ray-end-arrow:before {
content: "\F441";
}
.mdi-ray-start:before {
content: "\F442";
}
.mdi-ray-start-arrow:before {
content: "\F443";
}
.mdi-ray-start-end:before {
content: "\F444";
}
.mdi-ray-vertex:before {
content: "\F445";
}
.mdi-rdio:before {
content: "\F446";
}
.mdi-react:before {
content: "\F707";
}
.mdi-read:before {
content: "\F447";
}
.mdi-readability:before {
content: "\F448";
}
.mdi-receipt:before {
content: "\F449";
}
.mdi-record:before {
content: "\F44A";
}
.mdi-record-rec:before {
content: "\F44B";
}
.mdi-recycle:before {
content: "\F44C";
}
.mdi-reddit:before {
content: "\F44D";
}
.mdi-redo:before {
content: "\F44E";
}
.mdi-redo-variant:before {
content: "\F44F";
}
.mdi-refresh:before {
content: "\F450";
}
.mdi-regex:before {
content: "\F451";
}
.mdi-relative-scale:before {
content: "\F452";
}
.mdi-reload:before {
content: "\F453";
}
.mdi-remote:before {
content: "\F454";
}
.mdi-rename-box:before {
content: "\F455";
}
.mdi-reorder-horizontal:before {
content: "\F687";
}
.mdi-reorder-vertical:before {
content: "\F688";
}
.mdi-repeat:before {
content: "\F456";
}
.mdi-repeat-off:before {
content: "\F457";
}
.mdi-repeat-once:before {
content: "\F458";
}
.mdi-replay:before {
content: "\F459";
}
.mdi-reply:before {
content: "\F45A";
}
.mdi-reply-all:before {
content: "\F45B";
}
.mdi-reproduction:before {
content: "\F45C";
}
.mdi-resize-bottom-right:before {
content: "\F45D";
}
.mdi-responsive:before {
content: "\F45E";
}
.mdi-restart:before {
content: "\F708";
}
.mdi-restore:before {
content: "\F6A7";
}
.mdi-rewind:before {
content: "\F45F";
}
.mdi-rewind-outline:before {
content: "\F709";
}
.mdi-rhombus:before {
content: "\F70A";
}
.mdi-rhombus-outline:before {
content: "\F70B";
}
.mdi-ribbon:before {
content: "\F460";
}
.mdi-rice:before {
content: "\F7E9";
}
.mdi-ring:before {
content: "\F7EA";
}
.mdi-road:before {
content: "\F461";
}
.mdi-road-variant:before {
content: "\F462";
}
.mdi-robot:before {
content: "\F6A8";
}
.mdi-rocket:before {
content: "\F463";
}
.mdi-roomba:before {
content: "\F70C";
}
.mdi-rotate-3d:before {
content: "\F464";
}
.mdi-rotate-left:before {
content: "\F465";
}
.mdi-rotate-left-variant:before {
content: "\F466";
}
.mdi-rotate-right:before {
content: "\F467";
}
.mdi-rotate-right-variant:before {
content: "\F468";
}
.mdi-rounded-corner:before {
content: "\F607";
}
.mdi-router-wireless:before {
content: "\F469";
}
.mdi-routes:before {
content: "\F46A";
}
.mdi-rowing:before {
content: "\F608";
}
.mdi-rss:before {
content: "\F46B";
}
.mdi-rss-box:before {
content: "\F46C";
}
.mdi-ruler:before {
content: "\F46D";
}
.mdi-run:before {
content: "\F70D";
}
.mdi-run-fast:before {
content: "\F46E";
}
.mdi-sale:before {
content: "\F46F";
}
.mdi-sass:before {
content: "\F7EB";
}
.mdi-satellite:before {
content: "\F470";
}
.mdi-satellite-variant:before {
content: "\F471";
}
.mdi-saxophone:before {
content: "\F609";
}
.mdi-scale:before {
content: "\F472";
}
.mdi-scale-balance:before {
content: "\F5D1";
}
.mdi-scale-bathroom:before {
content: "\F473";
}
.mdi-scanner:before {
content: "\F6AA";
}
.mdi-school:before {
content: "\F474";
}
.mdi-screen-rotation:before {
content: "\F475";
}
.mdi-screen-rotation-lock:before {
content: "\F476";
}
.mdi-screwdriver:before {
content: "\F477";
}
.mdi-script:before {
content: "\F478";
}
.mdi-sd:before {
content: "\F479";
}
.mdi-seal:before {
content: "\F47A";
}
.mdi-search-web:before {
content: "\F70E";
}
.mdi-seat-flat:before {
content: "\F47B";
}
.mdi-seat-flat-angled:before {
content: "\F47C";
}
.mdi-seat-individual-suite:before {
content: "\F47D";
}
.mdi-seat-legroom-extra:before {
content: "\F47E";
}
.mdi-seat-legroom-normal:before {
content: "\F47F";
}
.mdi-seat-legroom-reduced:before {
content: "\F480";
}
.mdi-seat-recline-extra:before {
content: "\F481";
}
.mdi-seat-recline-normal:before {
content: "\F482";
}
.mdi-security:before {
content: "\F483";
}
.mdi-security-home:before {
content: "\F689";
}
.mdi-security-network:before {
content: "\F484";
}
.mdi-select:before {
content: "\F485";
}
.mdi-select-all:before {
content: "\F486";
}
.mdi-select-inverse:before {
content: "\F487";
}
.mdi-select-off:before {
content: "\F488";
}
.mdi-selection:before {
content: "\F489";
}
.mdi-selection-off:before {
content: "\F776";
}
.mdi-send:before {
content: "\F48A";
}
.mdi-send-secure:before {
content: "\F7EC";
}
.mdi-serial-port:before {
content: "\F65C";
}
.mdi-server:before {
content: "\F48B";
}
.mdi-server-minus:before {
content: "\F48C";
}
.mdi-server-network:before {
content: "\F48D";
}
.mdi-server-network-off:before {
content: "\F48E";
}
.mdi-server-off:before {
content: "\F48F";
}
.mdi-server-plus:before {
content: "\F490";
}
.mdi-server-remove:before {
content: "\F491";
}
.mdi-server-security:before {
content: "\F492";
}
.mdi-set-all:before {
content: "\F777";
}
.mdi-set-center:before {
content: "\F778";
}
.mdi-set-center-right:before {
content: "\F779";
}
.mdi-set-left:before {
content: "\F77A";
}
.mdi-set-left-center:before {
content: "\F77B";
}
.mdi-set-left-right:before {
content: "\F77C";
}
.mdi-set-none:before {
content: "\F77D";
}
.mdi-set-right:before {
content: "\F77E";
}
.mdi-settings:before {
content: "\F493";
}
.mdi-settings-box:before {
content: "\F494";
}
.mdi-shape-circle-plus:before {
content: "\F65D";
}
.mdi-shape-plus:before {
content: "\F495";
}
.mdi-shape-polygon-plus:before {
content: "\F65E";
}
.mdi-shape-rectangle-plus:before {
content: "\F65F";
}
.mdi-shape-square-plus:before {
content: "\F660";
}
.mdi-share:before {
content: "\F496";
}
.mdi-share-variant:before {
content: "\F497";
}
.mdi-shield:before {
content: "\F498";
}
.mdi-shield-half-full:before {
content: "\F77F";
}
.mdi-shield-outline:before {
content: "\F499";
}
.mdi-shopping:before {
content: "\F49A";
}
.mdi-shopping-music:before {
content: "\F49B";
}
.mdi-shovel:before {
content: "\F70F";
}
.mdi-shovel-off:before {
content: "\F710";
}
.mdi-shredder:before {
content: "\F49C";
}
.mdi-shuffle:before {
content: "\F49D";
}
.mdi-shuffle-disabled:before {
content: "\F49E";
}
.mdi-shuffle-variant:before {
content: "\F49F";
}
.mdi-sigma:before {
content: "\F4A0";
}
.mdi-sigma-lower:before {
content: "\F62B";
}
.mdi-sign-caution:before {
content: "\F4A1";
}
.mdi-sign-direction:before {
content: "\F780";
}
.mdi-sign-text:before {
content: "\F781";
}
.mdi-signal:before {
content: "\F4A2";
}
.mdi-signal-2g:before {
content: "\F711";
}
.mdi-signal-3g:before {
content: "\F712";
}
.mdi-signal-4g:before {
content: "\F713";
}
.mdi-signal-hspa:before {
content: "\F714";
}
.mdi-signal-hspa-plus:before {
content: "\F715";
}
.mdi-signal-off:before {
content: "\F782";
}
.mdi-signal-variant:before {
content: "\F60A";
}
.mdi-silverware:before {
content: "\F4A3";
}
.mdi-silverware-fork:before {
content: "\F4A4";
}
.mdi-silverware-spoon:before {
content: "\F4A5";
}
.mdi-silverware-variant:before {
content: "\F4A6";
}
.mdi-sim:before {
content: "\F4A7";
}
.mdi-sim-alert:before {
content: "\F4A8";
}
.mdi-sim-off:before {
content: "\F4A9";
}
.mdi-sitemap:before {
content: "\F4AA";
}
.mdi-skip-backward:before {
content: "\F4AB";
}
.mdi-skip-forward:before {
content: "\F4AC";
}
.mdi-skip-next:before {
content: "\F4AD";
}
.mdi-skip-next-circle:before {
content: "\F661";
}
.mdi-skip-next-circle-outline:before {
content: "\F662";
}
.mdi-skip-previous:before {
content: "\F4AE";
}
.mdi-skip-previous-circle:before {
content: "\F663";
}
.mdi-skip-previous-circle-outline:before {
content: "\F664";
}
.mdi-skull:before {
content: "\F68B";
}
.mdi-skype:before {
content: "\F4AF";
}
.mdi-skype-business:before {
content: "\F4B0";
}
.mdi-slack:before {
content: "\F4B1";
}
.mdi-sleep:before {
content: "\F4B2";
}
.mdi-sleep-off:before {
content: "\F4B3";
}
.mdi-smoking:before {
content: "\F4B4";
}
.mdi-smoking-off:before {
content: "\F4B5";
}
.mdi-snapchat:before {
content: "\F4B6";
}
.mdi-snowflake:before {
content: "\F716";
}
.mdi-snowman:before {
content: "\F4B7";
}
.mdi-soccer:before {
content: "\F4B8";
}
.mdi-sofa:before {
content: "\F4B9";
}
.mdi-solid:before {
content: "\F68C";
}
.mdi-sort:before {
content: "\F4BA";
}
.mdi-sort-alphabetical:before {
content: "\F4BB";
}
.mdi-sort-ascending:before {
content: "\F4BC";
}
.mdi-sort-descending:before {
content: "\F4BD";
}
.mdi-sort-numeric:before {
content: "\F4BE";
}
.mdi-sort-variant:before {
content: "\F4BF";
}
.mdi-soundcloud:before {
content: "\F4C0";
}
.mdi-source-branch:before {
content: "\F62C";
}
.mdi-source-commit:before {
content: "\F717";
}
.mdi-source-commit-end:before {
content: "\F718";
}
.mdi-source-commit-end-local:before {
content: "\F719";
}
.mdi-source-commit-local:before {
content: "\F71A";
}
.mdi-source-commit-next-local:before {
content: "\F71B";
}
.mdi-source-commit-start:before {
content: "\F71C";
}
.mdi-source-commit-start-next-local:before {
content: "\F71D";
}
.mdi-source-fork:before {
content: "\F4C1";
}
.mdi-source-merge:before {
content: "\F62D";
}
.mdi-source-pull:before {
content: "\F4C2";
}
.mdi-soy-sauce:before {
content: "\F7ED";
}
.mdi-speaker:before {
content: "\F4C3";
}
.mdi-speaker-off:before {
content: "\F4C4";
}
.mdi-speaker-wireless:before {
content: "\F71E";
}
.mdi-speedometer:before {
content: "\F4C5";
}
.mdi-spellcheck:before {
content: "\F4C6";
}
.mdi-spotify:before {
content: "\F4C7";
}
.mdi-spotlight:before {
content: "\F4C8";
}
.mdi-spotlight-beam:before {
content: "\F4C9";
}
.mdi-spray:before {
content: "\F665";
}
.mdi-square:before {
content: "\F763";
}
.mdi-square-inc:before {
content: "\F4CA";
}
.mdi-square-inc-cash:before {
content: "\F4CB";
}
.mdi-square-outline:before {
content: "\F762";
}
.mdi-square-root:before {
content: "\F783";
}
.mdi-stackexchange:before {
content: "\F60B";
}
.mdi-stackoverflow:before {
content: "\F4CC";
}
.mdi-stadium:before {
content: "\F71F";
}
.mdi-stairs:before {
content: "\F4CD";
}
.mdi-standard-definition:before {
content: "\F7EE";
}
.mdi-star:before {
content: "\F4CE";
}
.mdi-star-circle:before {
content: "\F4CF";
}
.mdi-star-half:before {
content: "\F4D0";
}
.mdi-star-off:before {
content: "\F4D1";
}
.mdi-star-outline:before {
content: "\F4D2";
}
.mdi-steam:before {
content: "\F4D3";
}
.mdi-steering:before {
content: "\F4D4";
}
.mdi-step-backward:before {
content: "\F4D5";
}
.mdi-step-backward-2:before {
content: "\F4D6";
}
.mdi-step-forward:before {
content: "\F4D7";
}
.mdi-step-forward-2:before {
content: "\F4D8";
}
.mdi-stethoscope:before {
content: "\F4D9";
}
.mdi-sticker:before {
content: "\F5D0";
}
.mdi-sticker-emoji:before {
content: "\F784";
}
.mdi-stocking:before {
content: "\F4DA";
}
.mdi-stop:before {
content: "\F4DB";
}
.mdi-stop-circle:before {
content: "\F666";
}
.mdi-stop-circle-outline:before {
content: "\F667";
}
.mdi-store:before {
content: "\F4DC";
}
.mdi-store-24-hour:before {
content: "\F4DD";
}
.mdi-stove:before {
content: "\F4DE";
}
.mdi-subdirectory-arrow-left:before {
content: "\F60C";
}
.mdi-subdirectory-arrow-right:before {
content: "\F60D";
}
.mdi-subway:before {
content: "\F6AB";
}
.mdi-subway-variant:before {
content: "\F4DF";
}
.mdi-summit:before {
content: "\F785";
}
.mdi-sunglasses:before {
content: "\F4E0";
}
.mdi-surround-sound:before {
content: "\F5C5";
}
.mdi-surround-sound-2-0:before {
content: "\F7EF";
}
.mdi-surround-sound-3-1:before {
content: "\F7F0";
}
.mdi-surround-sound-5-1:before {
content: "\F7F1";
}
.mdi-surround-sound-7-1:before {
content: "\F7F2";
}
.mdi-svg:before {
content: "\F720";
}
.mdi-swap-horizontal:before {
content: "\F4E1";
}
.mdi-swap-vertical:before {
content: "\F4E2";
}
.mdi-swim:before {
content: "\F4E3";
}
.mdi-switch:before {
content: "\F4E4";
}
.mdi-sword:before {
content: "\F4E5";
}
.mdi-sword-cross:before {
content: "\F786";
}
.mdi-sync:before {
content: "\F4E6";
}
.mdi-sync-alert:before {
content: "\F4E7";
}
.mdi-sync-off:before {
content: "\F4E8";
}
.mdi-tab:before {
content: "\F4E9";
}
.mdi-tab-plus:before {
content: "\F75B";
}
.mdi-tab-unselected:before {
content: "\F4EA";
}
.mdi-table:before {
content: "\F4EB";
}
.mdi-table-column-plus-after:before {
content: "\F4EC";
}
.mdi-table-column-plus-before:before {
content: "\F4ED";
}
.mdi-table-column-remove:before {
content: "\F4EE";
}
.mdi-table-column-width:before {
content: "\F4EF";
}
.mdi-table-edit:before {
content: "\F4F0";
}
.mdi-table-large:before {
content: "\F4F1";
}
.mdi-table-row-height:before {
content: "\F4F2";
}
.mdi-table-row-plus-after:before {
content: "\F4F3";
}
.mdi-table-row-plus-before:before {
content: "\F4F4";
}
.mdi-table-row-remove:before {
content: "\F4F5";
}
.mdi-tablet:before {
content: "\F4F6";
}
.mdi-tablet-android:before {
content: "\F4F7";
}
.mdi-tablet-ipad:before {
content: "\F4F8";
}
.mdi-taco:before {
content: "\F761";
}
.mdi-tag:before {
content: "\F4F9";
}
.mdi-tag-faces:before {
content: "\F4FA";
}
.mdi-tag-heart:before {
content: "\F68A";
}
.mdi-tag-multiple:before {
content: "\F4FB";
}
.mdi-tag-outline:before {
content: "\F4FC";
}
.mdi-tag-plus:before {
content: "\F721";
}
.mdi-tag-remove:before {
content: "\F722";
}
.mdi-tag-text-outline:before {
content: "\F4FD";
}
.mdi-target:before {
content: "\F4FE";
}
.mdi-taxi:before {
content: "\F4FF";
}
.mdi-teamviewer:before {
content: "\F500";
}
.mdi-telegram:before {
content: "\F501";
}
.mdi-television:before {
content: "\F502";
}
.mdi-television-classic:before {
content: "\F7F3";
}
.mdi-television-guide:before {
content: "\F503";
}
.mdi-temperature-celsius:before {
content: "\F504";
}
.mdi-temperature-fahrenheit:before {
content: "\F505";
}
.mdi-temperature-kelvin:before {
content: "\F506";
}
.mdi-tennis:before {
content: "\F507";
}
.mdi-tent:before {
content: "\F508";
}
.mdi-terrain:before {
content: "\F509";
}
.mdi-test-tube:before {
content: "\F668";
}
.mdi-text-shadow:before {
content: "\F669";
}
.mdi-text-to-speech:before {
content: "\F50A";
}
.mdi-text-to-speech-off:before {
content: "\F50B";
}
.mdi-textbox:before {
content: "\F60E";
}
.mdi-textbox-password:before {
content: "\F7F4";
}
.mdi-texture:before {
content: "\F50C";
}
.mdi-theater:before {
content: "\F50D";
}
.mdi-theme-light-dark:before {
content: "\F50E";
}
.mdi-thermometer:before {
content: "\F50F";
}
.mdi-thermometer-lines:before {
content: "\F510";
}
.mdi-thought-bubble:before {
content: "\F7F5";
}
.mdi-thought-bubble-outline:before {
content: "\F7F6";
}
.mdi-thumb-down:before {
content: "\F511";
}
.mdi-thumb-down-outline:before {
content: "\F512";
}
.mdi-thumb-up:before {
content: "\F513";
}
.mdi-thumb-up-outline:before {
content: "\F514";
}
.mdi-thumbs-up-down:before {
content: "\F515";
}
.mdi-ticket:before {
content: "\F516";
}
.mdi-ticket-account:before {
content: "\F517";
}
.mdi-ticket-confirmation:before {
content: "\F518";
}
.mdi-ticket-percent:before {
content: "\F723";
}
.mdi-tie:before {
content: "\F519";
}
.mdi-tilde:before {
content: "\F724";
}
.mdi-timelapse:before {
content: "\F51A";
}
.mdi-timer:before {
content: "\F51B";
}
.mdi-timer-10:before {
content: "\F51C";
}
.mdi-timer-3:before {
content: "\F51D";
}
.mdi-timer-off:before {
content: "\F51E";
}
.mdi-timer-sand:before {
content: "\F51F";
}
.mdi-timer-sand-empty:before {
content: "\F6AC";
}
.mdi-timer-sand-full:before {
content: "\F78B";
}
.mdi-timetable:before {
content: "\F520";
}
.mdi-toggle-switch:before {
content: "\F521";
}
.mdi-toggle-switch-off:before {
content: "\F522";
}
.mdi-tooltip:before {
content: "\F523";
}
.mdi-tooltip-edit:before {
content: "\F524";
}
.mdi-tooltip-image:before {
content: "\F525";
}
.mdi-tooltip-outline:before {
content: "\F526";
}
.mdi-tooltip-outline-plus:before {
content: "\F527";
}
.mdi-tooltip-text:before {
content: "\F528";
}
.mdi-tooth:before {
content: "\F529";
}
.mdi-tor:before {
content: "\F52A";
}
.mdi-tower-beach:before {
content: "\F680";
}
.mdi-tower-fire:before {
content: "\F681";
}
.mdi-trackpad:before {
content: "\F7F7";
}
.mdi-traffic-light:before {
content: "\F52B";
}
.mdi-train:before {
content: "\F52C";
}
.mdi-tram:before {
content: "\F52D";
}
.mdi-transcribe:before {
content: "\F52E";
}
.mdi-transcribe-close:before {
content: "\F52F";
}
.mdi-transfer:before {
content: "\F530";
}
.mdi-transit-transfer:before {
content: "\F6AD";
}
.mdi-translate:before {
content: "\F5CA";
}
.mdi-treasure-chest:before {
content: "\F725";
}
.mdi-tree:before {
content: "\F531";
}
.mdi-trello:before {
content: "\F532";
}
.mdi-trending-down:before {
content: "\F533";
}
.mdi-trending-neutral:before {
content: "\F534";
}
.mdi-trending-up:before {
content: "\F535";
}
.mdi-triangle:before {
content: "\F536";
}
.mdi-triangle-outline:before {
content: "\F537";
}
.mdi-trophy:before {
content: "\F538";
}
.mdi-trophy-award:before {
content: "\F539";
}
.mdi-trophy-outline:before {
content: "\F53A";
}
.mdi-trophy-variant:before {
content: "\F53B";
}
.mdi-trophy-variant-outline:before {
content: "\F53C";
}
.mdi-truck:before {
content: "\F53D";
}
.mdi-truck-delivery:before {
content: "\F53E";
}
.mdi-truck-fast:before {
content: "\F787";
}
.mdi-truck-trailer:before {
content: "\F726";
}
.mdi-tshirt-crew:before {
content: "\F53F";
}
.mdi-tshirt-v:before {
content: "\F540";
}
.mdi-tumblr:before {
content: "\F541";
}
.mdi-tumblr-reblog:before {
content: "\F542";
}
.mdi-tune:before {
content: "\F62E";
}
.mdi-tune-vertical:before {
content: "\F66A";
}
.mdi-twitch:before {
content: "\F543";
}
.mdi-twitter:before {
content: "\F544";
}
.mdi-twitter-box:before {
content: "\F545";
}
.mdi-twitter-circle:before {
content: "\F546";
}
.mdi-twitter-retweet:before {
content: "\F547";
}
.mdi-uber:before {
content: "\F748";
}
.mdi-ubuntu:before {
content: "\F548";
}
.mdi-ultra-high-definition:before {
content: "\F7F8";
}
.mdi-umbraco:before {
content: "\F549";
}
.mdi-umbrella:before {
content: "\F54A";
}
.mdi-umbrella-outline:before {
content: "\F54B";
}
.mdi-undo:before {
content: "\F54C";
}
.mdi-undo-variant:before {
content: "\F54D";
}
.mdi-unfold-less-horizontal:before {
content: "\F54E";
}
.mdi-unfold-less-vertical:before {
content: "\F75F";
}
.mdi-unfold-more-horizontal:before {
content: "\F54F";
}
.mdi-unfold-more-vertical:before {
content: "\F760";
}
.mdi-ungroup:before {
content: "\F550";
}
.mdi-unity:before {
content: "\F6AE";
}
.mdi-untappd:before {
content: "\F551";
}
.mdi-update:before {
content: "\F6AF";
}
.mdi-upload:before {
content: "\F552";
}
.mdi-upload-network:before {
content: "\F6F5";
}
.mdi-usb:before {
content: "\F553";
}
.mdi-van-passenger:before {
content: "\F7F9";
}
.mdi-van-utility:before {
content: "\F7FA";
}
.mdi-vanish:before {
content: "\F7FB";
}
.mdi-vector-arrange-above:before {
content: "\F554";
}
.mdi-vector-arrange-below:before {
content: "\F555";
}
.mdi-vector-circle:before {
content: "\F556";
}
.mdi-vector-circle-variant:before {
content: "\F557";
}
.mdi-vector-combine:before {
content: "\F558";
}
.mdi-vector-curve:before {
content: "\F559";
}
.mdi-vector-difference:before {
content: "\F55A";
}
.mdi-vector-difference-ab:before {
content: "\F55B";
}
.mdi-vector-difference-ba:before {
content: "\F55C";
}
.mdi-vector-intersection:before {
content: "\F55D";
}
.mdi-vector-line:before {
content: "\F55E";
}
.mdi-vector-point:before {
content: "\F55F";
}
.mdi-vector-polygon:before {
content: "\F560";
}
.mdi-vector-polyline:before {
content: "\F561";
}
.mdi-vector-radius:before {
content: "\F749";
}
.mdi-vector-rectangle:before {
content: "\F5C6";
}
.mdi-vector-selection:before {
content: "\F562";
}
.mdi-vector-square:before {
content: "\F001";
}
.mdi-vector-triangle:before {
content: "\F563";
}
.mdi-vector-union:before {
content: "\F564";
}
.mdi-verified:before {
content: "\F565";
}
.mdi-vibrate:before {
content: "\F566";
}
.mdi-video:before {
content: "\F567";
}
.mdi-video-3d:before {
content: "\F7FC";
}
.mdi-video-off:before {
content: "\F568";
}
.mdi-video-switch:before {
content: "\F569";
}
.mdi-view-agenda:before {
content: "\F56A";
}
.mdi-view-array:before {
content: "\F56B";
}
.mdi-view-carousel:before {
content: "\F56C";
}
.mdi-view-column:before {
content: "\F56D";
}
.mdi-view-dashboard:before {
content: "\F56E";
}
.mdi-view-day:before {
content: "\F56F";
}
.mdi-view-grid:before {
content: "\F570";
}
.mdi-view-headline:before {
content: "\F571";
}
.mdi-view-list:before {
content: "\F572";
}
.mdi-view-module:before {
content: "\F573";
}
.mdi-view-parallel:before {
content: "\F727";
}
.mdi-view-quilt:before {
content: "\F574";
}
.mdi-view-sequential:before {
content: "\F728";
}
.mdi-view-stream:before {
content: "\F575";
}
.mdi-view-week:before {
content: "\F576";
}
.mdi-vimeo:before {
content: "\F577";
}
.mdi-vine:before {
content: "\F578";
}
.mdi-violin:before {
content: "\F60F";
}
.mdi-visualstudio:before {
content: "\F610";
}
.mdi-vk:before {
content: "\F579";
}
.mdi-vk-box:before {
content: "\F57A";
}
.mdi-vk-circle:before {
content: "\F57B";
}
.mdi-vlc:before {
content: "\F57C";
}
.mdi-voice:before {
content: "\F5CB";
}
.mdi-voicemail:before {
content: "\F57D";
}
.mdi-volume-high:before {
content: "\F57E";
}
.mdi-volume-low:before {
content: "\F57F";
}
.mdi-volume-medium:before {
content: "\F580";
}
.mdi-volume-minus:before {
content: "\F75D";
}
.mdi-volume-mute:before {
content: "\F75E";
}
.mdi-volume-off:before {
content: "\F581";
}
.mdi-volume-plus:before {
content: "\F75C";
}
.mdi-vpn:before {
content: "\F582";
}
.mdi-walk:before {
content: "\F583";
}
.mdi-wall:before {
content: "\F7FD";
}
.mdi-wallet:before {
content: "\F584";
}
.mdi-wallet-giftcard:before {
content: "\F585";
}
.mdi-wallet-membership:before {
content: "\F586";
}
.mdi-wallet-travel:before {
content: "\F587";
}
.mdi-wan:before {
content: "\F588";
}
.mdi-washing-machine:before {
content: "\F729";
}
.mdi-watch:before {
content: "\F589";
}
.mdi-watch-export:before {
content: "\F58A";
}
.mdi-watch-import:before {
content: "\F58B";
}
.mdi-watch-vibrate:before {
content: "\F6B0";
}
.mdi-water:before {
content: "\F58C";
}
.mdi-water-off:before {
content: "\F58D";
}
.mdi-water-percent:before {
content: "\F58E";
}
.mdi-water-pump:before {
content: "\F58F";
}
.mdi-watermark:before {
content: "\F612";
}
.mdi-waves:before {
content: "\F78C";
}
.mdi-weather-cloudy:before {
content: "\F590";
}
.mdi-weather-fog:before {
content: "\F591";
}
.mdi-weather-hail:before {
content: "\F592";
}
.mdi-weather-lightning:before {
content: "\F593";
}
.mdi-weather-lightning-rainy:before {
content: "\F67D";
}
.mdi-weather-night:before {
content: "\F594";
}
.mdi-weather-partlycloudy:before {
content: "\F595";
}
.mdi-weather-pouring:before {
content: "\F596";
}
.mdi-weather-rainy:before {
content: "\F597";
}
.mdi-weather-snowy:before {
content: "\F598";
}
.mdi-weather-snowy-rainy:before {
content: "\F67E";
}
.mdi-weather-sunny:before {
content: "\F599";
}
.mdi-weather-sunset:before {
content: "\F59A";
}
.mdi-weather-sunset-down:before {
content: "\F59B";
}
.mdi-weather-sunset-up:before {
content: "\F59C";
}
.mdi-weather-windy:before {
content: "\F59D";
}
.mdi-weather-windy-variant:before {
content: "\F59E";
}
.mdi-web:before {
content: "\F59F";
}
.mdi-webcam:before {
content: "\F5A0";
}
.mdi-webhook:before {
content: "\F62F";
}
.mdi-webpack:before {
content: "\F72A";
}
.mdi-wechat:before {
content: "\F611";
}
.mdi-weight:before {
content: "\F5A1";
}
.mdi-weight-kilogram:before {
content: "\F5A2";
}
.mdi-whatsapp:before {
content: "\F5A3";
}
.mdi-wheelchair-accessibility:before {
content: "\F5A4";
}
.mdi-white-balance-auto:before {
content: "\F5A5";
}
.mdi-white-balance-incandescent:before {
content: "\F5A6";
}
.mdi-white-balance-iridescent:before {
content: "\F5A7";
}
.mdi-white-balance-sunny:before {
content: "\F5A8";
}
.mdi-widgets:before {
content: "\F72B";
}
.mdi-wifi:before {
content: "\F5A9";
}
.mdi-wifi-off:before {
content: "\F5AA";
}
.mdi-wii:before {
content: "\F5AB";
}
.mdi-wiiu:before {
content: "\F72C";
}
.mdi-wikipedia:before {
content: "\F5AC";
}
.mdi-window-close:before {
content: "\F5AD";
}
.mdi-window-closed:before {
content: "\F5AE";
}
.mdi-window-maximize:before {
content: "\F5AF";
}
.mdi-window-minimize:before {
content: "\F5B0";
}
.mdi-window-open:before {
content: "\F5B1";
}
.mdi-window-restore:before {
content: "\F5B2";
}
.mdi-windows:before {
content: "\F5B3";
}
.mdi-wordpress:before {
content: "\F5B4";
}
.mdi-worker:before {
content: "\F5B5";
}
.mdi-wrap:before {
content: "\F5B6";
}
.mdi-wrench:before {
content: "\F5B7";
}
.mdi-wunderlist:before {
content: "\F5B8";
}
.mdi-xaml:before {
content: "\F673";
}
.mdi-xbox:before {
content: "\F5B9";
}
.mdi-xbox-controller:before {
content: "\F5BA";
}
.mdi-xbox-controller-battery-alert:before {
content: "\F74A";
}
.mdi-xbox-controller-battery-empty:before {
content: "\F74B";
}
.mdi-xbox-controller-battery-full:before {
content: "\F74C";
}
.mdi-xbox-controller-battery-low:before {
content: "\F74D";
}
.mdi-xbox-controller-battery-medium:before {
content: "\F74E";
}
.mdi-xbox-controller-battery-unknown:before {
content: "\F74F";
}
.mdi-xbox-controller-off:before {
content: "\F5BB";
}
.mdi-xda:before {
content: "\F5BC";
}
.mdi-xing:before {
content: "\F5BD";
}
.mdi-xing-box:before {
content: "\F5BE";
}
.mdi-xing-circle:before {
content: "\F5BF";
}
.mdi-xml:before {
content: "\F5C0";
}
.mdi-xmpp:before {
content: "\F7FE";
}
.mdi-yammer:before {
content: "\F788";
}
.mdi-yeast:before {
content: "\F5C1";
}
.mdi-yelp:before {
content: "\F5C2";
}
.mdi-yin-yang:before {
content: "\F67F";
}
.mdi-youtube-play:before {
content: "\F5C3";
}
.mdi-zip-box:before {
content: "\F5C4";
}
.mdi-blank:before {
content: "\F68C";
visibility: hidden;
}
@font-face {
font-family: 'simple-line-icons';
src: url('assets-plugins-web-fonts-fonts-simple-line-icons-Simple-Line-Icons.eot?v=2.4.0');
src: url('assets-plugins-web-fonts-fonts-simple-line-icons-Simple-Line-Icons.eot?v=2.4.0#iefix') format("embedded-opentype"), url('assets-plugins-web-fonts-fonts-simple-line-icons-Simple-Line-Icons.woff2?v=2.4.0') format("woff2"), url('assets-plugins-web-fonts-fonts-simple-line-icons-Simple-Line-Icons.ttf?v=2.4.0') format("truetype"), url('assets-plugins-web-fonts-fonts-simple-line-icons-Simple-Line-Icons.woff?v=2.4.0') format("woff"), url('assets-plugins-web-fonts-fonts-simple-line-icons-Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format("svg");
font-weight: normal;
font-style: normal;
}
.si {
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.si-user:before {
content: "\e005";
}
.si-people:before {
content: "\e001";
}
.si-user-female:before {
content: "\e000";
}
.si-user-follow:before {
content: "\e002";
}
.si-user-following:before {
content: "\e003";
}
.si-user-unfollow:before {
content: "\e004";
}
.si-login:before {
content: "\e066";
}
.si-logout:before {
content: "\e065";
}
.si-emotsmile:before {
content: "\e021";
}
.si-phone:before {
content: "\e600";
}
.si-call-end:before {
content: "\e048";
}
.si-call-in:before {
content: "\e047";
}
.si-call-out:before {
content: "\e046";
}
.si-map:before {
content: "\e033";
}
.si-location-pin:before {
content: "\e096";
}
.si-direction:before {
content: "\e042";
}
.si-directions:before {
content: "\e041";
}
.si-compass:before {
content: "\e045";
}
.si-layers:before {
content: "\e034";
}
.si-menu:before {
content: "\e601";
}
.si-list:before {
content: "\e067";
}
.si-options-vertical:before {
content: "\e602";
}
.si-options:before {
content: "\e603";
}
.si-arrow-down:before {
content: "\e604";
}
.si-arrow-left:before {
content: "\e605";
}
.si-arrow-right:before {
content: "\e606";
}
.si-arrow-up:before {
content: "\e607";
}
.si-arrow-up-circle:before {
content: "\e078";
}
.si-arrow-left-circle:before {
content: "\e07a";
}
.si-arrow-right-circle:before {
content: "\e079";
}
.si-arrow-down-circle:before {
content: "\e07b";
}
.si-check:before {
content: "\e080";
}
.si-clock:before {
content: "\e081";
}
.si-plus:before {
content: "\e095";
}
.si-minus:before {
content: "\e615";
}
.si-close:before {
content: "\e082";
}
.si-event:before {
content: "\e619";
}
.si-exclamation:before {
content: "\e617";
}
.si-organization:before {
content: "\e616";
}
.si-trophy:before {
content: "\e006";
}
.si-screen-smartphone:before {
content: "\e010";
}
.si-screen-desktop:before {
content: "\e011";
}
.si-plane:before {
content: "\e012";
}
.si-notebook:before {
content: "\e013";
}
.si-mustache:before {
content: "\e014";
}
.si-mouse:before {
content: "\e015";
}
.si-magnet:before {
content: "\e016";
}
.si-energy:before {
content: "\e020";
}
.si-disc:before {
content: "\e022";
}
.si-cursor:before {
content: "\e06e";
}
.si-cursor-move:before {
content: "\e023";
}
.si-crop:before {
content: "\e024";
}
.si-chemistry:before {
content: "\e026";
}
.si-speedometer:before {
content: "\e007";
}
.si-shield:before {
content: "\e00e";
}
.si-screen-tablet:before {
content: "\e00f";
}
.si-magic-wand:before {
content: "\e017";
}
.si-hourglass:before {
content: "\e018";
}
.si-graduation:before {
content: "\e019";
}
.si-ghost:before {
content: "\e01a";
}
.si-game-controller:before {
content: "\e01b";
}
.si-fire:before {
content: "\e01c";
}
.si-eyeglass:before {
content: "\e01d";
}
.si-envelope-open:before {
content: "\e01e";
}
.si-envelope-letter:before {
content: "\e01f";
}
.si-bell:before {
content: "\e027";
}
.si-badge:before {
content: "\e028";
}
.si-anchor:before {
content: "\e029";
}
.si-wallet:before {
content: "\e02a";
}
.si-vector:before {
content: "\e02b";
}
.si-speech:before {
content: "\e02c";
}
.si-puzzle:before {
content: "\e02d";
}
.si-printer:before {
content: "\e02e";
}
.si-present:before {
content: "\e02f";
}
.si-playlist:before {
content: "\e030";
}
.si-pin:before {
content: "\e031";
}
.si-picture:before {
content: "\e032";
}
.si-handbag:before {
content: "\e035";
}
.si-globe-alt:before {
content: "\e036";
}
.si-globe:before {
content: "\e037";
}
.si-folder-alt:before {
content: "\e039";
}
.si-folder:before {
content: "\e089";
}
.si-film:before {
content: "\e03a";
}
.si-feed:before {
content: "\e03b";
}
.si-drop:before {
content: "\e03e";
}
.si-drawer:before {
content: "\e03f";
}
.si-docs:before {
content: "\e040";
}
.si-doc:before {
content: "\e085";
}
.si-diamond:before {
content: "\e043";
}
.si-cup:before {
content: "\e044";
}
.si-calculator:before {
content: "\e049";
}
.si-bubbles:before {
content: "\e04a";
}
.si-briefcase:before {
content: "\e04b";
}
.si-book-open:before {
content: "\e04c";
}
.si-basket-loaded:before {
content: "\e04d";
}
.si-basket:before {
content: "\e04e";
}
.si-bag:before {
content: "\e04f";
}
.si-action-undo:before {
content: "\e050";
}
.si-action-redo:before {
content: "\e051";
}
.si-wrench:before {
content: "\e052";
}
.si-umbrella:before {
content: "\e053";
}
.si-trash:before {
content: "\e054";
}
.si-tag:before {
content: "\e055";
}
.si-support:before {
content: "\e056";
}
.si-frame:before {
content: "\e038";
}
.si-size-fullscreen:before {
content: "\e057";
}
.si-size-actual:before {
content: "\e058";
}
.si-shuffle:before {
content: "\e059";
}
.si-share-alt:before {
content: "\e05a";
}
.si-share:before {
content: "\e05b";
}
.si-rocket:before {
content: "\e05c";
}
.si-question:before {
content: "\e05d";
}
.si-pie-chart:before {
content: "\e05e";
}
.si-pencil:before {
content: "\e05f";
}
.si-note:before {
content: "\e060";
}
.si-loop:before {
content: "\e064";
}
.si-home:before {
content: "\e069";
}
.si-grid:before {
content: "\e06a";
}
.si-graph:before {
content: "\e06b";
}
.si-microphone:before {
content: "\e063";
}
.si-music-tone-alt:before {
content: "\e061";
}
.si-music-tone:before {
content: "\e062";
}
.si-earphones-alt:before {
content: "\e03c";
}
.si-earphones:before {
content: "\e03d";
}
.si-equalizer:before {
content: "\e06c";
}
.si-like:before {
content: "\e068";
}
.si-dislike:before {
content: "\e06d";
}
.si-control-start:before {
content: "\e06f";
}
.si-control-rewind:before {
content: "\e070";
}
.si-control-play:before {
content: "\e071";
}
.si-control-pause:before {
content: "\e072";
}
.si-control-forward:before {
content: "\e073";
}
.si-control-end:before {
content: "\e074";
}
.si-volume-1:before {
content: "\e09f";
}
.si-volume-2:before {
content: "\e0a0";
}
.si-volume-off:before {
content: "\e0a1";
}
.si-calendar:before {
content: "\e075";
}
.si-bulb:before {
content: "\e076";
}
.si-chart:before {
content: "\e077";
}
.si-ban:before {
content: "\e07c";
}
.si-bubble:before {
content: "\e07d";
}
.si-camrecorder:before {
content: "\e07e";
}
.si-camera:before {
content: "\e07f";
}
.si-cloud-download:before {
content: "\e083";
}
.si-cloud-upload:before {
content: "\e084";
}
.si-envelope:before {
content: "\e086";
}
.si-eye:before {
content: "\e087";
}
.si-flag:before {
content: "\e088";
}
.si-heart:before {
content: "\e08a";
}
.si-info:before {
content: "\e08b";
}
.si-key:before {
content: "\e08c";
}
.si-link:before {
content: "\e08d";
}
.si-lock:before {
content: "\e08e";
}
.si-lock-open:before {
content: "\e08f";
}
.si-magnifier:before {
content: "\e090";
}
.si-magnifier-add:before {
content: "\e091";
}
.si-magnifier-remove:before {
content: "\e092";
}
.si-paper-clip:before {
content: "\e093";
}
.si-paper-plane:before {
content: "\e094";
}
.si-power:before {
content: "\e097";
}
.si-refresh:before {
content: "\e098";
}
.si-reload:before {
content: "\e099";
}
.si-settings:before {
content: "\e09a";
}
.si-star:before {
content: "\e09b";
}
.si-symbol-female:before {
content: "\e09c";
}
.si-symbol-male:before {
content: "\e09d";
}
.si-target:before {
content: "\e09e";
}
.si-credit-card:before {
content: "\e025";
}
.si-paypal:before {
content: "\e608";
}
.si-social-tumblr:before {
content: "\e00a";
}
.si-social-twitter:before {
content: "\e009";
}
.si-social-facebook:before {
content: "\e00b";
}
.si-social-instagram:before {
content: "\e609";
}
.si-social-linkedin:before {
content: "\e60a";
}
.si-social-pinterest:before {
content: "\e60b";
}
.si-social-github:before {
content: "\e60c";
}
.si-social-google:before {
content: "\e60d";
}
.si-social-reddit:before {
content: "\e60e";
}
.si-social-skype:before {
content: "\e60f";
}
.si-social-dribbble:before {
content: "\e00d";
}
.si-social-behance:before {
content: "\e610";
}
.si-social-foursqare:before {
content: "\e611";
}
.si-social-soundcloud:before {
content: "\e612";
}
.si-social-spotify:before {
content: "\e613";
}
.si-social-stumbleupon:before {
content: "\e614";
}
.si-social-youtube:before {
content: "\e008";
}
.si-social-dropbox:before {
content: "\e00c";
}
.si-social-vkontakte:before {
content: "\e618";
}
.si-social-steam:before {
content: "\e620";
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('glyphicons-halflings-regular.eot');
src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.woff2') format('woff2'), url('glyphicons-halflings-regular.woff') format('woff'), url('glyphicons-halflings-regular.ttf') format('truetype'), url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
/*------------------------------------------------------------------
[Animations Stylesheet]
Project : Rapo - HTML5 Bootstrap Admin Template
Version : V.1
Create Date : 10/03/20
Copyright : Spruko Technologies Private Limited
Author : Spruko
Author URL : https://themeforest.net/user/spruko
Support : support@spruko.com
License : Licensed under ThemeForest License
-------------------------------------------------------------------*/
.animated {
animation-duration: 1s;
animation-fill-mode: both
}
.animated.infinite {
animation-iteration-count: infinite
}
.animated.hinge {
animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
animation-duration: .75s
}
@keyframes bounce {
20%,
53%,
80%,
from,
to {
animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
transform: translate3d(0, 0, 0)
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
transform: translate3d(0, -30px, 0)
}
70% {
animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
transform: translate3d(0, -15px, 0)
}
90% {
transform: translate3d(0, -4px, 0)
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom
}
@keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
animation-name: flash
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(0.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
to {
transform: scale3d(1, 1, 1)
}
}
.rubberBand {
animation-name: rubberBand
}
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0)
}
}
.shake {
animation-name: shake
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
transform: rotate3d(0, 0, 1, -5deg)
}
to {
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
transform-origin: top center;
animation-name: swing
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1)
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
transform: scale3d(1, 1, 1)
}
}
.tada {
animation-name: tada
}
@keyframes wobble {
from {
transform: none
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
transform: none
}
}
.wobble {
animation-name: wobble
}
@keyframes jello {
11.1%,
from,
to {
transform: none
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
animation-name: jello;
transform-origin: center
}
@keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
animation-name: bounceIn
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
transform: translate3d(0, -10px, 0)
}
90% {
transform: translate3d(0, 5px, 0)
}
to {
transform: none
}
}
.bounceInDown {
animation-name: bounceInDown
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
to {
transform: none
}
}
.bounceInLeft {
animation-name: bounceInLeft
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
transform: translate3d(10px, 0, 0)
}
90% {
transform: translate3d(-5px, 0, 0)
}
to {
transform: none
}
}
.bounceInRight {
animation-name: bounceInRight
}
@keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
transform: translate3d(0, 10px, 0)
}
90% {
transform: translate3d(0, -5px, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
animation-name: bounceInUp
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
animation-name: bounceOut
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
animation-name: bounceOutDown
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
animation-name: bounceOutLeft
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
animation-name: bounceOutRight
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
animation-name: bounceOutUp
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
animation-name: fadeIn
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInDown {
animation-name: fadeInDown
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInDownBig {
animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInLeft {
animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRight {
animation-name: fadeInRight
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRightBig {
animation-name: fadeInRightBig
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 10%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInUp {
animation-name: fadeInUp
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInUpBig {
animation-name: fadeInUpBig
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
animation-name: fadeOut
}
@keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
animation-name: fadeOutDown
}
@keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
animation-name: fadeOutLeft
}
@keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
animation-name: fadeOutRight
}
@keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig
}
@keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
animation-name: fadeOutUp
}
@keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in
}
to {
transform: perspective(400px);
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY
}
@keyframes flipOutX {
from {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@keyframes flipOutY {
from {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg);
opacity: 1
}
to {
transform: none;
opacity: 1
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out
}
@keyframes lightSpeedOut {
from {
opacity: 1
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
transform-origin: center;
transform: none;
opacity: 1
}
}
.rotateIn {
animation-name: rotateIn
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
animation-name: rotateInUpRight
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
animation-name: rotateOut
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
animation-name: hinge
}
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
transform: none
}
}
.rollIn {
animation-name: rollIn
}
@keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
animation-name: rollOut
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
animation-name: zoomIn
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInDown {
animation-name: zoomInDown
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInLeft {
animation-name: zoomInLeft
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInRight {
animation-name: zoomInRight
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInUp {
animation-name: zoomInUp
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
animation-name: zoomOut
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutDown {
animation-name: zoomOutDown
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center
}
}
.zoomOutLeft {
animation-name: zoomOutLeft
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center
}
}
.zoomOutRight {
animation-name: zoomOutRight
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutUp {
animation-name: zoomOutUp
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
animation-name: slideInDown
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
animation-name: slideInLeft
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
animation-name: slideInRight
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
animation-name: slideInUp
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
animation-name: slideOutDown
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
animation-name: slideOutLeft
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
animation-name: slideOutRight
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
animation-name: slideOutUp
}
/* Color Swicher CSS */
.switcher {
width: 30px !important;
height: 40px !important;
display: inline-block;
margin: 4px 8px;
border-radius: 5px;
border: 0px solid #000;
}
.swichermainleft {
width: 100%;
float: left;
}
.wscolorcode {
display: inline-block;
margin: 3px;
}
.skin-body{
margin: 0.8rem 0 0.8rem 0;
}
.navstyle1{
border: 1px solid #e8ebf1;
padding: 5px 15px;
color: #000;
font-size: 14px;
border-radius:3px;
}
.navstyle1:hover{
color:#0162e8;
cursor: pointer;
}
.wscolorcode1 {
display: inline-block;
margin: 4px 5px;
width: 30px;
height: 70px;
border-radius: 5px;
}
.skin-body a{
font-size:0.9rem;
font-weight:500;
}
.full-width .container{
max-width:inherit !important;
width:95% !important;
transition:all 0.5s ease;
}
.switch_section span {
color: #212121 !important;
font-size: 14px;
font-weight: 500;
}
.unbox {
margin:0;
}
.switch_section li{
width:100%;
height:30px;
}
.switch_section {
width: 100%;
height: auto;
list-style: none;
margin: 0 auto;
margin: 0.8rem 0 0.8rem 0;
padding: 0px 10px;
}
.switch-toggle{
margin: 4px 5px;
padding: 0 5px 0 5px;
}
/* ////////////////// switch-1 //////////////// */
.onoffswitch {
position: relative;
width: 30px;
-webkit-user-select:none;
user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
height: 15px;
padding: 0;
line-height: 16px;
border: 1px solid #CCCCCC;
border-radius: 15px;
background-color: #FFFFFF;
transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
content: "";
height: 16px;
display: block;
width: 17px;
margin: 0px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 13px;
border: 1px solid #CCCCCC; border-radius: 15px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
right: 0px;
}
/* ////////////////// switch-2 //////////////// */
.onoffswitch2 {
position: relative;
width: 30px;
-webkit-user-select:none;
user-select: none;
}
.onoffswitch2-checkbox {
display: none;
}
.onoffswitch2-label {
display: block;
overflow: hidden;
cursor: pointer;
height: 15px;
padding: 0;
line-height: 16px;
border: 1px solid #CCCCCC;
border-radius: 15px;
background-color: #FFFFFF;
transition: background-color 0.3s ease-in;
}
.onoffswitch2-label:before {
content: "";
height: 16px;
display: block;
width: 17px;
margin: 0px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 13px;
border: 1px solid #CCCCCC; border-radius: 15px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
right: 0px;
}
/* ////////////////// switch-3 //////////////// */
.onoffswitch3 {
position: relative;
width: 30px;
-webkit-user-select:none;
user-select: none;
}
.onoffswitch3-checkbox {
display: none;
}
.onoffswitch3-label {
display: block;
overflow: hidden;
cursor: pointer;
height: 15px;
padding: 0;
line-height: 16px;
border: 1px solid #CCCCCC;
border-radius: 15px;
background-color: #FFFFFF;
transition: background-color 0.3s ease-in;
}
.onoffswitch3-label:before {
content: "";
height: 16px;
display: block;
width: 17px;
margin: 0px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 13px;
border: 1px solid #CCCCCC; border-radius: 15px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label {
background-color:#0052cc;
}
.onoffswitch3-checkbox:checked + .onoffswitch-label3, .onoffswitch3-checkbox:checked + .onoffswitch3-label:before {
border-color:#0052cc;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label:before {
right: 0px;
}
/*--Background --*/
.bg1{
/* background: url("images/patterns-1/bg-1.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg2{
/* background:url("images/patterns-1/bg-2.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg3{
/* background: url("images/patterns-1/bg-3.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg4{
/* background: url("images/patterns-1/bg-4.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg5{
/* background: url("images/patterns-1/bg-5.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg6{
/* background: url("images/patterns-1/bg-6.png") !important; */
height: 70px;
width: 34px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg7{
/* background: url("images/patterns-1/bg-7.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg8{
/* background: url("images/patterns-1/bg-8.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg9{
/* background: url("images/patterns-1/bg-9.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*--Background --*/
.bg10{
/* background: url("images/patterns-1/bg-10.png") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*-- Left menu ---*/
.bgimage1{
/* background: url("images/background1.jpg") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
.bgimage2{
/* background: url("images/background2.jpg") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
.bgimage3{
/* background: url("images/background3.jpg") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
.bgimage4{
/* background: url("images/background4.jpg") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
.bgimage5{
/* background: url("images/background5.jpg") !important; */
height: 70px;
width: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13);
}
/*-- color-1 --*/
.color1{
background: #fff !important;
}
/*-- color-2 --*/
.color2{
background: #d52b46 !important;
}
/*-- color-3 --*/
.color3{
background: #569834 !important;
}
/*-- color-4 --*/
.color4{
background:#4453fb !important;
}
/*-- color-5 --*/
.color5{
background:#f3532f !important;
}
/*-- color-6 --*/
.color6{
background: #433a8a !important;
}
/*-- color-7 --*/
.color7{
background: #8a3a4c !important;
}
/*-- color-8 --*/
.color8{
background:#8a4c3a !important;
}
/*-- color-9 --*/
.color9{
background:#246398 !important;
}
/*-- color-10 --*/
.color10{
background: #23715c !important;
}
/*-- color-11 --*/
.color11{
background: linear-gradient(to top, #0250c5 0%, #d43f8d 100%) !important;
}
/*-- color-12 --*/
.color12{
background: linear-gradient(135deg, #504b9f 10%, #3b8dbf 100%) !important;
}
/*-- color-13 --*/
.color13{
background: linear-gradient( 135deg, #7368de 10%, #c15fba 100%) !important;
}
/*-- color-14 --*/
.color14{
background: linear-gradient( 135deg, #7e38c4 10%, #2b246d 100%) !important;
}
/*-- color-15 --*/
.color15{
background:linear-gradient( 135deg, #ce474d 10%, #571350 100%) !important;
}
/*-- color-16 --*/
.color16{
background:linear-gradient(135deg, #8888df 10%, #5278db 100%) !important;
}
/*-- color-17 --*/
.color17{
background: linear-gradient(135deg, #2c77ec 10%, #169b6a 100%) !important;
}
/*-- color-18 --*/
.color18{
background: linear-gradient(135deg, #58c58f 10%, #40a2df 100%) !important;
}
/*-- color-19 --*/
.color19{
background: linear-gradient(135deg, #238ec3 10%, #903ba3 100%) !important;
}
/*-- color-20 --*/
.color20{
background: linear-gradient(135deg, #4d36a1 10%, #6c2899 100%) !important;
}
/*skins */
.switcher-pills label{
margin-bottom:0;
}
.switcher-pills .selectgroup-button{
border-radius:3px !important;
padding:0.1rem 1rem 0.1rem !important;
font-size:0.7rem !important;
color:#031938 !important;
}
.leftmenu-style2 .leftmenu1, .leftmenu-style2 .header.app-header {
display:none;
}
.sidenav-toggled .leftmenu2{
display:none;
}
.app.leftmenu-style2 .leftmenu2, .app.leftmenu-style2 .leftmenu2 .header.app-header2, .app.leftmenu-style2 .leftmenu2 .app-sidebar2{
display:block;
}
.leftmenu-style2 .container-fluid.main-content{
padding-right:0;
padding-left:0;
width:auto;
}
.leftmenu-style2 .main-content{
padding-top:0;
}
@media (min-width: 767px){
.leftmenu-style2.app.sidebar-mini .app-content {
margin-left: 0;
}
.leftmenu-style2 .app-content2 {
padding: 28px 30px 0 30px !important;
}
}
.switch_bg-img{
/* background: url(images/media/bg.jpg)!important; */
padding:0.75rem 1.5rem 0.75rem 1.5rem;
position:relative;
}
.switch_bg-img:before {
content: '';
background: rgba(0,0,0,0.5);
position: absolute;
width: 100%;
height: 100%;
display: block;
right: 0;
left: 0;
top: 0;
}
.switch_bg-img span{
font-size: 14px;
font-weight: 500;
color:#fff;
z-index: 1;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
background-color: #0162e8;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
border-color: #0162e8;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label {
background-color:#0162e8;
}
.onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
border-color:#0162e8;
}
.light-theme .dark-pattern, .dark-pattern{
display:none;
}
.dark-theme .light-pattern{
display:block;
}
.dark-theme .dark-pattern{
display:none ;
}
.logo a img {
display: none;
}
.bg_dark {
background: #0a080e;
color : #fff;
}
.styleswitch.layoutswitch {
background : none repeat scroll 0 0 #f4f4f4;
border : medium none !important;
color : #fff !important;
display : inline-block;
height : auto;
margin : 3px 0;
padding : 2px;
text-align : center;
text-transform : uppercase;
width : 100%;
text-decoration : none !important;
transition : all .3s ease-out;
}
.styleswitch.layoutswitch:hover {
background: #000 !important;
}
.styleswitch {
background-color: #e425e9;
display : inline-block;
margin : 4px 8px;
width : 25px;
height : 25px;
border-radius : 5px;
}
.styleswitch:active,
.styleswitch:focus {
border: 5px solid #000;
}
#switcher-body .container {
background: #fff;
margin : 50px auto;
border : 1px solid #dedede;
padding : 40px;
}
.switcher {
width : 50px;
height : 50px;
display : inline-block;
margin : 4px 8px;
border-radius: 5px;
border : 0px solid #000;
}
.demo_changer {
z-index : 9999;
position : fixed;
right : -250px;
font-weight: 400 !important;
height : 100%;
}
.purchase {
text-decoration: underline;
color : #4BACC6
}
.demoPanel {
position: relative;
}
.evo-pop {
z-index: 10000;
width : 204px;
padding: 3px 3px 0
}
.evo-pop-ie {
z-index: 10000;
width : 212px;
padding: 3px
}
.evo-palette td {
font-size: 1px;
border : solid 1px #c0c0c0;
padding : 7px;
cursor : pointer
}
.evo-palette tr.top td {
border-bottom: 0
}
.evo-palette tr.in td {
border-top : 0;
border-bottom: 0
}
.evo-palette tr.bottom td {
border-top: 0
}
.evo-palette div.sep {
height: 3px
}
.evo-palette,
.evo-palette-ie {
border-collapse : separate;
border-spacing : 4px 0;
border-collapse: expression('separate', cellSpacing='2px')
}
.evo-palette th,
.evo-palette-ie th {
border : 0;
padding : 5px 3px;
text-align : left;
font-weight: normal;
background : transparent !important
}
.evo-palette-ie td {
font-size: 1px;
border : solid 1px #c0c0c0;
padding : 7px;
cursor : pointer
}
.evo-palette2,
.evo-palette2-ie {
margin : auto;
border-collapse: collapse
}
.evo-palette2 td,
.evo-palette2-ie td {
font-size: 1px;
cursor : pointer
}
.evo-palette2 td {
padding: 6px 7px
}
.evo-palette2-ie td {
padding: 5px
}
.evo-palcenter {
padding : 5px;
text-align: center
}
.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
border: solid 1px #c3c3c3;
width : 20px;
height: 20px;
float : right
}
.evo-colorind {
position: relative;
top : 2px
}
.evo-colorind-ie {
position: relative;
top : -23px
}
.evo-colorbox-ie {
font-size: 8px;
padding : 3px 9px !important
}
.evo-colortxt-ie {
position: relative;
top : -6px
}
.evo-pop:after,
.evo-pop-ie:after,
.evo-colorind:after,
.evo-colorind-ie:after,
.evo-colorind-ff:after,
.evo-color span:after,
.evo-cHist:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility: hidden;
font-size : 0
}
.evo-color {
width : 94px;
padding: 1px 3px 0 4px
}
.evo-color div {
border : solid 1px #808080;
border-right : solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding : 3px;
margin-bottom: 5px;
width : 10px;
height : 10px;
float : left
}
.evo-color span {
font-size: 15px;
margin : 1px 0 4px 3px;
float : left
}
.evo-sep {
height : 10px;
font-size: 0
}
.evo-more {
padding : 4px 5px 4px;
font-size: smaller
}
.evo-cHist {
padding: 3px
}
.evo-cHist div {
cursor : pointer;
border : solid 1px #c0c0c0;
padding: 3px;
margin : 5px;
width : 10px;
height : 10px;
float : left
}
a.evo-hist {
margin-left: 6px
}
.evo-pointer {
cursor: pointer
}
.evo-pop {
background: #FFFFFF;
border : 1px solid #DEDEDE;
padding : 10px !important;
width : 225px !important;
z-index : 10000;
}
.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
border : 1px solid #C3C3C3;
height : 20px;
position: absolute;
top : 11px;
right : 5px;
width : 20px;
}
.demo_changer p {
margin: 10px 0;
}
.demo_changer .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
background: #fff;
}
.demo_changer h4 {
color : #545454 !important;
margin : 10px 0px !important;
text-transform: uppercase;
border-bottom : 1px solid #e1e0ea;
border-top : 1px solid #e1e0ea;
background-color: #f2f6f9;
}
.demo_changer select:active,
.demo_changer select:focus,
.demo_changer select:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover,
.demo_changer .btn:active,
.demo_changer .btn:focus,
.demo_changer .btn:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover {
box-shadow: none !important;
}
.demo_changer .button {
-webkit-user-select: none;
user-select: none;
background-image: none;
border : 1px solid #ddd;
border-radius : 3px;
cursor : pointer;
display : inline-block;
font-size : 14px;
font-weight : normal;
background : #fff;
line-height : 1.42857;
margin-bottom : 0;
width : 145px !important;
padding : 6px 12px;
text-align : center;
vertical-align : middle;
white-space : nowrap;
}
.demo_changer .img-thumbnail {
height : 35px;
background-color: #fff;
border : 1px solid #ddd;
margin-bottom : 5px;
width : 46% !important;
padding : 2px;
}
.form_holder img {
border: 4px solid #E1E1E1;
height: 40px;
margin: 2px !important;
width : 40px !important;
}
.demo_changer hr {
border-color: #E0E0E0;
}
.demo_changer,
.demo_changer p {
color: #545454 !important;
}
.demo_changer h4 {
color : #212121 !important;
font-size : 14px;
padding-bottom: 0;
text-align : left;
padding : 10px;
font-weight : 600;
}
.demo_changer i {
color : #fff;
font-size : 21px;
margin-top: 10px;
}
/*.demo_changer .btn {
margin-top: 10px;
}*/
.demo_changer .demo-icon {
cursor : pointer;
text-align : center;
padding : 2px;
float : left;
height : 40px;
line-height : 38px;
width : 40px;
border-radius: 0px 0 0 0px !important;
top : 17rem;
position : relative;
}
@media (max-width: 992px) {
.demo_changer .form_holder {
height: 100vh;
}
}
@media (min-width: 992px) {
.demo_changer .form_holder {
height: 100vh;
}
}
.demo_changer .form_holder {
background : #fff;
border-radius: 0;
cursor : pointer;
float : right;
font-size : 12px;
padding : 0 7px;
width : 250px;
box-shadow : 0 0 0 1px rgba(61, 119, 180, .12), 0 8px 16px 0 rgba(91, 139, 199, .24);
}
.demo_changer .form_holder p {
font-size: 12px;
}
.color_display_2 {
clear : both;
color : #FFFFFF;
display : inline-block;
font-size : 12px;
width : 31px !important;
height : 31px;
margin-bottom : 7px;
padding : 4px 10px;
text-align : center;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
text-transform: uppercase;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
}
.color_display_2 a {
color : #fff;
text-decoration: none;
}
.color_display_2 a:focus,
.color_display_2 a:hover {
color : #ededed !important;
text-decoration: none;
}
.demoPanel {
margin : 0;
padding: 0;
width : 125px;
}
.predefined_styles {
padding : 0 5px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.demo_changer {
top: 0;
}
.demo_changer .demo-icon {
height: 40px;
width : 40px;
}
.demo_changer i {
font-size: 17px;
}
}
@media only screen and (max-width: 768px) {
.demo_changer {
top: 0px;
}
.demo_changer i {
font-size : 21px;
margin-top: 8px;
}
.demo_changer .demo-icon {
height: 40px;
width : 40px;
}
.demo_changer {
display: block;
}
}
.bootstrap-select.show-menu-arrow.open>.btn {
z-index: 2051;
}
.bootstrap-select .btn:focus {
outline : thin dotted #333333 !important;
outline : 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.btn-group .btn .filter-option {
overflow : hidden;
position : absolute;
left : 12px;
right : 25px;
text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
position : absolute;
top : 50%;
right : 12px;
margin-top : -2px;
vertical-align: middle;
}
.bootstrap-select.btn-group>.disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled>a {
cursor: not-allowed;
}
.bootstrap-select.btn-group>.disabled:focus {
outline: none !important;
}
.bootstrap-select.btn-group[class*="span"] .btn {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width : 100%;
box-sizing : border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position : static;
border : 0;
padding : 0;
margin : 0;
border-radius : 0;
box-shadow : none;
}
.bootstrap-select.btn-group .dropdown-menu dt {
display: block;
padding: 3px 20px;
cursor : default;
}
.bootstrap-select.btn-group .div-contain {
overflow: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li>a.opt {
position : relative;
padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li>a {
cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li>dt small {
font-weight: normal;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
display : inline-block;
position : absolute;
right : 15px;
margin-top: 2.5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small {
color: #64b1d8;
color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li>dt small {
font-weight: normal;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content : '';
display : inline-block;
border-left : 7px solid transparent;
border-right : 7px solid transparent;
border-bottom : 7px solid #CCC;
border-bottom-color: rgba(0, 0, 0, 0.2);
position : absolute;
bottom : -4px;
left : 9px;
display : none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content : '';
display : inline-block;
border-left : 6px solid transparent;
border-right : 6px solid transparent;
border-bottom: 6px solid white;
position : absolute;
bottom : -4px;
left : 10px;
display : none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom : auto;
top : -3px;
border-top : 7px solid #ccc;
border-bottom : 0;
border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom : auto;
top : -3px;
border-top : 6px solid #ffffff;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left : auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left : auto;
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
display: block;
}
.bootstrap-select.btn-group .no-results {
padding : 3px;
background: #f5f5f5;
margin : 0 5px;
}
.mobile-device {
position: absolute;
top : 0;
left : 0;
display : block !important;
width : 100%;
height : 100% !important;
opacity : 0;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
position : static;
top : auto;
margin-top: -1px;
}
.control-group.error .bootstrap-select .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select-searchbox {
padding: 4px 8px;
}
.bootstrap-select-searchbox input {
margin-bottom: 0;
}
.horizontal .vertical-switcher {
display: none;
}
/* .horizontal .vertical-images {
display: none;
} */
/* RTL */
.rtl .demo_changer {
transition: all 0.3s ease;
left : -270px;
right : auto !important;
}
.rtl .demo_changer.active {
transition: all 0.3s ease;
right : auto !important;
left : 0;
}
.rtl .demo_changer .form_holder {
float : left;
}
.rtl .demo_changer h4 {
text-align: right;
}
.rtl .onoffswitch2-label:before {
left : 13px;
right: inherit;
}
.rtl .onoffswitch2-checkbox:checked+.onoffswitch2-label:before {
left : 0px;
right: inherit;
}
.rtl .ps>.ps__rail-y {
left : 0 !important;
right: auto !important;
}
.error-page1 .switcher-nav{
display: none;
}
.error-page1 .horizontal-styles{
display: none;
}
.error-page1 .leftmenu-styles{
display: none;
}
.error-page1 .header-styles{
display: none;
}
.error-page1 .vertical-images{
display: none;
}
.error-page1 .switcher-layout{
display: none;
}
.error-page1 .vertical-switcher{
display: none;
}
.card-body .switch_section span {
color: #6d7790 !important;
font-size: 15px;
font-weight: 500;
}
.card-body .predefined_styles {
text-align:Center !important;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('material-icons.woff2') format("woff2"), url('material-icons.woff') format("woff");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Outlined";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('material-icons-outlined.woff2') format("woff2"), url('material-icons-outlined.woff') format("woff");
}
.material-icons-outlined {
font-family: "Material Icons Outlined";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Round";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('material-icons-round.woff2') format("woff2"), url('material-icons-round.woff') format("woff");
}
.material-icons-round {
font-family: "Material Icons Round";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Sharp";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('material-icons-sharp.woff2') format("woff2"), url('material-icons-sharp.woff') format("woff");
}
.material-icons-sharp {
font-family: "Material Icons Sharp";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Two Tone";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('material-icons-two-tone.woff2') format("woff2"), url('material-icons-two-tone.woff') format("woff");
}
.material-icons-two-tone {
font-family: "Material Icons Two Tone";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-feature-settings: "liga";
}
.ct-label {
fill: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.4);
font-size: 0.75rem;
line-height: 1;
}
.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
display: block;
display: flex;
}
.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
dominant-baseline: central;
}
.ct-label.ct-horizontal.ct-start {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
text-anchor: start;
}
.ct-label.ct-horizontal.ct-end {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start;
}
.ct-label.ct-vertical.ct-start {
align-items: flex-end;
justify-content: flex-end;
text-align: right;
text-anchor: end;
}
.ct-label.ct-vertical.ct-end {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
align-items: flex-end;
justify-content: center;
text-align: center;
text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
align-items: flex-start;
justify-content: center;
text-align: center;
text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
align-items: center;
justify-content: flex-end;
text-align: right;
text-anchor: end;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
align-items: center;
justify-content: flex-start;
text-align: left;
text-anchor: end;
}
.ct-grid {
stroke: rgba(0, 0, 0, 0.2);
stroke-width: 1px;
stroke-dasharray: 2px;
}
.ct-grid-background {
fill: none;
}
.ct-point {
stroke-width: 10px;
stroke-linecap: round;
}
.ct-line {
fill: none;
stroke-width: 4px;
}
.ct-area {
stroke: none;
fill-opacity: 0.1;
}
.ct-bar {
fill: none;
stroke-width: 10px;
}
.ct-slice-donut {
fill: none;
stroke-width: 60px;
}
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
stroke: #d70206;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
fill: #d70206;
}
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
stroke: #f05b4f;
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
fill: #f05b4f;
}
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
stroke: #f4c63d;
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
fill: #f4c63d;
}
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
stroke: #d17905;
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
fill: #d17905;
}
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
stroke: #453d3f;
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
fill: #453d3f;
}
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
stroke: #59922b;
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
fill: #59922b;
}
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
stroke: #0544d3;
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
fill: #0544d3;
}
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
stroke: #6b0392;
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
fill: #6b0392;
}
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
stroke: #f05b4f;
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
fill: #f05b4f;
}
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
stroke: #dda458;
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
fill: #dda458;
}
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
stroke: #eacf7d;
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
fill: #eacf7d;
}
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
stroke: #86797d;
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
fill: #86797d;
}
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
stroke: #b2c326;
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
fill: #b2c326;
}
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
stroke: #6188e2;
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
fill: #6188e2;
}
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
stroke: #a748ca;
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
fill: #a748ca;
}
.ct-square {
display: block;
position: relative;
width: 100%;
}
.ct-square:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 100%;
}
.ct-square:after {
content: "";
display: table;
clear: both;
}
.ct-square > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-minor-second {
display: block;
position: relative;
width: 100%;
}
.ct-minor-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 93.75%;
}
.ct-minor-second:after {
content: "";
display: table;
clear: both;
}
.ct-minor-second > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-second {
display: block;
position: relative;
width: 100%;
}
.ct-major-second:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 88.8888888889%;
}
.ct-major-second:after {
content: "";
display: table;
clear: both;
}
.ct-major-second > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-minor-third {
display: block;
position: relative;
width: 100%;
}
.ct-minor-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 83.3333333333%;
}
.ct-minor-third:after {
content: "";
display: table;
clear: both;
}
.ct-minor-third > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-third {
display: block;
position: relative;
width: 100%;
}
.ct-major-third:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 80%;
}
.ct-major-third:after {
content: "";
display: table;
clear: both;
}
.ct-major-third > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-perfect-fourth {
display: block;
position: relative;
width: 100%;
}
.ct-perfect-fourth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 75%;
}
.ct-perfect-fourth:after {
content: "";
display: table;
clear: both;
}
.ct-perfect-fourth > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-perfect-fifth {
display: block;
position: relative;
width: 100%;
}
.ct-perfect-fifth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 66.6666666667%;
}
.ct-perfect-fifth:after {
content: "";
display: table;
clear: both;
}
.ct-perfect-fifth > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-minor-sixth {
display: block;
position: relative;
width: 100%;
}
.ct-minor-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
content: "";
display: table;
clear: both;
}
.ct-minor-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-golden-section {
display: block;
position: relative;
width: 100%;
}
.ct-golden-section:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 61.804697157%;
}
.ct-golden-section:after {
content: "";
display: table;
clear: both;
}
.ct-golden-section > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-sixth {
display: block;
position: relative;
width: 100%;
}
.ct-major-sixth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 60%;
}
.ct-major-sixth:after {
content: "";
display: table;
clear: both;
}
.ct-major-sixth > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-minor-seventh {
display: block;
position: relative;
width: 100%;
}
.ct-minor-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
content: "";
display: table;
clear: both;
}
.ct-minor-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-seventh {
display: block;
position: relative;
width: 100%;
}
.ct-major-seventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 53.3333333333%;
}
.ct-major-seventh:after {
content: "";
display: table;
clear: both;
}
.ct-major-seventh > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-octave {
display: block;
position: relative;
width: 100%;
}
.ct-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 50%;
}
.ct-octave:after {
content: "";
display: table;
clear: both;
}
.ct-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-tenth {
display: block;
position: relative;
width: 100%;
}
.ct-major-tenth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 40%;
}
.ct-major-tenth:after {
content: "";
display: table;
clear: both;
}
.ct-major-tenth > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-eleventh {
display: block;
position: relative;
width: 100%;
}
.ct-major-eleventh:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
content: "";
display: table;
clear: both;
}
.ct-major-eleventh > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-major-twelfth {
display: block;
position: relative;
width: 100%;
}
.ct-major-twelfth:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 33.3333333333%;
}
.ct-major-twelfth:after {
content: "";
display: table;
clear: both;
}
.ct-major-twelfth > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
.ct-double-octave {
display: block;
position: relative;
width: 100%;
}
.ct-double-octave:before {
display: block;
float: left;
content: "";
width: 0;
height: 0;
padding-bottom: 25%;
}
.ct-double-octave:after {
content: "";
display: table;
clear: both;
}
.ct-double-octave > svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
/*
This stylesheet uses scss valiables for most of the colors / background-colors of the table
to enable the customization of the displayed table without cloning the stylesheet into the
own application.
To modify table colors, add the following lines to the scss file of your application
(this example modifies the color of the selected row - selectionType = single, multi or multiClick):
$ngx-datatable-selected-active-background: yellow;
$ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2);
@import '~@swimlane/ngx-datatable/index.css';
@import '~@swimlane/ngx-datatable/themes/material.scss';
@import '~@swimlane/ngx-datatable/assets/icons.css';
That's all.
*/
.ngx-datatable.material {
background: #fff;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
/**
* Shared Styles
*/
/**
* Global Row Styles
*/
/**
* Header Styles
*/
/**
* Body Styles
*/
/**
* Footer Styles
*/
}
.ngx-datatable.material.striped .datatable-row-odd {
background: #eee;
}
.ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
background-color: #304ffe;
color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
background-color: #193ae4;
color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
background-color: #2041ef;
color: #fff;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
background-color: #eee;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover, .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
background-color: #eee;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus, .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active, .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
background-color: #304ffe;
color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover, .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
background-color: #193ae4;
color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus, .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
background-color: #2041ef;
color: #fff;
}
.ngx-datatable.material .empty-row {
height: 50px;
text-align: left;
padding: 0.5rem 1.2rem;
vertical-align: top;
border-top: 0;
}
.ngx-datatable.material .loading-row {
text-align: left;
padding: 0.5rem 1.2rem;
vertical-align: top;
border-top: 0;
}
.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
background-color: #fff;
background-position: 100% 0;
background-repeat: repeat-y;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
background-position: 0 0;
background-color: #fff;
background-repeat: repeat-y;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
text-align: left;
padding: 0.9rem 1.2rem;
font-weight: 400;
background-color: #fff;
color: rgba(0, 0, 0, 0.54);
vertical-align: bottom;
font-size: 12px;
font-weight: 500;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
position: relative;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
transition: transform 400ms ease, opacity 400ms ease;
opacity: 0.5;
transform: scale(1);
}
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
height: 60px;
width: 60px;
background: #eee;
border-radius: 100%;
opacity: 1;
filter: none;
transform: scale(0);
z-index: 9999;
pointer-events: none;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
border-right: none;
}
.ngx-datatable.material .datatable-header .resize-handle {
border-right: solid 1px #eee;
}
.ngx-datatable.material .datatable-body {
position: relative;
}
.ngx-datatable.material .datatable-body .datatable-row-detail {
background: #f5f5f5;
padding: 10px;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
background: #f5f5f5;
border-bottom: solid 1px #d9d8d9;
border-top: solid 1px #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
text-align: left;
padding: 0.9rem 1.2rem;
vertical-align: top;
border-top: 0;
color: rgba(0, 0, 0, 0.87);
transition: width 0.3s ease;
font-size: 14px;
font-weight: 400;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
text-align: left;
padding: 0.9rem 1.2rem;
vertical-align: top;
border-top: 0;
color: rgba(0, 0, 0, 0.87);
transition: width 0.3s ease;
font-size: 14px;
font-weight: 400;
}
.ngx-datatable.material .datatable-body .progress-linear {
display: block;
position: sticky;
width: 100%;
height: 5px;
padding: 0;
margin: 0;
top: 0;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 5px;
transform: translate(0, 0) scale(1, 1);
background-color: rgb(170, 209, 249);
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
transition: all 0.2s linear;
animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform 0.2s linear;
background-color: rgb(16, 108, 200);
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 5px;
}
.ngx-datatable.material .datatable-footer {
border-top: 1px solid rgba(0, 0, 0, 0.12);
font-size: 12px;
font-weight: 400;
color: rgba(0, 0, 0, 0.54);
}
.ngx-datatable.material .datatable-footer .page-count {
line-height: 50px;
height: 50px;
padding: 0 1.2rem;
}
.ngx-datatable.material .datatable-footer .datatable-pager {
margin: 0 10px;
}
.ngx-datatable.material .datatable-footer .datatable-pager li {
vertical-align: middle;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
color: rgba(0, 0, 0, 0.26) !important;
background-color: transparent !important;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
background-color: rgba(158, 158, 158, 0.2);
font-weight: bold;
}
.ngx-datatable.material .datatable-footer .datatable-pager a {
height: 22px;
min-width: 24px;
line-height: 22px;
padding: 0 6px;
border-radius: 3px;
margin: 6px 3px;
text-align: center;
vertical-align: top;
color: rgba(0, 0, 0, 0.54);
text-decoration: none;
vertical-align: bottom;
}
.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
color: rgba(0, 0, 0, 0.75);
background-color: rgba(158, 158, 158, 0.2);
}
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
font-size: 20px;
line-height: 20px;
padding: 0 3px;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
font-weight: bold;
}
/**
* Checkboxes
**/
.datatable-checkbox {
position: relative;
margin: 0;
cursor: pointer;
vertical-align: middle;
display: inline-block;
box-sizing: border-box;
padding: 0;
}
.datatable-checkbox input[type=checkbox] {
position: relative;
margin: 0 1rem 0 0;
cursor: pointer;
outline: none;
}
.datatable-checkbox input[type=checkbox]:before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
left: 0;
z-index: 1;
width: 1rem;
height: 1rem;
border: 2px solid #f2f2f2;
}
.datatable-checkbox input[type=checkbox]:checked:before {
transform: rotate(-45deg);
height: 0.5rem;
border-color: #009688;
border-top-style: none;
border-right-style: none;
}
.datatable-checkbox input[type=checkbox]:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1rem;
height: 1rem;
background: #fff;
cursor: pointer;
}
/**
* Progress bar animations
*/
@keyframes query {
0% {
opacity: 1;
transform: translateX(35%) scale(0.3, 1);
}
100% {
opacity: 0;
transform: translateX(-50%) scale(0, 1);
}
}
/*
bootstrap table theme
*/
.ngx-datatable.bootstrap {
box-shadow: none;
font-size: 13px;
}
.ngx-datatable.bootstrap .datatable-header {
height: unset !important;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
vertical-align: bottom;
padding: 0.75rem;
border-bottom: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
line-height: 24px;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
vertical-align: top;
border-top: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
background-color: rgba(0, 0, 0, 0.05);
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
background-color: #1483ff;
color: #fff;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
padding: 0.75rem;
text-align: left;
vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-body .empty-row {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 0;
}
.ngx-datatable.bootstrap .datatable-footer {
background: #424242;
color: #ededed;
margin-top: -1px;
}
.ngx-datatable.bootstrap .datatable-footer .page-count {
line-height: 50px;
height: 50px;
padding: 0 1.2rem;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
margin: 0 10px;
vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
margin: 10px 0px;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
background-color: #545454;
font-weight: bold;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
height: 22px;
min-width: 24px;
line-height: 22px;
padding: 0;
border-radius: 3px;
margin: 0 3px;
text-align: center;
vertical-align: top;
text-decoration: none;
vertical-align: bottom;
color: #ededed;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
font-size: 18px;
line-height: 27px;
padding: 0 3px;
}
.ngx-datatable.bootstrap .datatable-summary-row .datatable-body-row .datatable-body-cell {
font-weight: bold;
}
.ngx-datatable.dark {
box-shadow: none;
background: #1b1e27;
border: 1px solid #2f3646;
color: #fff;
font-size: 13px;
}
.ngx-datatable.dark .datatable-header {
background: #181b24;
color: #72809b;
}
.ngx-datatable.dark .datatable-header .datatable-header-cell {
text-align: left;
padding: 0.5rem 1.2rem;
font-weight: bold;
}
.ngx-datatable.dark .datatable-header .datatable-header-cell .datatable-header-cell-label {
line-height: 24px;
}
.ngx-datatable.dark .datatable-body {
background: #1a1e28;
}
.ngx-datatable.dark .datatable-body .datatable-body-row {
border-top: 1px solid #2f3646;
}
.ngx-datatable.dark .datatable-body .datatable-body-row .datatable-body-cell {
text-align: left;
padding: 0.5rem 1.2rem;
vertical-align: top;
}
.ngx-datatable.dark .datatable-body .datatable-body-row:hover {
background: #171b24;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
}
.ngx-datatable.dark .datatable-body .datatable-body-row:focus {
background-color: #232837;
}
.ngx-datatable.dark .datatable-body .datatable-body-row.active {
background-color: #1483ff;
color: #fff;
}
.ngx-datatable.dark .datatable-footer {
background: #232837;
color: #72809b;
margin-top: -1px;
}
.ngx-datatable.dark .datatable-footer .page-count {
line-height: 50px;
height: 50px;
padding: 0 1.2rem;
}
.ngx-datatable.dark .datatable-footer .datatable-pager {
margin: 0 10px;
vertical-align: top;
}
.ngx-datatable.dark .datatable-footer .datatable-pager ul li {
margin: 10px 0px;
}
.ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
background-color: #455066;
font-weight: bold;
}
.ngx-datatable.dark .datatable-footer .datatable-pager a {
height: 22px;
min-width: 24px;
line-height: 22px;
padding: 0;
border-radius: 3px;
margin: 0 3px;
text-align: center;
vertical-align: top;
text-decoration: none;
vertical-align: bottom;
color: #72809b;
}
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-prev {
font-size: 18px;
line-height: 27px;
padding: 0 3px;
}
.ngx-datatable.dark .datatable-summary-row .datatable-body-row {
background-color: #14171f;
}
.ngx-datatable.dark .datatable-summary-row .datatable-body-row:hover {
background-color: #14171f;
}
.ngx-datatable.dark .datatable-summary-row .datatable-body-row .datatable-body-cell {
font-weight: bold;
}
.cal-month-view .cal-header {
text-align: center;
font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
padding: 5px 0;
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}
.cal-month-view .cal-days {
border: 1px solid;
border-bottom: 0;
}
.cal-month-view .cal-cell-top {
min-height: 78px;
flex: 1;
}
.cal-month-view .cal-cell-row {
display: flex;
}
.cal-month-view .cal-cell {
float: left;
flex: 1;
display: flex;
flex-direction: column;
align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
min-height: 100px;
}
@media all and (-ms-high-contrast: none) {
.cal-month-view .cal-day-cell {
display: block;
}
}
.cal-month-view .cal-day-cell:not(:last-child) {
border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
border-right: initial;
border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
margin-top: 18px;
margin-left: 10px;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 10px;
}
.cal-month-view .cal-day-number {
font-size: 1.2em;
font-weight: 400;
opacity: 0.5;
margin-top: 15px;
margin-right: 15px;
float: right;
margin-bottom: 10px;
}
.cal-month-view .cal-events {
flex: 1;
align-items: flex-end;
margin: 3px;
line-height: 10px;
display: flex;
flex-wrap: wrap;
}
.cal-month-view .cal-event {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
opacity: 0.1;
cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
position: relative;
top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
opacity: 0.3;
}
.cal-month-view .cal-draggable {
cursor: move;
}
.cal-month-view .cal-drag-active * {
pointer-events: none;
}
.cal-month-view .cal-event-title {
cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
text-decoration: underline;
}
.cal-month-view {
background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
background-color: #ededed;
}
.cal-month-view .cal-days {
border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
border-right-color: initial;
border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
background-color: #b94a48;
color: #fff;
}
.cal-month-view .cal-event {
background-color: #1e90ff;
border-color: #d1e8ff;
color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
color: #fff;
background-color: #555;
box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
/* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
display: flex;
padding-left: 70px;
border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
padding-left: initial;
padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
flex: 1;
text-align: center;
padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
border-right: initial;
border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
border-left: initial;
border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
font-weight: 400;
opacity: 0.5;
}
.cal-week-view .cal-day-column {
flex-grow: 1;
border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
border-left: initial;
border-right: solid 1px;
}
.cal-week-view .cal-event {
font-size: 12px;
border: 1px solid;
direction: ltr;
}
.cal-week-view .cal-time-label-column {
width: 70px;
height: 100%;
}
.cal-week-view .cal-current-time-marker {
position: absolute;
width: 100%;
height: 2px;
z-index: 2;
}
.cal-week-view .cal-all-day-events {
border: solid 1px;
border-top: 0;
border-bottom-width: 3px;
padding-top: 3px;
position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
height: 100%;
width: 100%;
display: flex;
position: absolute;
top: 0;
z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
position: relative;
height: 31px;
margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
margin-left: initial;
margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
display: inline-block;
position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
z-index: 1;
pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
padding: 0 5px;
margin-left: 2px;
margin-right: 2px;
height: 28px;
line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
border-top-left-radius: initial;
border-bottom-left-radius: initial;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
border-top-right-radius: initial;
border-bottom-right-radius: initial;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
width: 6px;
height: 100%;
cursor: col-resize;
position: absolute;
top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
right: initial;
left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cal-week-view .cal-drag-active {
pointer-events: none;
z-index: 1;
}
.cal-week-view .cal-drag-active * {
pointer-events: none;
}
.cal-week-view .cal-time-events {
position: relative;
border: solid 1px;
border-top: 0;
display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
display: flex;
flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
position: absolute;
z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
width: calc(100% - 2px);
height: calc(100% - 2px);
margin: 1px;
padding: 0 5px;
line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
width: 100%;
height: 4px;
cursor: row-resize;
position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
bottom: 0;
}
.cal-week-view .cal-hour-segment {
position: relative;
}
.cal-week-view .cal-hour-segment::after {
content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
cursor: pointer;
}
.cal-week-view .cal-draggable {
cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
border-bottom: thin dashed;
}
.cal-week-view .cal-time {
font-weight: bold;
padding-top: 5px;
width: 70px;
text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.cal-week-view {
background-color: #fff;
border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
border-color: #e1e1e1;
border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
border-right-color: initial;
border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
border-left-color: initial;
border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
background-color: #ededed;
}
.cal-week-view .cal-day-column {
border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
border-left-color: initial;
border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
background-color: #d1e8ff;
border-color: #1e90ff;
color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
color: #8b0000;
}
.cal-week-view .cal-time-events {
border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
background-color: #ea4334;
}
.cal-day-view {
/* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
display: none;
}
.cal-day-view .cal-events-container {
margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
margin-left: initial;
margin-right: 70px;
}
.cal-day-view .cal-day-column {
border-left: 0;
}
.cal-day-view .cal-current-time-marker {
margin-left: 70px;
width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
margin-left: initial;
margin-right: 70px;
}
.cal-tooltip {
position: absolute;
z-index: 1070;
display: block;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
font-size: 11px;
word-wrap: break-word;
opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
padding: 5px 0;
margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
padding: 0 5px;
margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
padding: 5px 0;
margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
padding: 0 5px;
margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
max-width: 200px;
padding: 3px 8px;
text-align: center;
border-radius: 0.25rem;
}
.cal-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
border-left-color: #000;
}
.cal-tooltip-inner {
color: #fff;
background-color: #000;
}
/* Customized SCSS files*/
ng-select {
padding: 0 !important;
border: none !important;
}
ng-select ng-dropdown-panel {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-option.ng-option-selected.ng-option-marked {
color: #fff !important;
background-color: var(--primary-bg-color) !important;
}
.dropdown-menu {
height: max-content;
}
.dark-mode .show > .btn-white.dropdown-toggle {
background-color: var(--dark-theme);
border-color: var(--dark-border);
color: var(--dark-color);
}
.dark-mode .ng-select.ng-select-opened > .ng-select-container {
background: var(--dark-body);
border-color: var(--dark-border);
color: #fff !important;
}
.dark-mode .ng-select .ng-select-container {
color: #eee;
background-color: var(--dark-body);
border: 1px solid var(--dark-border);
}
.dark-mode input {
color: #eee !important;
background: var(--dark-body);
}
.dark-mode .ng-option {
background-color: var(--dark-body) !important;
color: #fff !important;
}
.dark-mode .ng-dropdown-panel {
background-color: var(--dark-body);
}
.dark-mode .ng-dropdown-panel,
.dark-mode .list-area {
border: 1px solid var(--dark-border) !important;
}
.dark-mode .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
color: #eee;
background-color: var(--dark-body);
border: 1px solid var(--dark-border);
}
.dark-mode .dropzone {
border: 1px solid var(--dark-border);
border-radius: 4px;
background: var(--dark-body);
}
.dark-mode .dz-message.needsclick {
color: #ababab;
}
.dark-mode .ps .ps__rail-x.ps--clicking,
.dark-mode .ps .ps__rail-x:focus,
.dark-mode .ps .ps__rail-x:hover,
.dark-mode .ps .ps__rail-y.ps--clicking,
.dark-mode .ps .ps__rail-y:focus,
.dark-mode .ps .ps__rail-y:hover {
background-color: var(--primary05) !important;
}
.dark-mode perfect-scrollbar > .ps.ps--scrolling-x > .ps__rail-x,
.dark-mode perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
background-color: var(--primary05) !important;
}
.dark-mode text tspan {
fill: #fff;
}
.dark-mode .table thead th,
.dark-mode .text-wrap table thead th {
border-bottom: 1px solid var(--dark-border) !important;
}
.dark-mode .timepicker__body {
background-color: var(--dark-theme) !important;
}
.dark-mode .timepicker__actions {
background-color: var(--dark-theme) !important;
border-block-start: 1px solid var(--dark-border);
}
.dark-mode .clock-face {
background-color: transparent !important;
border: 1px solid var(--dark-border);
}
.dark-mode .timepicker__header {
background-color: var(--dark-theme) !important;
border-block-end: 1px solid var(--dark-border);
}
.dark-mode .md-drppicker td.off,
.dark-mode .md-drppicker td.off.end-date,
.dark-mode .md-drppicker td.off.in-range,
.dark-mode .md-drppicker td.off.start-date {
background-color: transparent;
}
.dark-mode ngx-dropzone {
background-color: var(--dark-body);
color: #eee;
}
.dark-mode .accordion-button {
width: 100%;
color: #fff;
background-color: var(--dark-body);
}
.dark-mode .accordion-button:not(.collapsed) {
color: #fff;
background-color: var(--dark-theme);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.13);
}
.dark-mode .accordion-button::after {
filter: invert(1);
}
.dark-mode .accordion-item {
background-color: var(--dark-theme);
border: 1px solid var(--dark-border);
}
.dark-mode .md-drppicker td.available:hover,
.dark-mode .md-drppicker th.available:hover {
color: #000;
}
.dark-mode .dataTable-sorter::before {
border-top: 4px solid #fff;
}
.dark-mode .dataTable-sorter::after {
border-bottom: 4px solid #fff;
}
.rtl .accordion-button::after {
margin-left: initial;
margin-right: auto;
}
.rtl .show-ranges {
z-index: 1 !important;
right: auto !important;
left: 0 !important;
}
.rtl .left-arrow-image,
.rtl .right-arrow-image {
transform: rotate(0deg);
}
.rtl .was-validated .form-control:valid,
.rtl .form-control.is-valid {
background-position: left calc(0.375em + 0.1875rem) center !important;
padding-left: calc(0.5em + 0.75rem);
padding-right: 0.75rem;
}
.rtl .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
flex-direction: row-reverse;
}
.rtl .ck.ck-editor__main > .ck-editor__editable {
text-align: end;
}
.rtl .breadcrumb-item + .breadcrumb-item::before {
float: right;
}
.timepicker-button {
color: var(--primary-bg-color) !important;
}
.clock-face__number > span.active {
background-color: var(--primary-bg-color) !important;
color: #fff;
}
.clock-face__clock-hand {
background-color: var(--primary-bg-color) !important;
}
.ps__rail-y {
left: initial !important;
right: 0;
}
.dropup .dropdown-toggle::after {
display: none;
}
.table > :not(:first-child) {
border-top: 0px solid currentColor !important;
}
.cdk-overlay-container,
.modal-backdrop {
z-index: 9999 !important;
}
.cdk-overlay-backdrop {
background: rgba(0, 0, 0, 0.2784313725);
z-index: 4 !important;
}
.btn-close {
position: absolute;
top: 50% !important;
inset-inline-end: 0;
padding: 0.75rem 1.25rem;
color: inherit;
transform: translateY(-50%);
font: normal normal normal 14px/1 FontAwesome;
}
.btn-close::before {
content: "\f00d";
}
.page-rightheader svg {
z-index: 1 !important;
}
.horizontal .horizontal-main {
z-index: 8 !important;
}
.app-sidebar,
.app-header {
z-index: 1024 !important;
}
.ngx-notifier {
z-index: 9999 !important;
}
th {
text-align: start !important;
}
@media (max-width: 374.98px) {
.steps-indicator .label {
display: none !important;
}
}
overlay {
z-index: 9999;
}
apx-chart > div > div {
margin: auto;
}
apx-chart svg {
overflow: visible !important;
}
@media (max-width: 424.98px) {
.dual-list {
flex-direction: column !important;
}
.dual-list .listbox {
width: 100% !important;
margin: 10px !important;
}
}
.dark-mode .bg-light2 {
background-color: var(--dark-border) !important;
}
.invoice-table-responsive .btn-group, .invoice-table-responsive .btn-group-vertical,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
display: contents;
}
.clipboard-icon {
display: flex;
justify-content: center;
align-items: center;
}
.clipboard-icon .fa {
color: #fff;
}
body:not(.dark-mode).btn-outline-light:disabled, .btn-outline-light.disabled {
color: #000000;
background-color: transparent;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/ngx-owl-carousel-o/lib/styles/scss/owl.carousel.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
z-index: 5;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/ngx-owl-carousel-o/lib/styles/scss/owl.theme.default.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}