@font-face
{
font-family:Lato;
font-style:normal;
font-weight:300;
src:url(../../media/Lato-Light.woff2) format("woff2"),url(../../media/Lato-Light.woff) format("woff")
}
@font-face
{
font-family:Lato;
font-style:normal;
font-weight:400;
src:url(../../media/Lato-Regular.woff2) format("woff2"),url(../../media/Lato-Regular.woff) format("woff")
}
@font-face
{
font-family:Lato;
font-style:normal;
font-weight:700;
src:url(../../media/Lato-Bold.woff2) format("woff2"),url(../../media/Lato-Bold.woff) format("woff")
}
@font-face
{
font-family:Lato;
font-style:italic;
font-weight:300;
src:url(../../media/Lato-LightItalic.woff2) format("woff2"),url(../../media/Lato-LightItalic.woff) format("woff")
}
@font-face
{
font-family:Lato;
font-style:italic;
font-weight:400;
src:url(../../media/Lato-Italic.woff2) format("woff2"),url(../../media/Lato-Italic.woff) format("woff")
}
@font-face
{
font-family:Lato;
font-style:italic;
font-weight:700;
src:url(../../media/Lato-BoldItalic.woff2) format("woff2"),url(../../media/Lato-BoldItalic.woff) format("woff")
}
horamatic
{
position:fixed;
width:100%;
height:100%;
overflow-x:auto;
overflow-y:hidden
}
body
{
margin:0
}
*
{
box-sizing:border-box
}
*:before,*:after
{
box-sizing:border-box
}
html
{
font-size:62.5%;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body
{
font-family:Lato,Arial,Sans-Serif;
font-size:14px;
line-height:1.42857143;
background-color:#fff;
color:#303030;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
input,button,select,textarea
{
font-family:inherit;
font-size:inherit;
line-height:inherit
}
a
{
color:inherit;
text-decoration:none
}
.main-container
{
min-width:1200px
}
.loader
{
position:relative;
margin-left:50%;
left:-50px
}
.loader .horamatic-loader
{
background-color:#303030e6;
width:50px;
height:50px;
animation:spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite
}
.horamatic-loader-overlay
{
position:fixed;
width:100%;
background-color:transparent;
top:0;
z-index:10000;
text-align:center;
display:block;
height:100%
}
@keyframes spin
{
25%
{
transform:perspective(100px) rotateX(180deg) rotateY(0)
}
50%
{
transform:perspective(100px) rotateX(180deg) rotateY(180deg)
}
75%
{
transform:perspective(100px) rotateX(0) rotateY(180deg)
}
to
{
transform:perspective(100px) rotateX(0) rotateY(0)
}

}
.spin>div
{
width:50px;
height:50px;
animation:spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite
}
.action-buttons
{
clear:both;
padding:11px;
border-top:1px solid #c6c6c6
}
.action-buttons.border-none
{
border:none
}
.action-buttons .cancel-btn
{
background-color:#d3d3d3!important;
margin-right:12px
}
.action-buttons .cancel-btn-active
{
background-color:#a9a9a9!important;
margin-right:12px
}
.mat-tooltip
{
white-space:pre-line
}
.form .form-actions
{
position:absolute;
bottom:0;
margin:0 -30px;
width:100%
}
.form .form-line
{
margin:.6em 0;
display:flex;
line-height:20px
}
.form .form-input
{
margin:auto 3em auto 0;
display:inline-block
}
.form .form-input mat-radio-button,.form .form-input .form-label
{
margin-right:1em;
display:inline-block
}
.fieldExtraWidth .mat-form-field-infix
{
width:350px
}
.button-color-theme
{
color:#ef610a
}
.button-color-theme.contrasted
{
color:#fff
}
.theme-saastime .button-color-theme
{
color:#079c3a
}
.theme-saastime .button-color-theme.contrasted
{
color:#fff
}
.button-background-color-theme
{
background-color:#ef610a
}
.button-background-color-theme.contrasted
{
background-color:#fff
}
.theme-saastime .button-background-color-theme
{
background-color:#079c3a
}
.theme-saastime .button-background-color-theme.contrasted
{
background-color:#fff
}
.first-uppercase
{
text-transform:lowercase
}
.first-uppercase:first-letter
{
text-transform:uppercase
}
.pl-0
{
padding-left:0!important
}
.pr-0
{
padding-right:0!important
}
.overflow-hidden
{
overflow:hidden
}
.no-wrap
{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.show-cursor
{
cursor:pointer
}
.selectable-cell
{
cursor:pointer;
position:relative
}
.selectable-cell i
{
font-weight:lighter;
font-size:14px;
vertical-align:text-bottom
}
.selectable-cell>div
{
position:absolute;
left:6px;
display:inline-flex;
top:7px
}
.hidde
{
display:none
}
.bold
{
font-weight:700
}
.text-center
{
text-align:center
}
.d-flex
{
display:flex
}
.flex-column
{
flex-flow:column
}
.flex-auto
{
flex:1 0 auto
}
.m-auto
{
margin:auto
}
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html
{
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
article,aside,footer,header,nav,section
{
display:block
}
h1
{
font-size:2em;
margin:.67em 0
}
figcaption,figure,main
{
display:block
}
figure
{
margin:1em 40px
}
hr
{
box-sizing:content-box;
height:0;
overflow:visible
}
pre
{
font-family:monospace,monospace;
font-size:1em
}
a
{
background-color:transparent;
-webkit-text-decoration-skip:objects
}
abbr[title]
{
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b,strong
{
font-weight:inherit
}
b,strong
{
font-weight:bolder
}
code,kbd,samp
{
font-family:monospace,monospace;
font-size:1em
}
dfn
{
font-style:italic
}
mark
{
background-color:#ff0;
color:#000
}
small
{
font-size:80%
}
sub,sup
{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub
{
bottom:-.25em
}
sup
{
top:-.5em
}
audio,video
{
display:inline-block
}
audio:not([controls])
{
display:none;
height:0
}
img
{
border-style:none
}
svg:not(:root)
{
overflow:hidden
}
button,input,optgroup,select,textarea
{
margin:0
}
button,input
{
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
{
border-style:none;
padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring
{
outline:1px dotted ButtonText
}
legend
{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress
{
display:inline-block;
vertical-align:baseline
}
textarea
{
overflow:auto
}
[type=checkbox],[type=radio]
{
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button
{
height:auto
}
::-webkit-file-upload-button
{
-webkit-appearance:button;
font:inherit
}
details,menu
{
display:block
}
summary
{
display:list-item
}
canvas
{
display:inline-block
}
template
{
display:none
}
[hidden]
{
display:none!important
}
@font-face
{
font-family:Material Icons;
font-style:normal;
font-weight:400;
font-display:block;
src:url(../../media/material-icons.woff2) format("woff2"),url(../../media/material-icons.woff) format("woff")
}
.material-icons
{
font-family:Material Icons;
font-weight:400;
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(../../media/material-icons-outlined.woff2) format("woff2"),url(../../media/material-icons-outlined.woff) format("woff")
}
.material-icons-outlined
{
font-family:Material Icons Outlined;
font-weight:400;
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"
}
.mat-badge-content
{
font-weight:600;
font-size:12px;
font-family:Lato,Arial,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 Lato,Arial,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 Lato,Arial,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 Lato,Arial,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 Lato,Arial,Sans-Serif;
letter-spacing:normal;
margin:0 0 16px
}
.mat-h5,.mat-typography .mat-h5,.mat-typography h5
{
font:400 11.62px / 20px Lato,Arial,Sans-Serif;
margin:0 0 12px
}
.mat-h6,.mat-typography .mat-h6,.mat-typography h6
{
font:400 9.38px / 20px Lato,Arial,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 Lato,Arial,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 Lato,Arial,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 Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-display-4,.mat-typography .mat-display-4
{
font:300 112px / 112px Lato,Arial,Sans-Serif;
letter-spacing:-.05em;
margin:0 0 56px
}
.mat-display-3,.mat-typography .mat-display-3
{
font:400 56px / 56px Lato,Arial,Sans-Serif;
letter-spacing:-.02em;
margin:0 0 64px
}
.mat-display-2,.mat-typography .mat-display-2
{
font:400 45px / 48px Lato,Arial,Sans-Serif;
letter-spacing:-.005em;
margin:0 0 64px
}
.mat-display-1,.mat-typography .mat-display-1
{
font:400 34px / 40px Lato,Arial,Sans-Serif;
letter-spacing:normal;
margin:0 0 64px
}
.mat-bottom-sheet-container
{
font:400 14px / 20px Lato,Arial,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:Lato,Arial,Sans-Serif;
font-size:14px;
font-weight:500
}
.mat-button-toggle,.mat-card
{
font-family:Lato,Arial,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:Lato,Arial,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:Lato,Arial,Sans-Serif
}
.mat-header-cell
{
font-size:12px;
font-weight:500
}
.mat-cell,.mat-footer-cell
{
font-size:14px
}
.mat-calendar
{
font-family:Lato,Arial,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 Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-expansion-panel-header
{
font-family:Lato,Arial,Sans-Serif;
font-size:15px;
font-weight:400
}
.mat-expansion-panel-content
{
font:400 14px / 20px Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-form-field
{
font-size:inherit;
font-weight:400;
line-height:1.125;
font-family:Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-form-field-wrapper
{
padding-bottom:1.34375em
}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon
{
font-size:150%;
line-height:1.125
}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button
{
height:1.5em;
width:1.5em
}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon
{
height:1.125em;
line-height:1.125
}
.mat-form-field-infix
{
padding:.5em 0;
border-top:.84375em solid transparent
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.34375em) scale(.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(.75);
width:133.3333433333%
}
.mat-form-field-label-wrapper
{
top:-.84375em;
padding-top:.84375em
}
.mat-form-field-label
{
top:1.34375em
}
.mat-form-field-underline
{
bottom:1.34375em
}
.mat-form-field-subscript-wrapper
{
font-size:75%;
margin-top:.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(.75) perspective(100px) translateZ(.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(.75) perspective(100px) translateZ(.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(.75) perspective(100px) translateZ(.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(.75)
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.28121em) scale(.75)
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.2812em) scale(.75)
}

}
.mat-form-field-appearance-fill .mat-form-field-infix
{
padding:.25em 0 .75em
}
.mat-form-field-appearance-fill .mat-form-field-label
{
top:1.09375em;
margin-top:-.5em
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-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(-.59375em) scale(.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(-.59374em) scale(.75);
width:133.3333433333%
}
.mat-form-field-appearance-outline .mat-form-field-infix
{
padding:1em 0
}
.mat-form-field-appearance-outline .mat-form-field-label
{
top:1.84375em;
margin-top:-.25em
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-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(.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(.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:-.0625em
}
.mat-menu-item
{
font-family:Lato,Arial,Sans-Serif;
font-size:14px;
font-weight:400
}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger
{
font-family:Lato,Arial,Sans-Serif;
font-size:12px
}
.mat-radio-button,.mat-select
{
font-family:Lato,Arial,Sans-Serif
}
.mat-select-trigger
{
height:1.125em
}
.mat-slide-toggle-content
{
font-family:Lato,Arial,Sans-Serif
}
.mat-slider-thumb-label-text
{
font-family:Lato,Arial,Sans-Serif;
font-size:12px;
font-weight:500
}
.mat-stepper-vertical,.mat-stepper-horizontal
{
font-family:Lato,Arial,Sans-Serif
}
.mat-step-label
{
font-size:14px;
font-weight:400
}
.mat-step-sub-label-error
{
font-weight:400
}
.mat-step-label-error
{
font-size:14px
}
.mat-step-label-selected
{
font-size:14px;
font-weight:500
}
.mat-tab-group
{
font-family:Lato,Arial,Sans-Serif
}
.mat-tab-label,.mat-tab-link
{
font-family:Lato,Arial,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 Lato,Arial,Sans-Serif;
letter-spacing:normal;
margin:0
}
.mat-tooltip
{
font-family:Lato,Arial,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,.mat-list-option
{
font-family:Lato,Arial,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:Lato,Arial,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:Lato,Arial,Sans-Serif;
font-size:12px;
font-weight:500
}
.mat-option
{
font-family:Lato,Arial,Sans-Serif;
font-size:16px
}
.mat-optgroup-label
{
font:500 14px / 24px Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-simple-snackbar
{
font-family:Lato,Arial,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:Lato,Arial,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,.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-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
}
textarea.cdk-textarea-autosize
{
resize:none
}
textarea.cdk-textarea-autosize-measuring
{
padding:2px 0!important;
box-sizing:content-box!important;
height:auto!important;
overflow:hidden!important
}
textarea.cdk-textarea-autosize-measuring-firefox
{
padding:2px 0!important;
box-sizing:content-box!important;
height:0!important
}
@keyframes cdk-text-field-autofill-start
{

}
@keyframes cdk-text-field-autofill-end
{

}
.cdk-text-field-autofill-monitored:-webkit-autofill
{
animation:cdk-text-field-autofill-start 0s 1ms
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill)
{
animation:cdk-text-field-autofill-end 0s 1ms
}
.mat-focus-indicator
{
position:relative
}
.mat-focus-indicator:before
{
inset:0;
position:absolute;
box-sizing:border-box;
pointer-events:none;
display:var(--mat-focus-indicator-display, none);
border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
border-radius:var(--mat-focus-indicator-border-radius, 4px)
}
.mat-focus-indicator:focus:before
{
content:""
}
.cdk-high-contrast-active
{
--mat-focus-indicator-display: block
}
.mat-mdc-focus-indicator
{
position:relative
}
.mat-mdc-focus-indicator:before
{
inset:0;
position:absolute;
box-sizing:border-box;
pointer-events:none;
display:var(--mat-mdc-focus-indicator-display, none);
border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)
}
.mat-mdc-focus-indicator:focus:before
{
content:""
}
.cdk-high-contrast-active
{
--mat-mdc-focus-indicator-display: block
}
.mat-ripple-element
{
background-color:#0000001a
}
.mat-option
{
color:#000000de
}
.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:#000000de
}
.mat-option.mat-option-disabled
{
color:#00000061
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled)
{
color:#795548
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled)
{
color:#b0bec5
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled)
{
color:#ff5722
}
.mat-option
{
font-family:Lato,Arial,Sans-Serif;
font-size:16px
}
.mat-optgroup-label
{
color:#0000008a
}
.mat-optgroup-disabled .mat-optgroup-label
{
color:#00000061
}
.mat-optgroup-label
{
font:500 14px / 24px Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-pseudo-checkbox
{
color:#0000008a
}
.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:#795548
}
.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate
{
background:#b0bec5
}
.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate
{
background:#ff5722
}
.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:#000000de
}
.mat-elevation-z0
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.mat-elevation-z1
{
box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}
.mat-elevation-z2
{
box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}
.mat-elevation-z3
{
box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}
.mat-elevation-z4
{
box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}
.mat-elevation-z5
{
box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}
.mat-elevation-z6
{
box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}
.mat-elevation-z7
{
box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}
.mat-elevation-z8
{
box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}
.mat-elevation-z9
{
box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}
.mat-elevation-z10
{
box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}
.mat-elevation-z11
{
box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}
.mat-elevation-z12
{
box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}
.mat-elevation-z13
{
box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}
.mat-elevation-z14
{
box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}
.mat-elevation-z15
{
box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}
.mat-elevation-z16
{
box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}
.mat-elevation-z17
{
box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}
.mat-elevation-z18
{
box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}
.mat-elevation-z19
{
box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}
.mat-elevation-z20
{
box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}
.mat-elevation-z21
{
box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}
.mat-elevation-z22
{
box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}
.mat-elevation-z23
{
box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}
.mat-elevation-z24
{
box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}
.mat-theme-loaded-marker
{
display:none
}
.mat-autocomplete-panel
{
background:white;
color:#000000de
}
.mat-autocomplete-panel:not([class*=mat-elevation-z])
{
box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover)
{
background:white
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)
{
color:#000000de
}
.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 .2s ease-in-out;
transform:scale(.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:#795548
}
.cdk-high-contrast-active .mat-badge-content
{
outline:solid 1px;
border-radius:0
}
.mat-badge-accent .mat-badge-content
{
background:#b0bec5;
color:#000000de
}
.mat-badge-warn .mat-badge-content
{
color:#fff;
background:#ff5722
}
.mat-badge-disabled .mat-badge-content
{
background:#b9b9b9;
color:#00000061
}
.mat-badge-content
{
font-weight:600;
font-size:12px;
font-family:Lato,Arial,Sans-Serif
}
.mat-badge-small .mat-badge-content
{
font-size:9px
}
.mat-badge-large .mat-badge-content
{
font-size:24px
}
.mat-bottom-sheet-container
{
box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
background:white;
color:#000000de
}
.mat-bottom-sheet-container
{
font:400 14px / 20px Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-button,.mat-icon-button,.mat-stroked-button
{
color:inherit;
background:transparent
}
.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary
{
color:#795548
}
.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent
{
color:#b0bec5
}
.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn
{
color:#ff5722
}
.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:#00000042
}
.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:#795548
}
.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:#b0bec5
}
.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:#ff5722
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay
{
background-color:transparent
}
.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element
{
opacity:.1;
background-color:currentColor
}
.mat-button-focus-overlay
{
background:black
}
.mat-stroked-button:not(.mat-button-disabled)
{
border-color:#0000001f
}
.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab
{
color:#000000de;
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:#000000de
}
.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:#00000042
}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary
{
background-color:#795548
}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent
{
background-color:#b0bec5
}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn
{
background-color:#ff5722
}
.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:#0000001f
}
.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:#ffffff1a
}
.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:#0000001a
}
.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:#ffffff1a
}
.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.mat-raised-button:not([class*=mat-elevation-z])
{
box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z])
{
box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}
.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:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab
{
font-family:Lato,Arial,Sans-Serif;
font-size:14px;
font-weight:500
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z])
{
box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}
.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:#00000061
}
.mat-button-toggle .mat-button-toggle-focus-overlay
{
background-color:#0000001f
}
.mat-button-toggle-appearance-standard
{
color:#000000de;
background:white
}
.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:#0000008a
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard
{
color:#000000de
}
.mat-button-toggle-disabled
{
color:#00000042;
background-color:#eee
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard
{
background:white
}
.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-button-toggle
{
font-family:Lato,Arial,Sans-Serif
}
.mat-card
{
background:white;
color:#000000de
}
.mat-card:not([class*=mat-elevation-z])
{
box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.mat-card-subtitle
{
color:#0000008a
}
.mat-card
{
font-family:Lato,Arial,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-frame
{
border-color:#0000008a
}
.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:#795548
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background
{
background-color:#b0bec5
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background
{
background-color:#ff5722
}
.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:#00000061
}
.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:#795548
}
.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:#b0bec5
}
.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:#ff5722
}
.mat-checkbox
{
font-family:Lato,Arial,Sans-Serif
}
.mat-checkbox-layout .mat-checkbox-label
{
line-height:24px
}
.mat-chip.mat-standard-chip
{
background-color:#e0e0e0;
color:#000000de
}
.mat-chip.mat-standard-chip .mat-chip-remove
{
color:#000000de;
opacity:.4
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active
{
box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}
.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:black
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary
{
background-color:#795548;
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:#ffffff1a
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn
{
background-color:#ff5722;
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:#ffffff1a
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent
{
background-color:#b0bec5;
color:#000000de
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove
{
color:#000000de;
opacity:.4
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element
{
background-color:#0000001a
}
.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
{
background:white
}
.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:#0000001f
}
.mat-header-cell
{
color:#0000008a
}
.mat-cell,.mat-footer-cell
{
color:#000000de
}
.mat-table
{
font-family:Lato,Arial,Sans-Serif
}
.mat-header-cell
{
font-size:12px;
font-weight:500
}
.mat-cell,.mat-footer-cell
{
font-size:14px
}
.mat-calendar-arrow
{
fill:#0000008a
}
.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button
{
color:#0000008a
}
.mat-calendar-table-header-divider:after
{
background:rgba(0,0,0,.12)
}
.mat-calendar-table-header,.mat-calendar-body-label
{
color:#0000008a
}
.mat-calendar-body-cell-content,.mat-date-range-input-separator
{
color:#000000de;
border-color:transparent
}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
color:#00000061
}
.mat-form-field-disabled .mat-date-range-input-separator
{
color:#00000061
}
.mat-calendar-body-in-preview
{
color:#0000003d
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
border-color:#00000061
}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
border-color:#0000002e
}
.mat-calendar-body-in-range:before
{
background:rgba(121,85,72,.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(121,85,72,.2) 50%,rgba(249,171,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(121,85,72,.2) 50%,rgba(249,171,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:#795548;
color:#fff
}
.mat-calendar-body-disabled>.mat-calendar-body-selected
{
background-color:#79554866
}
.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:#7955484d
}
@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:#7955484d
}

}
.mat-datepicker-content
{
box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
background-color:#fff;
color:#000000de
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before
{
background:rgba(176,190,197,.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(176,190,197,.2) 50%,rgba(249,171,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(176,190,197,.2) 50%,rgba(249,171,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:#b0bec5;
color:#000000de
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected
{
background-color:#b0bec566
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected
{
box-shadow:inset 0 0 0 1px #000000de
}
.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:#b0bec54d
}
@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:#b0bec54d
}

}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before
{
background:rgba(255,87,34,.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(255,87,34,.2) 50%,rgba(249,171,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(255,87,34,.2) 50%,rgba(249,171,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:#ff5722;
color:#fff
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected
{
background-color:#ff572266
}
.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:#ff57224d
}
@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:#ff57224d
}

}
.mat-datepicker-content-touch
{
box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}
.mat-datepicker-toggle-active
{
color:#795548
}
.mat-datepicker-toggle-active.mat-accent
{
color:#b0bec5
}
.mat-datepicker-toggle-active.mat-warn
{
color:#ff5722
}
.mat-date-range-input-inner[disabled]
{
color:#00000061
}
.mat-calendar
{
font-family:Lato,Arial,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-container
{
box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
background:white;
color:#000000de
}
.mat-dialog-title
{
font:500 20px / 32px Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-divider
{
border-top-color:#0000001f
}
.mat-divider-vertical
{
border-right-color:#0000001f
}
.mat-expansion-panel
{
background:white;
color:#000000de
}
.mat-expansion-panel:not([class*=mat-elevation-z])
{
box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}
.mat-action-row
{
border-top-color:#0000001f
}
.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:white
}

}
.mat-expansion-panel-header-title
{
color:#000000de
}
.mat-expansion-panel-header-description,.mat-expansion-indicator:after
{
color:#0000008a
}
.mat-expansion-panel-header[aria-disabled=true]
{
color:#00000042
}
.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-expansion-panel-header
{
font-family:Lato,Arial,Sans-Serif;
font-size:15px;
font-weight:400
}
.mat-expansion-panel-content
{
font:400 14px / 20px Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-form-field-label,.mat-hint
{
color:#0009
}
.mat-form-field.mat-focused .mat-form-field-label
{
color:#795548
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent
{
color:#b0bec5
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn
{
color:#ff5722
}
.mat-focused .mat-form-field-required-marker
{
color:#b0bec5
}
.mat-form-field-ripple
{
background-color:#000000de
}
.mat-form-field.mat-focused .mat-form-field-ripple
{
background-color:#795548
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent
{
background-color:#b0bec5
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn
{
background-color:#ff5722
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after
{
color:#795548
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after
{
color:#b0bec5
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after
{
color:#ff5722
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label,.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:#ff5722
}
.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:#ff5722
}
.mat-error
{
color:#ff5722
}
.mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint
{
color:#0000008a
}
.mat-form-field-appearance-legacy .mat-form-field-underline
{
background-color:#0000006b
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline
{
background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
background-size:4px 100%;
background-repeat:repeat-x
}
.mat-form-field-appearance-standard .mat-form-field-underline
{
background-color:#0000006b
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline
{
background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
background-size:4px 100%;
background-repeat:repeat-x
}
.mat-form-field-appearance-fill .mat-form-field-flex
{
background-color:#0000000a
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex
{
background-color:#00000005
}
.mat-form-field-appearance-fill .mat-form-field-underline:before
{
background-color:#0000006b
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label
{
color:#00000061
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before
{
background-color:transparent
}
.mat-form-field-appearance-outline .mat-form-field-outline
{
color:#0000001f
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick
{
color:#000000de
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick
{
color:#795548
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick
{
color:#b0bec5
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick
{
color:#ff5722
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label
{
color:#00000061
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline
{
color:#0000000f
}
.mat-form-field
{
font-size:inherit;
font-weight:400;
line-height:1.125;
font-family:Lato,Arial,Sans-Serif;
letter-spacing:normal
}
.mat-form-field-wrapper
{
padding-bottom:1.34375em
}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon
{
font-size:150%;
line-height:1.125
}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button
{
height:1.5em;
width:1.5em
}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon
{
height:1.125em;
line-height:1.125
}
.mat-form-field-infix
{
padding:.5em 0;
border-top:.84375em solid transparent
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.34373em) scale(.75);
width:133.3333533333%
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.34372em) scale(.75);
width:133.3333633333%
}
.mat-form-field-label-wrapper
{
top:-.84375em;
padding-top:.84375em
}
.mat-form-field-label
{
top:1.34375em
}
.mat-form-field-underline
{
bottom:1.34375em
}
.mat-form-field-subscript-wrapper
{
font-size:75%;
margin-top:.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(.75) perspective(100px) translateZ(.00106px);
width:133.3333933333%
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00107px);
width:133.3334033333%
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00108px);
width:133.3334133333%
}
.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.28116em) scale(.75)
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.28115em) scale(.75)
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label
{
transform:translateY(-1.28114em) scale(.75)
}

}
.mat-form-field-appearance-fill .mat-form-field-infix
{
padding:.25em 0 .75em
}
.mat-form-field-appearance-fill .mat-form-field-label
{
top:1.09375em;
margin-top:-.5em
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-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(-.59373em) scale(.75);
width:133.3333533333%
}
.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(-.59372em) scale(.75);
width:133.3333633333%
}
.mat-form-field-appearance-outline .mat-form-field-infix
{
padding:1em 0
}
.mat-form-field-appearance-outline .mat-form-field-label
{
top:1.84375em;
margin-top:-.25em
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-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.59373em) scale(.75);
width:133.3333533333%
}
.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.59372em) scale(.75);
width:133.3333633333%
}
.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
}
.mat-icon.mat-primary
{
color:#795548
}
.mat-icon.mat-accent
{
color:#b0bec5
}
.mat-icon.mat-warn
{
color:#ff5722
}
.mat-form-field-type-mat-native-select .mat-form-field-infix:after
{
color:#0000008a
}
.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after
{
color:#00000061
}
.mat-input-element
{
caret-color:#795548
}
.mat-input-element::placeholder
{
color:#0000006b
}
.mat-input-element::-moz-placeholder
{
color:#0000006b
}
.mat-input-element::-webkit-input-placeholder
{
color:#0000006b
}
.mat-input-element:-ms-input-placeholder
{
color:#0000006b
}
.mat-form-field.mat-accent .mat-input-element
{
caret-color:#b0bec5
}
.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element
{
caret-color:#ff5722
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after
{
color:#ff5722
}
input.mat-input-element
{
margin-top:-.0625em
}
.mat-list-base .mat-list-item,.mat-list-base .mat-list-option
{
color:#000000de
}
.mat-list-base .mat-subheader
{
color:#0000008a
}
.mat-list-base .mat-list-item-disabled
{
background-color:#eee;
color:#00000061
}
.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-list-item,.mat-list-option
{
font-family:Lato,Arial,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:Lato,Arial,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:Lato,Arial,Sans-Serif;
font-size:12px;
font-weight:500
}
.mat-menu-panel
{
background:white
}
.mat-menu-panel:not([class*=mat-elevation-z])
{
box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}
.mat-menu-item
{
background:transparent;
color:#000000de
}
.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color
{
color:#00000061
}
.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon
{
color:#0000008a
}
.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-menu-item
{
font-family:Lato,Arial,Sans-Serif;
font-size:14px;
font-weight:400
}
.mat-paginator
{
background:white
}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger
{
color:#0000008a
}
.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:#00000061
}
.mat-paginator-container
{
min-height:56px
}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger
{
font-family:Lato,Arial,Sans-Serif;
font-size:12px
}
.mat-progress-bar-background
{
fill:#dad1ce
}
.mat-progress-bar-buffer
{
background-color:#dad1ce
}
.mat-progress-bar-fill:after
{
background-color:#795548
}
.mat-progress-bar.mat-accent .mat-progress-bar-background
{
fill:#e8ebed
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer
{
background-color:#e8ebed
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after
{
background-color:#b0bec5
}
.mat-progress-bar.mat-warn .mat-progress-bar-background
{
fill:#fbd1c4
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer
{
background-color:#fbd1c4
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill:after
{
background-color:#ff5722
}
.mat-progress-spinner circle,.mat-spinner circle
{
stroke:#795548
}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle
{
stroke:#b0bec5
}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle
{
stroke:#ff5722
}
.mat-radio-outer-circle
{
border-color:#0000008a
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle
{
border-color:#795548
}
.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:#795548
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle
{
border-color:#b0bec5
}
.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:#b0bec5
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle
{
border-color:#ff5722
}
.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:#ff5722
}
.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:#00000061
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle
{
background-color:#00000061
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content
{
color:#00000061
}
.mat-radio-button .mat-ripple-element
{
background-color:#000
}
.mat-radio-button
{
font-family:Lato,Arial,Sans-Serif
}
.mat-select-value
{
color:#000000de
}
.mat-select-placeholder
{
color:#0000006b
}
.mat-select-disabled .mat-select-value
{
color:#00000061
}
.mat-select-arrow
{
color:#0000008a
}
.mat-select-panel
{
background:white
}
.mat-select-panel:not([class*=mat-elevation-z])
{
box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}
.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:#795548
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow
{
color:#b0bec5
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow,.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow
{
color:#ff5722
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow
{
color:#00000061
}
.mat-select
{
font-family:Lato,Arial,Sans-Serif
}
.mat-select-trigger
{
height:1.125em
}
.mat-drawer-container
{
background-color:#fafafa;
color:#000000de
}
.mat-drawer
{
background-color:#fff;
color:#000000de
}
.mat-drawer.mat-drawer-push
{
background-color:#fff
}
.mat-drawer:not(.mat-drawer-side)
{
box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}
.mat-drawer-side
{
border-right:solid 1px rgba(0,0,0,.12)
}
.mat-drawer-side.mat-drawer-end,[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:#0009
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb
{
background-color:#b0bec5
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar
{
background-color:#b0bec58a
}
.mat-slide-toggle.mat-checked .mat-ripple-element
{
background-color:#b0bec5
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb
{
background-color:#795548
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar
{
background-color:#7955488a
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element
{
background-color:#795548
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb
{
background-color:#ff5722
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar
{
background-color:#ff57228a
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element
{
background-color:#ff5722
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element
{
background-color:#000
}
.mat-slide-toggle-thumb
{
box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
background-color:#fafafa
}
.mat-slide-toggle-bar
{
background-color:#00000061
}
.mat-slide-toggle-content
{
font-family:Lato,Arial,Sans-Serif
}
.mat-slider-track-background
{
background-color:#00000042
}
.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:#795548
}
.mat-slider.mat-primary .mat-slider-thumb-label-text
{
color:#fff
}
.mat-slider.mat-primary .mat-slider-focus-ring
{
background-color:#79554833
}
.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:#b0bec5
}
.mat-slider.mat-accent .mat-slider-thumb-label-text
{
color:#000000de
}
.mat-slider.mat-accent .mat-slider-focus-ring
{
background-color:#b0bec533
}
.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:#ff5722
}
.mat-slider.mat-warn .mat-slider-thumb-label-text
{
color:#fff
}
.mat-slider.mat-warn .mat-slider-focus-ring
{
background-color:#ff572233
}
.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background
{
background-color:#00000061
}
.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,.mat-slider.mat-slider-disabled:hover .mat-slider-track-background
{
background-color:#00000042
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring
{
background-color:#0000001f
}
.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:#000000de
}
.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:#00000042
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb
{
border-color:#00000042;
background-color:transparent
}
.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:#00000061
}
.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:#00000042
}
.mat-slider-has-ticks .mat-slider-wrapper:after
{
border-color:#000000b3
}
.mat-slider-horizontal .mat-slider-ticks
{
background-image:repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}
.mat-slider-vertical .mat-slider-ticks
{
background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)
}
.mat-slider-thumb-label-text
{
font-family:Lato,Arial,Sans-Serif;
font-size:12px;
font-weight:500
}
.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:#0000000a
}
.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:#0000008a
}
.mat-step-header .mat-step-icon
{
background-color:#0000008a;
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:#795548;
color:#fff
}
.mat-step-header.mat-accent .mat-step-icon
{
color:#000000de
}
.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:#b0bec5;
color:#000000de
}
.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:#ff5722;
color:#fff
}
.mat-step-header .mat-step-icon-state-error
{
background-color:transparent;
color:#ff5722
}
.mat-step-header .mat-step-label.mat-step-label-active
{
color:#000000de
}
.mat-step-header .mat-step-label.mat-step-label-error
{
color:#ff5722
}
.mat-stepper-horizontal,.mat-stepper-vertical
{
background-color:#fff
}
.mat-stepper-vertical-line:before
{
border-left-color:#0000001f
}
.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line
{
border-top-color:#0000001f
}
.mat-horizontal-stepper-header
{
height:72px
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header
{
padding: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-stepper-vertical,.mat-stepper-horizontal
{
font-family:Lato,Arial,Sans-Serif
}
.mat-step-label
{
font-size:14px;
font-weight:400
}
.mat-step-sub-label-error
{
font-weight:400
}
.mat-step-label-error
{
font-size:14px
}
.mat-step-label-selected
{
font-size:14px;
font-weight:500
}
.mat-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:#000000de
}
.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled
{
color:#00000061
}
.mat-tab-header-pagination-chevron
{
border-color:#000000de
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
border-color:#00000061
}
.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:#6d4c414d
}
.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar
{
background-color:#795548
}
.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:#cfd8dc4d
}
.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar
{
background-color:#b0bec5
}
.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:#000000de
}
.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:#ffccbc4d
}
.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar
{
background-color:#ff5722
}
.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:#6d4c414d
}
.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:#795548
}
.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:#fff6
}
.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:#cfd8dc4d
}
.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:#b0bec5
}
.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:#000000de
}
.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:#0006
}
.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:#000000de
}
.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:#000;
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:#000;
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:#ffccbc4d
}
.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:#ff5722
}
.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:#fff6
}
.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-tab-group
{
font-family:Lato,Arial,Sans-Serif
}
.mat-tab-label,.mat-tab-link
{
font-family:Lato,Arial,Sans-Serif;
font-size:14px;
font-weight:500
}
.mat-toolbar
{
background:whitesmoke;
color:#000000de
}
.mat-toolbar.mat-primary
{
background:#795548;
color:#fff
}
.mat-toolbar.mat-accent
{
background:#b0bec5;
color:#000000de
}
.mat-toolbar.mat-warn
{
background:#ff5722;
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-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6
{
font:500 20px / 32px Lato,Arial,Sans-Serif;
letter-spacing:normal;
margin:0
}
.mat-tooltip
{
background:rgba(97,97,97,.9)
}
.mat-tooltip
{
font-family:Lato,Arial,Sans-Serif;
font-size:10px;
padding-top:6px;
padding-bottom:6px
}
.mat-tooltip-handset
{
font-size:14px;
padding-top:8px;
padding-bottom:8px
}
.mat-tree
{
background:white
}
.mat-tree-node,.mat-nested-tree-node
{
color:#000000de
}
.mat-tree-node
{
min-height:48px
}
.mat-tree
{
font-family:Lato,Arial,Sans-Serif
}
.mat-tree-node,.mat-nested-tree-node
{
font-weight:400;
font-size:14px
}
.mat-snack-bar-container
{
color:#ffffffb3;
background:#323232;
box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}
.mat-simple-snackbar-action
{
color:#b0bec5
}
.mat-simple-snackbar
{
font-family:Lato,Arial,Sans-Serif;
font-size:14px
}
.mat-simple-snackbar-action
{
line-height:1;
font-family:inherit;
font-size:inherit;
font-weight:500
}
.alternative-mat-theme .mat-button,.alternative-mat-theme .mat-icon-button,.alternative-mat-theme .mat-stroked-button
{
color:inherit;
background:transparent
}
.alternative-mat-theme .mat-button.mat-primary,.alternative-mat-theme .mat-icon-button.mat-primary,.alternative-mat-theme .mat-stroked-button.mat-primary
{
color:#ef6c00
}
.alternative-mat-theme .mat-button.mat-accent,.alternative-mat-theme .mat-icon-button.mat-accent,.alternative-mat-theme .mat-stroked-button.mat-accent
{
color:#ffab40
}
.alternative-mat-theme .mat-button.mat-warn,.alternative-mat-theme .mat-icon-button.mat-warn,.alternative-mat-theme .mat-stroked-button.mat-warn
{
color:#ff9800
}
.alternative-mat-theme .mat-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-button.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-icon-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-icon-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-icon-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-icon-button.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-stroked-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-stroked-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-stroked-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-stroked-button.mat-button-disabled.mat-button-disabled
{
color:#00000042
}
.alternative-mat-theme .mat-button.mat-primary .mat-button-focus-overlay,.alternative-mat-theme .mat-icon-button.mat-primary .mat-button-focus-overlay,.alternative-mat-theme .mat-stroked-button.mat-primary .mat-button-focus-overlay
{
background-color:#ef6c00
}
.alternative-mat-theme .mat-button.mat-accent .mat-button-focus-overlay,.alternative-mat-theme .mat-icon-button.mat-accent .mat-button-focus-overlay,.alternative-mat-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay
{
background-color:#ffab40
}
.alternative-mat-theme .mat-button.mat-warn .mat-button-focus-overlay,.alternative-mat-theme .mat-icon-button.mat-warn .mat-button-focus-overlay,.alternative-mat-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay
{
background-color:#ff9800
}
.alternative-mat-theme .mat-button.mat-button-disabled .mat-button-focus-overlay,.alternative-mat-theme .mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.alternative-mat-theme .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay
{
background-color:transparent
}
.alternative-mat-theme .mat-button .mat-ripple-element,.alternative-mat-theme .mat-icon-button .mat-ripple-element,.alternative-mat-theme .mat-stroked-button .mat-ripple-element
{
opacity:.1;
background-color:currentColor
}
.alternative-mat-theme .mat-button-focus-overlay
{
background:black
}
.alternative-mat-theme .mat-stroked-button:not(.mat-button-disabled)
{
border-color:#0000001f
}
.alternative-mat-theme .mat-flat-button,.alternative-mat-theme .mat-raised-button,.alternative-mat-theme .mat-fab,.alternative-mat-theme .mat-mini-fab
{
color:#000000de;
background-color:#fff
}
.alternative-mat-theme .mat-flat-button.mat-primary,.alternative-mat-theme .mat-raised-button.mat-primary,.alternative-mat-theme .mat-fab.mat-primary,.alternative-mat-theme .mat-mini-fab.mat-primary
{
color:#fff
}
.alternative-mat-theme .mat-flat-button.mat-accent,.alternative-mat-theme .mat-raised-button.mat-accent,.alternative-mat-theme .mat-fab.mat-accent,.alternative-mat-theme .mat-mini-fab.mat-accent,.alternative-mat-theme .mat-flat-button.mat-warn,.alternative-mat-theme .mat-raised-button.mat-warn,.alternative-mat-theme .mat-fab.mat-warn,.alternative-mat-theme .mat-mini-fab.mat-warn
{
color:#000000de
}
.alternative-mat-theme .mat-flat-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-flat-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-flat-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-flat-button.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled
{
color:#00000042
}
.alternative-mat-theme .mat-flat-button.mat-primary,.alternative-mat-theme .mat-raised-button.mat-primary,.alternative-mat-theme .mat-fab.mat-primary,.alternative-mat-theme .mat-mini-fab.mat-primary
{
background-color:#ef6c00
}
.alternative-mat-theme .mat-flat-button.mat-accent,.alternative-mat-theme .mat-raised-button.mat-accent,.alternative-mat-theme .mat-fab.mat-accent,.alternative-mat-theme .mat-mini-fab.mat-accent
{
background-color:#ffab40
}
.alternative-mat-theme .mat-flat-button.mat-warn,.alternative-mat-theme .mat-raised-button.mat-warn,.alternative-mat-theme .mat-fab.mat-warn,.alternative-mat-theme .mat-mini-fab.mat-warn
{
background-color:#ff9800
}
.alternative-mat-theme .mat-flat-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-flat-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-flat-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-flat-button.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-raised-button.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-fab.mat-button-disabled.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-primary.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-accent.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-warn.mat-button-disabled,.alternative-mat-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled
{
background-color:#0000001f
}
.alternative-mat-theme .mat-flat-button.mat-primary .mat-ripple-element,.alternative-mat-theme .mat-raised-button.mat-primary .mat-ripple-element,.alternative-mat-theme .mat-fab.mat-primary .mat-ripple-element,.alternative-mat-theme .mat-mini-fab.mat-primary .mat-ripple-element
{
background-color:#ffffff1a
}
.alternative-mat-theme .mat-flat-button.mat-accent .mat-ripple-element,.alternative-mat-theme .mat-raised-button.mat-accent .mat-ripple-element,.alternative-mat-theme .mat-fab.mat-accent .mat-ripple-element,.alternative-mat-theme .mat-mini-fab.mat-accent .mat-ripple-element,.alternative-mat-theme .mat-flat-button.mat-warn .mat-ripple-element,.alternative-mat-theme .mat-raised-button.mat-warn .mat-ripple-element,.alternative-mat-theme .mat-fab.mat-warn .mat-ripple-element,.alternative-mat-theme .mat-mini-fab.mat-warn .mat-ripple-element
{
background-color:#0000001a
}
.alternative-mat-theme .mat-stroked-button:not([class*=mat-elevation-z]),.alternative-mat-theme .mat-flat-button:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.alternative-mat-theme .mat-raised-button:not([class*=mat-elevation-z])
{
box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}
.alternative-mat-theme .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}
.alternative-mat-theme .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.alternative-mat-theme .mat-fab:not([class*=mat-elevation-z]),.alternative-mat-theme .mat-mini-fab:not([class*=mat-elevation-z])
{
box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}
.alternative-mat-theme .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.alternative-mat-theme .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}
.alternative-mat-theme .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.alternative-mat-theme .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.alternative-mat-theme .mat-button-toggle-checked
{
background-color:#ef6c00;
color:#fff!important
}
.alternative-mat-theme .mat-button-toggle-disabled.mat-button-toggle-checked
{
background-color:#ef6c00
}
.theme-saastime * .alternative-mat-theme .mat-button,.theme-saastime * .alternative-mat-theme .mat-icon-button,.theme-saastime * .alternative-mat-theme .mat-stroked-button
{
color:inherit;
background:transparent
}
.theme-saastime * .alternative-mat-theme .mat-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-button.mat-warn,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-warn,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-warn
{
color:#079c3a
}
.theme-saastime * .alternative-mat-theme .mat-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-button.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-button-disabled.mat-button-disabled
{
color:#00000042
}
.theme-saastime * .alternative-mat-theme .mat-button.mat-primary .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-primary .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-primary .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-button.mat-accent .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-accent .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-button.mat-warn .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-warn .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay
{
background-color:#079c3a
}
.theme-saastime * .alternative-mat-theme .mat-button.mat-button-disabled .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.theme-saastime * .alternative-mat-theme .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay
{
background-color:transparent
}
.theme-saastime * .alternative-mat-theme .mat-button .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-icon-button .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-stroked-button .mat-ripple-element
{
opacity:.1;
background-color:currentColor
}
.theme-saastime * .alternative-mat-theme .mat-button-focus-overlay
{
background:black
}
.theme-saastime * .alternative-mat-theme .mat-stroked-button:not(.mat-button-disabled)
{
border-color:#0000001f
}
.theme-saastime * .alternative-mat-theme .mat-flat-button,.theme-saastime * .alternative-mat-theme .mat-raised-button,.theme-saastime * .alternative-mat-theme .mat-fab,.theme-saastime * .alternative-mat-theme .mat-mini-fab
{
color:#000000de;
background-color:#fff
}
.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-fab.mat-primary,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-primary,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-fab.mat-accent,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-accent,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-warn,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-warn,.theme-saastime * .alternative-mat-theme .mat-fab.mat-warn,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-warn
{
color:#fff
}
.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled
{
color:#00000042
}
.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-primary,.theme-saastime * .alternative-mat-theme .mat-fab.mat-primary,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-primary,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-accent,.theme-saastime * .alternative-mat-theme .mat-fab.mat-accent,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-accent,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-warn,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-warn,.theme-saastime * .alternative-mat-theme .mat-fab.mat-warn,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-warn
{
background-color:#079c3a
}
.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-fab.mat-button-disabled.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-primary.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-accent.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-warn.mat-button-disabled,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled
{
background-color:#0000001f
}
.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-primary .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-primary .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-fab.mat-primary .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-primary .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-accent .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-accent .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-fab.mat-accent .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-accent .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-flat-button.mat-warn .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-warn .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-fab.mat-warn .mat-ripple-element,.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-warn .mat-ripple-element
{
background-color:#ffffff1a
}
.theme-saastime * .alternative-mat-theme .mat-stroked-button:not([class*=mat-elevation-z]),.theme-saastime * .alternative-mat-theme .mat-flat-button:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-raised-button:not([class*=mat-elevation-z])
{
box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-fab:not([class*=mat-elevation-z]),.theme-saastime * .alternative-mat-theme .mat-mini-fab:not([class*=mat-elevation-z])
{
box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.theme-saastime * .alternative-mat-theme .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.theme-saastime * .alternative-mat-theme .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z])
{
box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f
}
.theme-saastime * .alternative-mat-theme .mat-button-toggle-checked
{
background-color:#079c3a;
color:#fff
}
.theme-saastime * .alternative-mat-theme .mat-button-toggle-disabled.mat-button-toggle-checked
{
background-color:#079c3a
}
.gu-mirror
{
position:fixed!important;
margin:0!important;
z-index:9999!important;
opacity:.8;
filter:alpha(opacity=80)
}
.gu-hide
{
display:none!important
}
.gu-unselectable
{
-webkit-user-select:none!important;
user-select:none!important
}
.gu-transit
{
opacity:.2;
filter:alpha(opacity=20)
}
.fix-anomalies.content-main .anomalies-header-user-fullname
{
margin-left:10px;
margin-bottom:10px;
padding-bottom:4px;
border-bottom:1px solid #dfdfdf
}
.fix-anomalies.content-main .anomalies-header-user-fullname h3
{
margin:0;
font-size:16px;
font-weight:400;
color:#303030
}
.fix-anomalies.content-main .anomalies-global-actions-row
{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
max-width:1000px;
margin:40px auto
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-checkbox-all
{
margin-right:90px
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-justify-all,.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-no-workday
{
margin-right:20px
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-justify-all button,.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-no-workday button
{
border-radius:5px;
height:30px;
line-height:26px
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-justify-all button span,.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-no-workday button span
{
color:#fff
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-download
{
margin-left:auto
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-download .anomalies-link-download
{
cursor:pointer;
display:inline-block;
vertical-align:center;
color:#676869
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-justify-all button:not([disabled])
{
border:2px solid #2d71b3;
background-color:#53abff
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-justify-all button:not([disabled]):active
{
background-color:#2d71b3
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-no-workday button:not([disabled])
{
border:2px solid #ab4829;
background-color:#d67050
}
.fix-anomalies.content-main .anomalies-global-actions-row .anomalies-button-no-workday button:not([disabled]):active
{
background-color:#ab4829
}
.fix-anomalies.content-main .anomalies-list
{
width:100%;
max-width:1000px;
margin:auto;
height:calc(100% - 140px);
overflow:auto
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row
{
display:flex;
flex-direction:row;
flex-grow:0;
flex-wrap:wrap;
-webkit-user-select:none;
user-select:none;
transition:opacity .4s,max-height .6s,visibility .6s;
opacity:1;
max-height:120px
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.anomalies-list-header
{
position:sticky;
top:0;
border-bottom:1px solid #c6c6c6;
background-color:#fff;
z-index:1
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.anomalies-list-header .field-header
{
font-size:12px;
font-weight:700;
color:#9a9a9a
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.anomalies-list-header .field-header.field-checkbox
{
border-bottom:4px solid white;
margin-bottom:-2px
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value
{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-right:20px
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-checkbox,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-checkbox
{
min-width:40px;
width:40px;
overflow:auto
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-checkbox .mat-checkbox .mat-ripple,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-checkbox .mat-checkbox .mat-ripple
{
display:none
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-checkbox.hover,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-checkbox.hover
{
opacity:.5
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-date,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-workday,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-date,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-workday
{
min-width:130px;
width:15%
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-reason,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-reason
{
min-width:220px;
width:calc(70% - 40px);
max-width:calc(100% - 300px)
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-header.field-reason .action-item,.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value.field-reason .action-item
{
visibility:hidden;
opacity:0;
float:right
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row .field-value
{
height:30px
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.hover
{
cursor:pointer
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.hover .field-value
{
font-weight:700
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.hover .field-value .action-item
{
visibility:visible;
opacity:1
}
.fix-anomalies.content-main .anomalies-list .anomalies-list-row.hidden
{
opacity:0;
max-height:0;
visibility:hidden
}
@media screen and (max-width: 1920px)
{
.fix-anomalies.content-main .anomalies-global-actions-row,.fix-anomalies.content-main .anomalies-list
{
padding-left:30px
}

}
.anomaly-correction
{
position:relative
}
.anomaly-correction .anomalies-info
{
transform:translateY(-100%);
position:absolute;
width:100%;
font-size:12px;
padding-left:125px;
text-align:center;
color:#ff5353;
font-weight:700
}
.anomaly-correction .anomalies-info .value
{
padding-left:20px
}
.anomaly-correction .events-list-container
{
margin-top:20px;
margin-bottom:30px
}
.anomaly-correction .events-list-container .events-list
{
display:table;
width:100%;
border-collapse:collapse
}
.anomaly-correction .events-list-container .events-list-header,.anomaly-correction .events-list-container .event
{
display:flex;
align-items:center;
flex-wrap:nowrap
}
.anomaly-correction .events-list-container .events-list-header .event-icon,.anomaly-correction .events-list-container .event .event-icon
{
width:80px
}
.anomaly-correction .events-list-container .events-list-header .event-time,.anomaly-correction .events-list-container .event .event-time
{
width:100px
}
.anomaly-correction .events-list-container .events-list-header .event-image,.anomaly-correction .events-list-container .event .event-image
{
width:100px;
display:flex;
align-items:center
}
.anomaly-correction .events-list-container .events-list-header .event-place,.anomaly-correction .events-list-container .event .event-place
{
width:200px
}
.anomaly-correction .events-list-container .events-list-header .event-type,.anomaly-correction .events-list-container .event .event-type
{
width:calc(100% - 460px);
min-width:180px
}
.anomaly-correction .events-list-container .events-list-header .event-actions,.anomaly-correction .events-list-container .event .event-actions
{
width:80px
}
.anomaly-correction .events-list-container .events-list-header .event-title,.anomaly-correction .events-list-container .event .event-title
{
flex:0 0 180px
}
.anomaly-correction .events-list-container .events-list-header .event-dummy,.anomaly-correction .events-list-container .event .event-dummy
{
flex:1 0 310px;
max-width:380px;
padding-left:10px
}
@media (max-width: 1320px)
{
.anomaly-correction .events-list-container .events-list-header .event-dummy,.anomaly-correction .events-list-container .event .event-dummy
{
max-width:320px
}

}
.anomaly-correction .events-list-container .events-list-header .event-dummy .single-value,.anomaly-correction .events-list-container .event .event-dummy .single-value
{
width:56px;
text-align:center
}
.anomaly-correction .events-list-container .events-list-header .event-col,.anomaly-correction .events-list-container .event .event-col
{
flex:0 0 60px;
text-align:center
}
.anomaly-correction .events-list-container .events-list-header .event-mensual,.anomaly-correction .events-list-container .events-list-header .event-anual,.anomaly-correction .events-list-container .event .event-mensual,.anomaly-correction .events-list-container .event .event-anual
{
width:60px;
text-align:center;
padding-right:7px
}
.anomaly-correction .events-list-container.no-trasps .events-list-header .generic-col.col-1,.anomaly-correction .events-list-container.no-trasps .events-list-header .event-dummy,.anomaly-correction .events-list-container.no-trasps .event .generic-col.col-1,.anomaly-correction .events-list-container.no-trasps .event .event-dummy
{
max-width:180px
}
.anomaly-correction .events-list-container .events-list-header
{
min-height:20px;
border-bottom:1px solid #c6c6c6
}
.anomaly-correction .events-list-container .events-list-header .event-col,.anomaly-correction .events-list-container .events-list-header .event-time,.anomaly-correction .events-list-container .events-list-header .event-image,.anomaly-correction .events-list-container .events-list-header .event-place,.anomaly-correction .events-list-container .events-list-header .event-type,.anomaly-correction .events-list-container .events-list-header .event-title,.anomaly-correction .events-list-container .events-list-header .event-mensual,.anomaly-correction .events-list-container .events-list-header .event-anual
{
padding:0 0 .4em;
font-size:10px;
font-weight:700;
color:#9a9a9a
}
.anomaly-correction .events-list-container .event
{
min-height:40px
}
.anomaly-correction .events-list-container .event.editable
{
background-color:#f6f6f6
}
.anomaly-correction .events-list-container .event.event-clock-record
{
border-bottom:1px solid #c6c6c6;
max-height:40px
}
.anomaly-correction .events-list-container .event>.editor-mode
{
padding-top:0;
padding-bottom:2px
}
.anomaly-correction .events-list-container .event .generic-col.col-0
{
width:180px
}
.anomaly-correction .events-list-container .event .generic-col.col-1
{
width:380px;
padding-left:10px
}
@media (max-width: 1320px)
{
.anomaly-correction .events-list-container .event .generic-col.col-1
{
width:320px
}

}
.anomaly-correction .events-list-container .event .generic-col.col-2
{
width:60px;
text-align:right;
padding-right:12px
}
.anomaly-correction .events-list-container .event .generic-col.col-3
{
width:60px;
text-align:right;
padding-right:7px
}
.anomaly-correction .events-list-container .event.event-tight
{
min-height:35px
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-0
{
padding-left:40px
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1
{
display:inline-flex;
align-items:center;
text-align:left;
padding-left:10px
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .time-input
{
height:24px;
vertical-align:top;
color:#000
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .rewind-icon
{
margin:0 10px;
-webkit-user-select:none;
user-select:none
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .add-icon
{
font-size:18px
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .balance-actions
{
padding-left:10px
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .balance-actions .balance-action-icon
{
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
margin-left:4px;
color:#b6c3c2
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .balance-actions .balance-action-icon:hover
{
opacity:.7
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .balance-actions .balance-action-icon.link-disabled
{
cursor:default;
pointer-events:none;
color:#d3d3d3;
opacity:.5
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-1 .arrow-long-icon
{
margin-left:16px;
height:28px;
position:relative;
top:-10px;
-webkit-user-select:none;
user-select:none
}
.anomaly-correction .events-list-container .event.event-tight .generic-col.col-2,.anomaly-correction .events-list-container .event.event-tight .generic-col.col-3
{
padding-top:7px;
vertical-align:top;
min-width:60px
}
.anomaly-correction .events-list-container .event.event-tight.saldo-row
{
margin-top:5px
}
.anomaly-correction .events-list-container .hours-table-container .event .generic-col.col-0
{
padding-left:14px
}
.anomaly-correction .events-list-container .hours-table-container .event .generic-col.col-0>span
{
margin-right:9px;
padding-left:17px;
background-color:red;
max-height:16px;
margin-top:13px
}
.anomaly-correction .events-list-container .hours-table-container .event .generic-col.col-1 p
{
margin:0;
width:50px;
text-align:right
}
.anomaly-correction .events-list-container .spacing-row-20
{
height:20px
}
.anomaly-correction .events-list-container .saldos-variable-rows-header
{
display:flex;
align-items:center
}
.anomaly-correction .events-list-container .saldos-variable-rows-header .header-col-before
{
width:277px
}
.anomaly-correction .events-list-container .saldos-variable-rows-header .header-col
{
width:380px;
font-size:10.5px;
display:inline-flex;
flex-wrap:nowrap
}
.anomaly-correction .events-list-container .saldos-variable-rows-header .header-col>span
{
width:75px;
text-align:center
}
@media (max-width: 1320px)
{
.anomaly-correction .events-list-container .saldos-variable-rows-header .header-col
{
width:320px
}

}
.anomaly-correction .events-list-container .event-icon
{
vertical-align:top;
padding-left:10px;
color:#b6c3c2;
cursor:default;
-webkit-user-select:none;
user-select:none
}
.anomaly-correction .events-list-container .event-icon .material-icons
{
display:block;
font-size:28px
}
.anomaly-correction .events-list-container .event-actions
{
padding-right:5px;
text-align:right;
-webkit-user-select:none;
user-select:none
}
.anomaly-correction .events-list-container .event-actions a
{
display:inline-block;
margin-left:5px;
color:#b6c3c2
}
.anomaly-correction .events-list-container .event-actions a:hover
{
opacity:.7
}
.anomaly-correction .events-list-container .events-list-add
{
padding-left:5px
}
.anomaly-correction .hours-and-balance-container
{
margin-top:30px;
margin-bottom:30px
}
.anomaly-correction .hours-and-balance-container:after
{
display:block;
content:"";
clear:both
}
.anomaly-correction .hours-and-balance-container .hours-table-container
{
margin-top:20px;
border-top:1px solid #c6c6c6;
padding-top:10px
}
.anomaly-correction .hours-and-balance-container .event .generic-col.col-1 p
{
margin:0;
width:50px;
text-align:right
}
.anomaly-correction .balance-table-container
{
width:65%;
float:left
}
@media (max-width: 1200px)
{
.anomaly-correction .balance-table-container
{
width:100%;
float:none
}

}
.anomaly-correction .balance-table-container h3
{
margin:0 0 .4em;
font-size:10px;
color:#9a9a9a
}
.anomaly-correction .balance-table-container .balance-table
{
display:table;
width:100%;
border-collapse:collapse
}
.anomaly-correction .balance-table-container .balance-table .balance-row
{
display:flex;
flex-wrap:wrap;
align-items:center;
min-height:40px;
padding:7px 0
}
.anomaly-correction .balance-table-container .balance-table .balance-row:first-child
{
border-top:1px solid #c6c6c6
}
.anomaly-correction .balance-table-container .balance-table .balance-row .balance-label
{
width:300px
}
@media (max-width: 1320px)
{
.anomaly-correction .balance-table-container .balance-table .balance-row .balance-label
{
width:180px
}

}
.anomaly-correction .balance-table-container .balance-table .balance-row .balance-value
{
width:245px;
text-align:right;
padding-right:25px
}
.anomaly-correction .balance-table-container .balance-table .balance-row .balance-timetype
{
width:155px
}
.anomaly-correction .balance-table-container .balance-table .excess-balance-row
{
color:#9a9a9a
}
.anomaly-correction .balance-table-container .balance-table .excess-balance-value
{
display:inline-block
}
.anomaly-correction .balance-table-container .balance-table .excess-balance-value input,.anomaly-correction .balance-table-container .balance-table .excess-balance-value .arrow-right
{
vertical-align:middle
}
.anomaly-correction .balance-table-container .balance-table .excess-balance-value .arrow-right
{
color:#b6c3c2
}
.anomaly-correction .time-input
{
width:56px;
border:1px solid #c6c6c6;
text-align:center;
background-color:#f6f6f6
}
.anomaly-correction .time-input:focus
{
outline:0;
border-color:#868686
}
.anomaly-correction .time-input[readonly]
{
color:#9a9a9a
}
.attendance-calendar .content-header
{
padding-top:12px
}
.attendance-calendar .content-header h2
{
margin-top:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:calc(100% - 333px)
}
@media only screen and (max-width: 1200px)
{
.attendance-calendar .content-header h2
{
width:calc(100% - 272px)
}

}
.attendance-calendar .content-header .mat-tab-group
{
float:right
}
.attendance-calendar .content-header .mat-tab-group .mat-tab-label
{
min-width:100px
}
@media only screen and (max-width: 1200px)
{
.attendance-calendar .content-header .mat-tab-group .mat-tab-label
{
padding:0;
min-width:90px
}

}
.download-pdf-anchor
{
float:right;
height:24px;
margin-left:10px;
-webkit-user-select:none;
user-select:none;
right:32px;
position:fixed!important
}
.download-pdf-anchor.disabled
{
opacity:.5;
cursor:default
}
.download-pdf-anchor.disabled .material-icons:hover
{
opacity:1
}
.download-pdf-anchor .material-icons
{
color:#676869
}
.download-pdf-anchor .material-icons:hover
{
opacity:.5
}
#attendance-report-menu-container
{
position:relative;
margin-left:10px
}
#attendance-report-menu-container .reports-select-header
{
position:absolute;
height:30px;
width:124px;
z-index:1
}
#attendance-report-menu-container .reports-select-header .mat-form-field-wrapper
{
height:100%;
padding:0
}
#attendance-report-menu-container .reports-select-header .mat-form-field-wrapper .mat-form-field-flex
{
height:100%
}
#attendance-report-menu-container .reports-select-header .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix
{
height:100%;
padding:0;
border-top-width:10px
}
#attendance-report-menu-container .reports-select-header .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-value-text
{
font-size:12px
}
#attendance-report-menu-container .reports-select-header .mat-form-field-wrapper .mat-form-field-underline
{
bottom:0
}
.timeline-grid .timeline-grid-header
{
height:40px
}
#attendance-schedule-container .timeline-grid .timeline-grid-header .timeline-grid-header-timeline
{
text-align:left;
font-size:12px;
font-weight:400
}
#attendance-schedule-container .timeline-grid .timeline-grid-header .timeline-grid-header-timeline .mat-checkbox-inner-container
{
height:14px;
width:14px
}
#attendance-schedule-container .timeline-grid .timeline-grid-header .timeline-grid-header-timeline .mat-checkbox-inner-container .mat-checkbox-ripple
{
width:34px;
height:34px;
inset:-10px
}
#attendance-schedule-container .timeline-grid.hidden-description .workday-description
{
display:none
}
#attendance-schedule-container .timeline-grid.hidden-description .schedule-tags-group
{
margin-left:0;
width:calc(100% - 14px)
}
.hide-all-clocks
{
clear:both;
margin-top:15px;
margin-bottom:25px;
font-size:12px;
display:flex
}
.hide-all-clocks .mat-checkbox-inner-container
{
height:15px;
width:15px;
margin-right:8px
}
.h-full
{
height:100%
}
.base-calendar .base-calendar-info
{
display:flex;
align-items:center;
margin-bottom:15px;
justify-content:flex-start;
flex-wrap:wrap
}
.base-calendar input[type=number]
{
text-align:center
}
.base-calendar input[type=number]::-webkit-inner-spin-button,.base-calendar input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance:none;
margin:0
}
.base-calendar input[type=number]
{
-moz-appearance:textfield
}
.base-calendar .exceptions-calendar-info
{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap
}
.base-calendar .base-calendar-name
{
width:235px;
padding-right:35px
}
.base-calendar .base-calendar-name .mat-form-field
{
width:auto;
min-width:200px
}
.base-calendar .base-calendar-ht
{
width:150px;
padding-right:35px
}
.base-calendar .base-calendar-ht .mat-form-field
{
width:auto;
min-width:200px
}
.base-calendar .base-calendar-prefix
{
width:170px;
padding-right:35px
}
.base-calendar .base-calendar-prefix .mat-form-field
{
width:135px
}
.base-calendar .base-calendar-holidays,.base-calendar .base-calendar-calendarexceptions
{
padding-right:30px
}
.base-calendar .base-calendar-pdf
{
width:100px;
padding-right:15px
}
.base-calendar .exception-container
{
display:flex;
align-items:center;
gap:0px 8px
}
.base-calendar .exception-container input[type=number]
{
text-align:center
}
.base-calendar .exception-container input[type=number]::-webkit-inner-spin-button,.base-calendar .exception-container input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance:none;
margin:0
}
.base-calendar .exception-container input[type=number]
{
-moz-appearance:textfield
}
.base-calendar .fields-exception
{
width:80px
}
.base-calendar .fields-exception .mat-form-field
{
width:auto;
min-width:50px
}
.base-calendar .base-calendar-timeline .header-day-week
{
width:55px
}
.base-calendar .base-calendar-timeline .header-day-prefix
{
width:100px
}
.base-calendar .base-calendar-timeline .header-clone
{
width:20px
}
.base-calendar .base-calendar-timeline .header-add-prefix
{
width:27px
}
.base-calendar .base-calendar-timeline .timeline-data-row
{
height:24px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-day-week
{
max-height:24px;
float:left
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-add-prefix
{
float:left
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-add-prefix .mat-icon-button
{
width:24px;
height:24px;
line-height:12px;
font-size:12px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-add-prefix .material-icons
{
font-size:16px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-extra-prefix .shift-tag
{
font-size:10px;
padding:2px 25px;
margin-right:7px;
position:relative;
display:inline-block;
border:1px solid grey;
background-color:#eeeded;
border-radius:20px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-extra-prefix .shift-tag:hover .action-button
{
display:block
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-extra-prefix .shift-tag .action-button
{
padding:0;
min-width:0;
width:18px;
height:18px;
flex-shrink:0;
line-height:14px;
border-radius:50%;
position:absolute;
background-color:#eeeded;
display:none;
top:0;
right:0
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-extra-prefix .shift-tag .action-button.clean-button
{
transform:translate(50%,-50%)
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-extra-prefix .shift-tag .action-button.edit-button
{
transform:translate(-50%,-50%)
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-extra-prefix .shift-tag .action-button .material-icons
{
font-size:14px;
line-height:18px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-day-prefix
{
color:#303030;
font-size:10px;
font-weight:700;
text-overflow:ellipsis;
white-space:nowrap;
overflow-x:hidden;
padding-right:10px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-day-prefix.clickable
{
cursor:pointer
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-day-prefix span
{
transition:.1s left;
position:relative;
left:15px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-day-prefix:hover
{
padding-right:0
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-day-prefix:hover span
{
left:0
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-clone
{
float:right;
height:24px
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-clone .clone-button
{
color:#b6c3c2;
position:relative;
top:-5px;
left:15px;
cursor:pointer
}
.base-calendar .base-calendar-timeline .timeline-data-row .data-clone .clone-button:hover
{
opacity:.5
}
.base-calendar .base-calendar-exceptions .mat-expansion-panel.hidden:not(.editing)
{
display:none
}
.base-calendar .base-calendar-exceptions .mat-expansion-panel .editing
{
color:#b6c3c2
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header
{
display:flex;
align-items:center;
margin-bottom:30px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-title h3
{
display:inline-block;
margin:0;
vertical-align:middle;
font-size:14px;
font-weight:400;
color:#676869
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-add
{
display:inline-block;
vertical-align:middle
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-add .material-icons
{
font-size:24px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-filter .mat-checkbox
{
margin-right:5px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-filter .mat-checkbox .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-filter .mat-checkbox.hidden
{
visibility:hidden;
opacity:0
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-filter .holiday-calendar-filter-text
{
margin-right:10px;
vertical-align:middle
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-header .base-calendar-exceptions-filter .mat-form-field
{
vertical-align:middle;
width:60px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel
{
margin-bottom:20px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header
{
min-height:64px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content
{
margin-right:10px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title
{
flex-grow:unset;
min-width:108px;
width:108px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title .exceptions-header-name
{
align-self:center;
font-size:12px;
color:#676869;
line-height:1.2em;
text-overflow:ellipsis;
white-space:nowrap;
overflow-x:hidden
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description
{
justify-content:space-between;
width:calc(100% - 124px);
flex-grow:unset
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary
{
display:flex;
flex-direction:column;
max-width:calc(100% - 70px)
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary .exceptions-header-top-row .interval
{
font-size:12px;
color:#676869
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary .exceptions-header-bottom-row
{
display:flex;
flex-wrap:wrap;
white-space:nowrap;
overflow-x:hidden
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary .exceptions-header-bottom-row .workday
{
margin:1px 3px 1px 0;
padding:0 4px;
border-radius:5px;
font-size:10px;
color:#fff;
-webkit-user-select:none;
user-select:none
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary .exceptions-header-bottom-row .workday.weekday
{
background-color:#92c9ff
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary .exceptions-header-bottom-row .workday.weekend
{
background-color:#ff9f9f
}
@media screen and (min-width: 1400px)
{
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-summary .exceptions-header-bottom-row .workday
{
margin:3px 5px 3px 0;
padding:1px 5px;
font-size:12px
}

}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions
{
width:50px;
align-self:center;
display:flex;
flex-wrap:nowrap
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions .material-icons
{
font-size:20px;
color:#b6c3c2;
-webkit-user-select:none;
user-select:none
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions .material-icons:hover
{
color:#676869
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions .material-icons.action-button
{
color:#fff;
flex-shrink:0;
border-radius:50%
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions .material-icons.action-button.check
{
background-color:#4d834f;
margin-left:10px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions .material-icons.action-button.cross
{
background-color:#868586
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description .exceptions-header-actions .material-icons.action-button:hover
{
opacity:.8
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-body .dialog-fields
{
display:flex;
align-items:center;
padding-bottom:10px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-body .exceptions-body-fields
{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-body .exceptions-body-fields .fields-name
{
width:150px;
padding-right:35px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-body .exceptions-body-fields .fields-name .mat-form-field
{
width:auto;
min-width:150px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-body .exceptions-body-fields .fields-date
{
width:140px;
padding-right:35px
}
.base-calendar .base-calendar-exceptions .base-calendar-exceptions-list .mat-expansion-panel .mat-expansion-panel-body .exceptions-body-fields .fields-date .mat-form-field
{
width:auto;
min-width:140px
}
.base-calendar .exceptions-body-fields
{
display:flex;
align-items:center
}
.base-calendar .base-calendar-exceptions-form
{
position:relative;
display:flex;
flex-wrap:wrap;
padding:15px 0 25px
}
.base-calendar .base-calendar-exceptions-form-close
{
position:absolute;
top:0;
right:0;
padding:10px 10px 10px 0;
cursor:pointer;
transform:rotate(180deg)
}
.base-calendar .base-calendar-exceptions-form-name
{
width:33%;
padding-right:50px
}
.base-calendar .base-calendar-exceptions-form-name .mat-form-field
{
width:100%
}
.base-calendar .base-calendar-exceptions-form-range
{
display:flex;
align-items:center;
width:67%
}
@media screen and (max-width: 1200px)
{
.base-calendar .base-calendar-exceptions-form-name,.base-calendar .base-calendar-exceptions-form-range
{
width:100%
}

}
.base-calendar .base-calendar-exceptions-form-range-start,.base-calendar .base-calendar-exceptions-form-range-end
{
flex-grow:1;
padding-right:50px
}
.base-calendar .base-calendar-exceptions-form-range-start .mat-form-field,.base-calendar .base-calendar-exceptions-form-range-end .mat-form-field
{
width:100%
}
.base-calendar .base-calendar-exceptions-form-range-actions
{
width:50px
}
.base-calendar .base-calendar-exceptions-form-range-actions .material-icons
{
font-size:20px;
color:#b6c3c2;
-webkit-user-select:none;
user-select:none
}
.base-calendar .base-calendar-exceptions-form-range-actions .material-icons:hover
{
color:#676869
}
.base-calendar .base-calendar-exceptions-form-timeline
{
width:100%
}
.base-calendar .day-week-button
{
width:50px;
min-width:0;
height:18px;
padding:0;
border-radius:5px;
margin-top:2px
}
.base-calendar .day-week-button span
{
position:relative;
top:-12px;
font-size:10px;
color:#fff;
font-weight:700
}
.base-calendar .day-week-button.weekday:not([disabled])
{
border:1px solid #2d71b3;
background-color:#53abff
}
.base-calendar .day-week-button.weekday:not([disabled]):active
{
background-color:#2d71b3
}
.base-calendar .day-week-button.weekend:not([disabled])
{
border:1px solid #ab4829;
background-color:#d67050
}
.base-calendar .day-week-button.weekend:not([disabled]):active
{
background-color:#ab4829
}
.base-calendar .day-week-button.weekday:not(.editing),.base-calendar .day-week-button.weekend:not(.editing)
{
cursor:auto
}
.base-calendar .day-week-button.weekday:not(.editing) .mat-button-focus-overlay,.base-calendar .day-week-button.weekend:not(.editing) .mat-button-focus-overlay
{
opacity:0
}
.base-calendar .day-week-button.weekday:not(.editing) .mat-button-ripple,.base-calendar .day-week-button.weekend:not(.editing) .mat-button-ripple
{
display:none
}
.base-calendar .day-week-button[disabled]
{
border:1px solid lightgrey;
background-color:#eeeded
}
.base-calendar .day-week-button[disabled] span
{
color:gray
}
.base-calendar .download-pdf
{
margin-left:10px;
-webkit-user-select:none;
user-select:none;
margin-bottom:4px
}
.base-calendar .download-pdf.disabled
{
opacity:.5;
cursor:default
}
.base-calendar .download-pdf.disabled .material-icons:hover
{
opacity:1
}
.base-calendar .download-pdf .material-icons
{
color:#676869
}
.base-calendar .download-pdf .material-icons:hover
{
opacity:.5
}
.color-picker
{
margin:-2px -3px
}
.color-picker:after
{
display:block;
content:"";
clear:both
}
.color-picker-item
{
float:left;
width:23px;
height:23px;
margin:2px 3px;
border:1px solid #cdcdcd;
padding:1px
}
.color-picker-item:hover:not(.selected)
{
border-color:#747474
}
.color-picker-item.selected
{
border-color:#303030
}
.color-picker-item>div
{
width:100%;
height:100%
}
.color-dialog
{
width:400px
}
.color-dialog-button
{
text-align:right;
padding-top:20px
}
.color-field
{
border:none;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
white-space:nowrap;
background:none;
padding:0;
display:inline-block
}
.color-field:focus
{
outline:0
}
.color-field:focus .color-field-arrow
{
border-top-color:#303030
}
.color-field-selected
{
display:inline-block;
width:18px;
height:18px;
vertical-align:middle;
border:2px solid #000;
border-radius:2px
}
.color-field-arrow
{
display:inline-block;
width:10px;
height:6px;
margin-left:1px;
border-top:6px solid #c6c6c6;
border-left:5px solid transparent;
border-right:5px solid transparent
}
.content
{
height:100%;
padding-top:61px;
overflow:hidden;
padding-bottom:0
}
.content.with-footer
{
padding-bottom:53px
}
.content-header
{
position:absolute;
top:0;
left:0;
width:100%;
height:61px;
padding:22px 30px 0;
border-bottom:1px solid #c6c6c6
}
.content-header:after
{
display:block;
content:"";
clear:both
}
.content-header h2
{
float:left;
margin:0;
font-size:14px;
font-weight:400;
color:#676869
}
.content-header .content-header-title
{
font-size:14px;
font-weight:400;
color:#676869
}
.content-actions
{
float:right
}
.content-actions a,.content-actions>.material-icons
{
cursor:pointer;
display:inline-block;
vertical-align:top;
margin-left:26px;
color:#676869
}
.content-actions a:hover,.content-actions>.material-icons:hover
{
opacity:.6
}
.content-main
{
height:100%;
padding:26px 30px 0;
overflow:auto
}
ngx-elastic-datatable
{
height:calc(100% - 179px);
width:100%
}
.context-list
{
height:100%;
width:100%
}
.context-list.context-list-max-height
{
height:calc(100% - 179px)
}
.context-list-filters
{
width:100%;
height:129px;
padding:0 7.5px 0 18px;
background-color:#f4f0ea
}
.theme-saastime .context-list-filters
{
background-color:#e4e4e4
}
.context-list-filters-area
{
position:relative;
margin-top:23px
}
.context-list-filters-area select
{
width:100%;
height:36px;
padding-left:8px;
border-radius:3px;
border:1px solid #cdcdcd;
font-size:14px;
font-weight:700;
color:#676869
}
.context-list-filters-area context-tree
{
position:absolute;
bottom:0;
left:0;
width:100%;
min-width:400px;
transform:translateY(100%);
z-index:99999999
}
.mat-form-field.context-tree-dropdown-form-field
{
width:100%
}
.mat-form-field.context-tree-dropdown-form-field .mat-form-field-wrapper
{
padding-bottom:0
}
.mat-form-field.context-tree-dropdown-form-field .mat-form-field-underline
{
bottom:0
}
.mat-form-field.context-tree-dropdown-form-field .mat-form-field-infix
{
padding:0;
margin:0;
border:0px
}
.mat-form-field.context-tree-dropdown-form-field .mat-select.context-tree-dropdown
{
box-shadow:1px 1px 5px 1px #00000026;
background-color:#fff;
width:100%;
padding:0;
border-top-left-radius:3px;
border-top-right-radius:3px;
margin-top:0
}
.mat-form-field.context-tree-dropdown-form-field .mat-select.context-tree-dropdown .mat-select-trigger
{
height:31px
}
.mat-form-field.context-tree-dropdown-form-field label.mat-form-field-label,.mat-form-field.context-tree-dropdown-form-field label.mat-input-placeholder
{
padding-left:10px;
min-height:28px
}
.mat-form-field.context-tree-dropdown-form-field.size-14 label.mat-input-placeholder
{
font-size:14px
}
.mat-form-field.context-tree-dropdown-form-field.size-13 label.mat-input-placeholder
{
font-size:13px;
line-height:20px
}
.mat-form-field.context-tree-dropdown-form-field.size-11 label.mat-input-placeholder
{
font-size:11px;
line-height:26px
}
.mat-form-field.context-tree-dropdown-form-field.size-10 label.mat-input-placeholder
{
font-size:10px;
line-height:28px
}
.mat-form-field.context-tree-dropdown-form-field.size-9 label.mat-input-placeholder
{
font-size:9px;
line-height:30px
}
.mat-form-field.context-tree-dropdown-form-field.size-8 label.mat-input-placeholder
{
font-size:8px;
line-height:34px
}
.mat-form-field.context-tree-dropdown-form-field.size-7 label.mat-input-placeholder
{
font-size:7px;
line-height:36px
}
.context-list-filters-checkbox
{
float:right;
font-size:14px;
font-weight:500;
line-height:1.42857;
margin-top:18px;
position:absolute;
right:82px;
text-align:right;
top:-15px
}
.context-list-filters-checkbox label
{
color:#676869
}
.context-list-filters-checkbox .mat-checkbox-layout
{
left:0
}
.context-list-filters-search
{
position:relative;
margin-top:18px
}
.context-list-filters-search .employees-search
{
margin-top:0
}
.context-list-filters-search mat-checkbox label
{
color:#676869
}
.context-list-filters-search label
{
position:absolute;
top:50%;
margin-top:-12px;
left:10px;
color:#9a9a9a
}
.context-list-filters-search input[type=search]
{
width:calc(100% - 92px);
height:35px;
padding-left:47px;
border:0;
font-size:14px;
border-radius:2px;
box-shadow:1px 1px 5px 1px #00000026;
transition:color ease .2s
}
.context-list-filters-search input[type=search]:focus
{
outline:0;
box-shadow:1px 1px 5px 2px #0000004d
}
.context-list-filters-search input[type=search]::-webkit-search-cancel-button
{
cursor:pointer;
-webkit-appearance:none;
height:1em;
width:1em;
border-radius:50em;
background:url(../../media/cross-circle..svg) no-repeat 50% 50%;
background-size:contain;
opacity:0;
pointer-events:none
}
.context-list-filters-search input[type=search]:focus::-webkit-search-cancel-button
{
opacity:.3;
pointer-events:all
}
.context-list-filters-search ::-webkit-input-placeholder
{
font-size:14px;
font-weight:700;
color:#c5c4c4
}
.context-list-filters-search ::-moz-placeholder
{
font-size:14px;
font-weight:700;
color:#c5c4c4;
opacity:0
}
.context-list-filters-search :-ms-input-placeholder
{
font-size:14px;
font-weight:700;
color:#c5c4c4
}
.context-list-content
{
height:100%;
overflow:hidden
}
.context-list-content .table.dataTable
{
height:100%;
width:100%
}
.context-list-nav
{
width:100%;
height:50px;
background-color:#f4f0ea
}
.theme-saastime .context-list-nav
{
background-color:#e4e4e4
}
.context-list-nav .context-list-add-button
{
float:left;
margin-left:10px;
margin-top:6px
}
.context-list-nav-inner
{
float:right;
margin:12px 17px 0 0
}
.context-list-header
{
height:36px;
overflow:hidden;
padding:14px 4.5px 0 20px
}
.context-secondary-list-header
{
height:46px;
overflow:hidden;
padding:24px 6px 0 0
}
.context-list-items
{
height:calc(100% - 30px);
overflow:hidden
}
.employee-daily-list-item-day
{
float:left;
width:20px;
height:30px;
position:relative;
text-align:center
}
.employee-daily-list-item-day.little
{
width:20px
}
.employee-daily-list-item-day.medium
{
width:50px
}
.employee-daily-list-item-day.big
{
width:100px
}
.employee-daily-list-item-day.weekendDay
{
background-color:#f2dcdb
}
ngx-vacations-diary-table .entity-list-fields .employee-daily-list-fields-day.weekendDay,ngx-vacations-diary-table .employee-daily-list-item-day.weekendDay
{
background-color:#d3d3d3
}
.context-list-subheader
{
height:30px;
width:100%;
background-color:#f4f0ea;
padding:0 24px 0 20px;
font-size:10px;
font-weight:700;
color:#8b8b88;
text-transform:uppercase;
display:flex;
align-items:center
}
.context-list-subheader>span
{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden
}
.theme-saastime .context-list-subheader
{
background-color:#e4e4e4
}
.entity-list-item>div
{
text-overflow:ellipsis;
white-space:nowrap;
overflow-x:hidden;
overflow-y:hidden
}
.entity-list-item>.journey-cell
{
width:100px
}
.timetype-list-fields-color,.timetype-list-item-color
{
display:inline-block;
width:16px;
vertical-align:top;
padding-top:6px
}
.timetype-list-fields-color>div,.timetype-list-item-color>div
{
width:16px;
height:16px
}
.timetype-list-fields-name,.timetype-list-item-name
{
display:inline-block;
padding:0 10px
}
.timetype-list-fields-name
{
width:calc(100% - 67px)
}
.timetype-list-item-name
{
width:calc(100% - 41px)
}
.timetype-list-fields-code,.timetype-list-item-code
{
display:inline-block;
font-size:10px;
font-weight:700;
color:#9a9a9a;
text-align:right
}
.timetype-list-fields-code
{
width:50px;
line-height:20px
}
.timetype-list-item-code
{
width:24px
}
.reports-filters-container
{
position:absolute;
margin-left:365px;
height:129px;
padding:10px 5px 10px 26px;
width:calc(100% - 555px);
box-shadow:inset 0 -8px 8px -10px #ccc
}
.context-full-width
{
padding-left:190px;
position:absolute;
float:left;
height:100%;
width:100%;
z-index:-1000;
min-width:1240px
}
.context-full-width .context-list-filters
{
position:absolute
}
.context-full-width .context-list
{
height:calc(100% - 50px);
padding-top:129px
}
.context-full-width.menu-compressable
{
padding-left:34px;
min-width:1080px
}
.context-full-width.menu-compressable .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable .context-list-nav
{
margin-left:0
}
.context-full-width.menu-compressable-1152
{
padding-left:34px;
min-width:1152px
}
.context-full-width.menu-compressable-1152 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable-1152 .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable-1152 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-uncompressable-1152
{
padding-left:190px;
min-width:1152px
}
.context-full-width.menu-uncompressable-1152 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-uncompressable-1152 .reports-filters-container
{
width:calc(100% - 555px)
}
.context-full-width.menu-uncompressable-1152 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-compressable-1280
{
padding-left:34px;
min-width:1280px
}
.context-full-width.menu-compressable-1280 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable-1280 .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable-1280 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-uncompressable-1280
{
padding-left:190px;
min-width:1280px
}
.context-full-width.menu-uncompressable-1280 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-uncompressable-1280 .reports-filters-container
{
width:calc(100% - 555px)
}
.context-full-width.menu-uncompressable-1280 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-compressable-1440
{
padding-left:34px;
min-width:1440px
}
.context-full-width.menu-compressable-1440 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable-1440 .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable-1440 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-uncompressable-1440
{
padding-left:190px;
min-width:1440px
}
.context-full-width.menu-uncompressable-1440 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-uncompressable-1440 .reports-filters-container
{
width:calc(100% - 555px)
}
.context-full-width.menu-uncompressable-1440 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-compressable-1600
{
padding-left:34px;
min-width:1600px
}
.context-full-width.menu-compressable-1600 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable-1600 .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable-1600 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-uncompressable-1600
{
padding-left:190px;
min-width:1600px
}
.context-full-width.menu-uncompressable-1600 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-uncompressable-1600 .reports-filters-container
{
width:calc(100% - 555px)
}
.context-full-width.menu-uncompressable-1600 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-compressable-1800
{
padding-left:34px;
min-width:1800px
}
.context-full-width.menu-compressable-1800 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable-1800 .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable-1800 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-uncompressable-1800
{
padding-left:190px;
min-width:1800px
}
.context-full-width.menu-uncompressable-1800 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-uncompressable-1800 .reports-filters-container
{
width:calc(100% - 555px)
}
.context-full-width.menu-uncompressable-1800 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-compressable-2000
{
padding-left:34px;
min-width:2000px
}
.context-full-width.menu-compressable-2000 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-compressable-2000 .reports-filters-container
{
width:calc(100% - 399px)
}
.context-full-width.menu-compressable-2000 .context-list-nav
{
margin-left:0
}
.context-full-width.menu-uncompressable-2000
{
padding-left:190px;
min-width:2000px
}
.context-full-width.menu-uncompressable-2000 .context-list-filters
{
margin-left:0
}
.context-full-width.menu-uncompressable-2000 .reports-filters-container
{
width:calc(100% - 555px)
}
.context-full-width.menu-uncompressable-2000 .context-list-nav
{
margin-left:0
}
.entity-list-item
{
cursor:pointer;
display:flex;
height:30px;
padding:0 6px 0 20px;
line-height:30px;
border-bottom:1px solid #f0eeee;
background-color:#fff;
font-size:13px;
color:#303030
}
.entity-list-item.selected
{
background-color:#6f6860;
color:#fff
}
.theme-saastime .entity-list-item.selected
{
background-color:#079c3a;
color:#fff
}
.entity-list-item:hover:not(.selected),.entity-list-item.hover:not(.selected)
{
background-color:#fffbf7
}
.theme-saastime .entity-list-item:hover:not(.selected),.theme-saastime .entity-list-item.hover:not(.selected)
{
background-color:#079c3a1a
}
.entity-list-item:after
{
display:block;
content:"";
clear:both
}
.entity-list-item .employee-list-item-num,.entity-list-item .employee-list-item-num-alphanumeric
{
float:left;
width:24%
}
.entity-list-item .employee-reports-list-item-num
{
float:left;
width:24%;
overflow-x:hidden
}
.entity-list-item .employee-reports-list-item-num>*
{
display:inline-block
}
.entity-list-item .employee-reports-list-item-num-alphanumeric
{
float:left;
width:24%;
overflow-x:hidden
}
.entity-list-item .employee-reports-list-item-num-alphanumeric>*
{
display:inline-block
}
.entity-list-item .employee-list-item-workday
{
float:left;
width:100%;
font-size:13px;
display:inline-block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
@media screen and (max-width: 1200px)
{
.entity-list-item .employee-list-item-workday
{
font-size:12px
}

}
.entity-list-item .employee-list-item-name
{
float:left;
width:67%;
max-width:67%!important;
font-size:12px;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-list-item-name-large
{
float:left;
width:75%;
max-width:80%!important;
font-size:12px;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-list-item-name-large-requests
{
float:left;
width:95%;
max-width:95%!important;
font-size:12px;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-list-item-name-large-no-num
{
float:left;
width:95%;
max-width:82%!important;
font-size:12px;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-list-item-name-large-no-num-massive
{
float:left;
width:89%;
max-width:89%!important;
margin-right:8%;
font-size:12px;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-reports-list-item-name
{
float:left;
height:30px;
font-size:12px;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-reports-list-item-name div
{
display:inline-block
}
.entity-list-item .employee-reports-list-item-name.collapsed
{
width:217px
}
.entity-list-item .employee-reports-list-item-name-large
{
float:left;
width:345px;
height:30px;
font-size:12px;
display:inline-block;
max-width:85%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-reports-list-item-name-large div
{
display:inline-block
}
.entity-list-item .employee-reports-list-item-name-large.collapsed
{
width:270px
}
.entity-list-item .employee-reports-list-item-saldo
{
float:left;
font-size:12.5px;
text-align:center;
font-weight:400;
display:inline-block;
max-width:calc(100% - 345px);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-reports-list-item-saldo>div
{
max-width:49px;
margin:auto;
text-align:right
}
.entity-list-item .employee-reports-list-item-saldo.gray
{
color:#9a9a9a;
font-weight:300
}
.entity-list-item .employee-reports-list-item-saldo.red
{
color:red
}
.entity-list-item .vacations-reports-list-item-saldo
{
float:left;
font-size:12.5px;
text-align:center;
display:inline-block;
max-width:64%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .vacations-reports-list-item-saldo .selected
{
border:0 dashed #795548;
border-right-width:1px;
border-left-width:1px;
height:30px;
background:rgba(121,85,72,.2392156863)
}
.entity-list-item .vacations-reports-list-item-saldo .selected.top
{
border-top-width:1px
}
.entity-list-item .vacations-reports-list-item-saldo .selected.bottom
{
border-bottom-width:1px
}
.entity-list-item .vacations-reports-list-item-saldo>div
{
padding-right:calc(60% - 45px);
padding-left:calc(45% - 35px);
text-align:right
}
.entity-list-item .vacations-reports-list-item-saldo .single-symbol
{
text-align:center!important;
font-size:16.5px!important
}
.entity-list-item .vacations-reports-list-item-saldo.unselected
{
background:rgba(121,85,72,.0784313725)!important
}
.entity-list-item .vacations-reports-list-item-saldo.gray
{
color:#9a9a9a;
font-weight:300
}
.entity-list-item .vacations-reports-list-item-saldo.red
{
color:red
}
.entity-list-item .vacations-reports-list-item-saldo.blue
{
color:#5182be
}
.entity-list-item .employee-monitor-list-item-day
{
float:left;
font-size:12.5px;
text-align:center;
font-weight:400;
display:inline-block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.entity-list-item .employee-monitor-list-item-day>div
{
width:100%;
margin:auto;
text-align:left
}
.entity-list-item .employee-list-item-hours
{
padding-left:10px;
float:right;
width:16%;
text-align:right
}
.entity-list-item .employee-reports-list-item-num,.entity-list-item .employee-list-item-num,.entity-list-item .employee-list-item-requests,.entity-list-item .employee-list-item-anomalies,.entity-list-item .employee-list-item-hours
{
font-size:10px;
font-weight:700;
color:#9a9a9a;
text-align:center
}
.entity-list-item .employee-list-item-num-alphanumeric,.entity-list-item .employee-reports-list-item-num-alphanumeric
{
font-size:10px;
font-weight:700;
color:#9a9a9a;
text-align:left
}
.entity-list-item.selected>.employee-list-item-num,.entity-list-item.selected>.employee-list-item-num-alphanumeric,.entity-list-item.selected>.employee-reports-list-item-num,.entity-list-item.selected>.employee-reports-list-item-num-alphanumeric,.entity-list-item.selected>.employee-list-item-hours,.entity-list-item.selected>.employee-list-item-requests,.entity-list-item.selected>.employee-list-item-anomalies
{
color:#fff
}
.entity-list-item .employee-list-item-requests
{
width:40px
}
.entity-list-item .employee-list-item-anomalies
{
width:16.5%
}
.entity-list-item .employee-list-item-requests,.entity-list-item .employee-list-item-anomalies
{
float:right;
text-align:right
}
.entity-list-item .employee-list-item-requests>span,.entity-list-item .employee-list-item-anomalies>span
{
font-size:11px;
padding:2px 4px;
border-radius:3px;
color:#fff
}
.entity-list-item .employee-list-item-requests>span.empty-cell,.entity-list-item .employee-list-item-anomalies>span.empty-cell
{
border-radius:0;
background:transparent
}
.entity-list-item .employee-list-item-anomalies>span
{
background:rgb(255,75,75)
}
.entity-list-item .employee-list-item-requests.pending>span
{
background:rgb(255,195,75)
}
.entity-list-item .employee-list-item-requests.count>span
{
background:grey
}
.entity-list-item.yours .employee-list-item-requests.pending>span
{
color:#000
}
.custom-filter
{
display:flex;
align-items:center;
margin-top:5px
}
.filter-columns-checkbox-filter
{
position:absolute;
right:5.5px;
color:#676869;
display:flex;
margin-bottom:12px
}
.filter-columns-checkbox-filter .filter-checkbox
{
margin-right:10px
}
.filter-columns-checkbox-filter .filter-icon
{
cursor:pointer
}
.entity-list-fields
{
height:100%;
display:flex;
align-items:center
}
.entity-list-fields a
{
position:relative;
font-size:10px;
font-weight:700;
color:#9a9a9a
}
.entity-list-fields .arrow
{
display:inline-block;
width:8px;
height:6px;
border-left:4px solid transparent;
border-right:4px solid transparent;
margin-left:5px
}
.entity-list-fields .arrow.desc
{
border-top:6px solid #9a9a9a
}
.entity-list-fields .arrow.asc
{
border-bottom:6px solid #9a9a9a
}
.entity-list-fields .arrow-float
{
position:absolute;
top:50%;
right:-5px;
transform:translate(100%,-50%);
width:8px;
height:6px;
border-left:4px solid transparent;
border-right:4px solid transparent
}
.entity-list-fields .arrow-float.desc
{
border-top:6px solid #9a9a9a
}
.entity-list-fields .arrow-float.asc
{
border-bottom:6px solid #9a9a9a
}
.entity-list-fields:after
{
display:block;
content:"";
clear:both
}
.entity-list-fields .employee-list-fields-num,.entity-list-fields .employee-reports-list-fields-num
{
float:left;
width:24%
}
.entity-list-fields .employee-list-fields-name
{
float:left;
width:67%
}
.entity-list-fields .employee-reports-list-fields-name
{
float:left
}
.entity-list-fields .employee-list-fields-name-large
{
float:left;
width:82%
}
.entity-list-fields .employee-reports-list-fields-name.collapsed
{
width:217px
}
.entity-list-fields .employee-reports-list-fields-name-large
{
float:left;
width:345px
}
.entity-list-fields .employee-reports-list-fields-name-large.collapsed
{
width:270px
}
.entity-list-fields .employee-daily-list-fields-day
{
-webkit-user-select:none;
user-select:none;
position:relative;
float:left;
width:20px;
text-align:center;
border:solid 1px;
background-color:#fff
}
.entity-list-fields .employee-daily-list-fields-day.little
{
width:20px
}
.entity-list-fields .employee-daily-list-fields-day.medium
{
width:50px
}
.entity-list-fields .employee-daily-list-fields-day.big
{
width:100px
}
.entity-list-fields .employee-daily-list-fields-day.weekendDay
{
background-color:#f2dcdb
}
.entity-list-fields .employee-daily-list-fields-day.filter
{
background-color:#fdbb9c;
color:#000!important
}
.entity-list-fields .employee-daily-list-fields-day.filter img
{
display:none;
opacity:0
}
.entity-list-fields .employee-daily-list-fields-day .column-month
{
pointer-events:none;
width:max-content;
position:absolute;
bottom:20px;
left:0;
text-align:center;
line-height:26px;
font-size:14px;
font-weight:700;
color:#ef610a;
text-transform:uppercase
}
.theme-saastime .entity-list-fields .employee-daily-list-fields-day .column-month
{
color:#079c3a
}
.entity-list-fields .employee-reports-list-fields-saldo
{
float:left;
text-align:center;
white-space:nowrap
}
.entity-list-fields .employee-reports-list-fields-saldo a
{
font-size:12px;
color:#ef610a;
font-weight:700;
margin-left:10px
}
.entity-list-fields .vacations-reports-list-fields-saldo
{
float:left;
text-align:center;
white-space:nowrap
}
.entity-list-fields .vacations-reports-list-fields-saldo a
{
font-size:12px;
color:#ef610a;
font-weight:700
}
.theme-saastime .entity-list-fields .vacations-reports-list-fields-saldo a
{
color:#079c3a
}
.entity-list-fields .vacations-reports-list-fields-saldo.blue a
{
color:#5182be!important
}
.entity-list-fields .vacations-reports-list-fields-saldo.greyed a
{
color:#7f7f7f!important
}
.entity-list-fields .employee-list-fields-hours,.entity-list-fields .employee-list-fields-anomalies
{
width:16.5%;
text-align:center;
padding-right:0;
padding-left:10px
}
.entity-list-fields .employee-list-fields-requests
{
width:40px;
text-align:right
}
.entity-list-fields a
{
cursor:pointer
}
.arrow-navigation:after
{
display:block;
content:"";
clear:both
}
.arrow-navigation-prev,.arrow-navigation-next
{
border:none;
cursor:pointer;
-webkit-user-select:none;
user-select:none;
white-space:nowrap;
background:none;
display:block;
float:left;
width:30px;
height:30px;
padding:2px 0 0;
border:1px solid #cdcdcd;
border-radius:3px;
background-color:#fff;
color:#9a9a9a;
text-align:center
}
.arrow-navigation-prev:hover,.arrow-navigation-prev:focus,.arrow-navigation-next:hover,.arrow-navigation-next:focus
{
outline:0;
color:#303030
}
.arrow-navigation-prev:active,.arrow-navigation-next:active
{
color:#fff;
background-color:#6f6860
}
.theme-saastime .arrow-navigation-prev:active,.theme-saastime .arrow-navigation-next:active
{
background-color:#079c3a;
color:#fff
}
.arrow-navigation-prev
{
border-radius:0 0 3px 3px;
width:31px;
border-right:0
}
.arrow-navigation-next
{
border-radius:3px 3px 0 0
}
.sidebarAndContent-container
{
display:flex;
height:100%
}
.sidebarAndContent-container.menu-compressable
{
position:absolute;
padding-left:34px;
width:100%;
height:100%
}
.sidebarAndContent-container.menu-compressable-1152
{
position:absolute;
padding-left:34px;
min-width:1152px
}
.sidebarAndContent-container.menu-uncompressable-1152
{
position:absolute;
padding-left:190px;
min-width:1152px
}
.sidebarAndContent-container.menu-compressable-1280
{
position:absolute;
padding-left:34px;
min-width:1280px
}
.sidebarAndContent-container.menu-uncompressable-1280
{
position:absolute;
padding-left:190px;
min-width:1280px;
width:-webkit-fill-available
}
.sidebarAndContent-container.menu-compressable-1440
{
position:absolute;
padding-left:34px;
min-width:1440px
}
.sidebarAndContent-container.menu-uncompressable-1440
{
position:absolute;
padding-left:190px;
min-width:1440px
}
.sidebarAndContent-container.menu-compressable-1600
{
position:absolute;
padding-left:34px;
min-width:1600px
}
.sidebarAndContent-container.menu-uncompressable-1600
{
position:absolute;
padding-left:190px;
min-width:1600px
}
.sidebarAndContent-container.menu-compressable-1800
{
position:absolute;
padding-left:34px;
min-width:1800px
}
.sidebarAndContent-container.menu-uncompressable-1800
{
position:absolute;
padding-left:190px;
min-width:1800px
}
.sidebarAndContent-container.menu-compressable-2000
{
position:absolute;
padding-left:34px;
min-width:2000px
}
.sidebarAndContent-container.menu-uncompressable-2000
{
position:absolute;
padding-left:190px;
min-width:2000px
}
.sidebarAndContent-container.settings-section ngx-elastic-datatable
{
height:calc(100% - 119px)
}
.sidebarAndContent-container.settings-section .context-list-filters
{
height:79px
}
.sidebarAndContent-container.settings-section .context-list-filters #content-list-filters-search
{
width:calc(100% - 10px)
}
.sidebarAndContent-container .context-sidebar
{
position:relative;
width:366px;
min-width:366px;
height:100%;
border-right:1px solid #c6c6c6;
display:flex;
align-items:flex-start;
flex-direction:column
}
@media (min-width: 1921px)
{
.sidebarAndContent-container .context-sidebar
{
width:26%
}

}
@media screen and (max-width: 1200px)
{
.sidebarAndContent-container .context-sidebar
{
width:280px;
min-width:280px
}

}
.sidebarAndContent-container .context-sidebar .resize-column
{
position:absolute;
right:-10px;
top:0;
height:100%;
width:10px;
cursor:col-resize;
z-index:1
}
.sidebarAndContent-container .context-sidebar .resize-center-icon
{
position:absolute;
top:50%;
right:-15px;
border-radius:50%;
background-color:#fff;
width:30px;
height:30px;
border:2px solid;
color:#9a9a9a;
transform:rotate(90deg);
z-index:2;
display:flex;
justify-content:center;
align-items:center;
visibility:hidden;
opacity:0;
-webkit-user-select:none;
user-select:none
}
.sidebarAndContent-container .context-sidebar .resize-center-icon:hover,.sidebarAndContent-container .context-sidebar .resize-center-icon.dragging
{
visibility:visible;
opacity:1
}
.sidebarAndContent-container .content-container
{
position:relative;
width:100%;
height:100%;
transition:all .2s;
min-width:800px
}
.device.content-main .mat-checkbox.readonly
{
cursor:default
}
.device.content-main .mat-checkbox.readonly .mat-checkbox-ripple
{
display:none
}
.device.content-main hr
{
border:0;
margin:30px 0;
border-top:1px solid #c6c6c6
}
.device.content-main .device-section .device-section-title
{
font-size:14px;
font-weight:700
}
.device.content-main .device-name
{
display:flex;
align-items:baseline
}
.device.content-main .device-name .device-section-title
{
margin-right:10px
}
.device.content-main .device-info .device-serial-number
{
display:flex;
align-items:baseline
}
.device.content-main .device-info .device-serial-number .device-serial-number-text
{
margin-right:10px
}
.device.content-main .device-info .device-serial-number .device-serial-number-form
{
margin-right:50px
}
.device.content-main .device-info .device-serial-number .device-serial-number-form .device-serial-number-input
{
height:36px;
padding-left:10px;
border:0;
font-size:14px;
border-radius:2px;
box-shadow:1px 1px 5px 1px #00000026;
transition:color ease .2s
}
.device.content-main .device-info .device-serial-number .device-serial-number-form .device-serial-number-input:focus
{
outline:0;
box-shadow:1px 1px 5px 2px #0000004d
}
.device.content-main .device-info .device-serial-number .device-serial-number-form .device-serial-number-checker-btn.hidden
{
display:none
}
.device.content-main .device-info .device-state
{
margin-top:20px
}
.device.content-main .device-serial-number-table,.device.content-main .device-connection-table
{
min-width:350px
}
.device.content-main .device-serial-number-table .mat-header-row,.device.content-main .device-connection-table .mat-header-row
{
display:none
}
.device.content-main .device-serial-number-table .mat-row,.device.content-main .device-connection-table .mat-row
{
min-height:24px
}
.device.content-main .device-serial-number-table .mat-row .mat-cell.mat-column-value,.device.content-main .device-connection-table .mat-row .mat-cell.mat-column-value
{
color:orange
}
.device.content-main .device-serial-number-table .mat-row .mat-cell.mat-column-value.server-cell,.device.content-main .device-connection-table .mat-row .mat-cell.mat-column-value.server-cell
{
color:gray
}
.device.content-main .device-state .device-state-row,.device.content-main .device-state .device-connection-data-row,.device.content-main .device-connection-data .device-state-row,.device.content-main .device-connection-data .device-connection-data-row
{
margin:5px 0
}
.device.content-main .device-state .device-state-row .device-state-key,.device.content-main .device-state .device-state-row .device-connection-data-key,.device.content-main .device-state .device-connection-data-row .device-state-key,.device.content-main .device-state .device-connection-data-row .device-connection-data-key,.device.content-main .device-connection-data .device-state-row .device-state-key,.device.content-main .device-connection-data .device-state-row .device-connection-data-key,.device.content-main .device-connection-data .device-connection-data-row .device-state-key,.device.content-main .device-connection-data .device-connection-data-row .device-connection-data-key
{
width:160px;
display:inline-block
}
.device.content-main .device-state .device-state-row .device-state-value,.device.content-main .device-state .device-state-row .device-connection-data-value,.device.content-main .device-state .device-connection-data-row .device-state-value,.device.content-main .device-state .device-connection-data-row .device-connection-data-value,.device.content-main .device-connection-data .device-state-row .device-state-value,.device.content-main .device-connection-data .device-state-row .device-connection-data-value,.device.content-main .device-connection-data .device-connection-data-row .device-state-value,.device.content-main .device-connection-data .device-connection-data-row .device-connection-data-value
{
width:160px;
display:inline-block;
color:orange
}
.device.content-main .device-state .device-state-row .device-state-value.server,.device.content-main .device-state .device-state-row .device-connection-data-value.server,.device.content-main .device-state .device-connection-data-row .device-state-value.server,.device.content-main .device-state .device-connection-data-row .device-connection-data-value.server,.device.content-main .device-connection-data .device-state-row .device-state-value.server,.device.content-main .device-connection-data .device-state-row .device-connection-data-value.server,.device.content-main .device-connection-data .device-connection-data-row .device-state-value.server,.device.content-main .device-connection-data .device-connection-data-row .device-connection-data-value.server
{
color:gray
}
.device.content-main .device-connection-checkbox
{
margin-left:55px;
position:relative;
top:-2px
}
.device.content-main .device-timezone-select
{
display:inline-block;
margin-left:20px
}
.device.content-main .device-timezone-select .mat-form-field-infix
{
width:280px
}
.device.content-main .device-timezone-sync .mat-checkbox-layout,.device.content-main .device-timezone-summertime .mat-checkbox-layout
{
flex-direction:row-reverse
}
.device.content-main .device-timezone-sync .mat-checkbox-layout .mat-checkbox-inner-container,.device.content-main .device-timezone-summertime .mat-checkbox-layout .mat-checkbox-inner-container
{
margin-right:0;
margin-left:8px
}
.device.content-main .device-method-checkbox,.device.content-main .device-actuator-checkbox,.device.content-main .device-block-checkbox
{
margin-left:40px
}
.device.content-main .device-actuator-duration
{
padding-left:40px
}
.device.content-main .device-actuator-duration .mat-form-field-infix
{
width:30px
}
.device.content-main .device-actuator-duration .mat-form-field-infix .device-actuator-duration-input
{
text-align:center
}
.device.content-main .mat-checkbox-layout .mat-checkbox-label
{
line-height:36px
}
.device-filter-option.mat-option
{
position:sticky;
top:0;
z-index:1;
background:#f4f0ea
}
.device-filter-option.mat-option .mat-option-text
{
width:100%
}
.employee-schedule
{
position:relative
}
.employee-field-group
{
margin-bottom:10px;
margin-right:-20px
}
.employee-field-group:after
{
display:block;
content:"";
clear:both
}
.employee-field
{
display:inline-flex;
float:left;
padding-right:30px;
min-width:100px
}
.employee-field.width-40
{
width:40%
}
.employee-field.width-60
{
width:60%
}
.employee-field.width-75
{
width:75%
}
.employee-field.width-50
{
width:50%
}
.employee-field.width-80
{
width:80%
}
.employee-field.width-100
{
width:100%
}
.employee-field.width-20
{
width:20%
}
.employee-field.width-25
{
width:25%
}
.employee-field.width-33
{
width:33.3333333333%
}
.employee-field .mat-form-field
{
width:100%
}
.employee-field.check-field
{
font-size:10.5px;
color:#9a9a9a;
min-height:50px
}
.employee-field mat-checkbox
{
max-width:100%
}
.employee-field mat-checkbox .mat-checkbox-layout
{
max-width:100%
}
.employee-field mat-checkbox .mat-checkbox-layout .mat-checkbox-label
{
text-overflow:ellipsis;
overflow:hidden
}
.add-button .material-icons
{
font-size:28px
}
.action-buttons:after
{
display:block;
content:"";
clear:both
}
.action-buttons .mat-raised-button
{
float:right;
font-size:11px;
border-radius:4px;
line-height:29px;
box-shadow:none
}
.employee-sections
{
margin-bottom:36px
}
.employee-sections:after
{
display:block;
content:"";
clear:both
}
.employee-active-periods
{
float:left;
width:100%;
padding-right:0;
padding-bottom:20px
}
.employee-active-periods>span
{
color:#9a9a9a
}
.employee-active-periods-list
{
display:table;
width:100%;
border-collapse:collapse;
margin-top:.9em
}
.employee-active-periods-add
{
margin:0 0 0 -6px
}
.employee-active-periods-datepicker-field
{
width:130px;
padding-bottom:5px;
margin:auto;
padding-left:28px
}
.employee-active-periods-datepicker-field.editor-mode
{
padding-top:2px;
padding-bottom:3px
}
.employee-active-periods-input-field
{
width:100%;
padding-bottom:5px;
margin:auto;
padding-left:28px;
padding-top:8px
}
.employee-active-periods-input-field.editor-mode
{
padding-top:10px;
padding-bottom:0
}
.employee-active-periods-contract-type-field
{
width:100%;
padding-bottom:5px;
margin:auto;
padding-left:28px;
padding-top:8px;
min-width:270px
}
.employee-active-periods-contract-check
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px;
padding-left:10px
}
.employee-active-periods-contract-check a
{
display:inline-block
}
.employee-active-periods-contract-check .material-icons
{
font-weight:600;
display:block;
font-size:20px
}
.employee-active-periods-contract-check .material-icons:hover
{
color:green
}
.employee-active-periods-contract-cancel
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px;
padding-left:10px
}
.employee-active-periods-contract-cancel a
{
display:inline-block
}
.employee-active-periods-contract-cancel .material-icons
{
font-weight:600;
display:block;
font-size:20px
}
.employee-active-periods-contract-cancel .material-icons:hover
{
color:#676869
}
.employee-active-periods-contract-delete
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px;
padding-left:10px
}
.employee-active-periods-contract-delete a
{
display:inline-block
}
.employee-active-periods-contract-delete .material-icons
{
display:block;
font-size:20px
}
.employee-active-periods-contract-delete .material-icons:hover
{
color:#676869
}
.employee-supervisor
{
width:100%;
margin-top:20px;
float:left
}
.employee-supervisor .employee-supervisor-title
{
color:#9a9a9a;
margin-bottom:20px;
padding-bottom:.2em;
border-bottom:1px solid #c6c6c6
}
.employee-supervisor h3.employee-supervisor-block-title
{
margin:0 0 .4em;
font-size:10px;
color:#9a9a9a
}
.employee-supervisor .employee-supervisor-block
{
width:49%;
display:inline-block;
vertical-align:top;
margin-bottom:30px
}
.employee-supervisor .employee-supervisor-groups,.employee-supervisor .escalate-requests
{
padding-right:15px
}
.employee-prefixes .employee-prefixes-filter
{
width:100%
}
.employee-prefixes>div
{
height:40px
}
.employee-prefixes .employee-prefixes-record,.employee-prefixes .employee-prefixes-add .add-form
{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #EFECED
}
.employee-prefixes .employee-prefixes-actions .material-icons
{
font-size:20px;
cursor:pointer;
margin-top:3px;
color:#b6c3c2
}
.employee-prefixes .employee-prefixes-actions .material-icons:hover
{
color:#676869
}
.employee-prefixes .mat-form-field
{
width:80%
}
.employee-prefixes .mat-form-field-wrapper .mat-input-infix
{
border:0
}
.employee-prefixes .mat-form-field-wrapper .mat-input-underline
{
bottom:0
}
.delete-border .mat-form-field-infix
{
border-top:0px
}
.employee-prefixes-add-form-option
{
height:38px!important;
line-height:38px!important
}
.holiday-calendar .material-icons
{
font-size:18px
}
.holiday-calendar .holiday-calendar-info
{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:baseline;
justify-content:flex-start;
margin-bottom:20px
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-name
{
min-width:215px;
padding-right:35px
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-name .mat-form-field
{
width:100%
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-prefix
{
width:200px;
padding-right:65px
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-prefix .mat-form-field
{
width:100%
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-filter .mat-checkbox
{
margin-right:5px
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-filter .mat-checkbox.hidden
{
visibility:hidden;
opacity:0
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-filter .holiday-calendar-filter-text
{
margin-right:10px;
vertical-align:middle
}
.holiday-calendar .holiday-calendar-info .holiday-calendar-filter .mat-form-field
{
vertical-align:middle;
width:60px
}
.holiday-calendar .holiday-calendar-view-mode
{
padding-left:5em
}
.holiday-calendar .mat-checkbox .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.holiday-calendar .holiday-calendar-days
{
display:table;
width:100%;
max-width:1000px;
margin:auto
}
.holiday-calendar .holiday-calendar-days .mat-form-field .mat-input-infix
{
padding:.12em 0;
border-top:0em solid transparent
}
.holiday-calendar .holiday-calendar-days .mat-form-field .mat-input-element
{
padding-bottom:2px
}
.holiday-calendar .holiday-calendar-days .mat-form-field .mat-input-wrapper
{
padding-bottom:3px
}
.holiday-calendar .holiday-calendar-days .mat-form-field .mat-input-wrapper .mat-form-field-underline
{
bottom:0
}
.holiday-calendar .holiday-calendar-days .mat-form-field
{
height:24px
}
.holiday-calendar .holiday-calendar-days .mat-form-field .mat-select-value-text
{
font-size:12px
}
.holiday-calendar .holiday-calendar-days .holiday-calendar-days-header
{
display:table-row
}
.holiday-calendar .holiday-calendar-days .holiday-calendar-days-header .field-header
{
display:table-cell;
vertical-align:middle;
padding-right:10px;
padding-bottom:0;
font-size:12px;
font-weight:700;
color:#9a9a9a;
border-bottom:1px solid #c6c6c6
}
.holiday-calendar .holiday-calendar-days .holiday-calendar-days-header .field-header.field-actions,.holiday-calendar .holiday-calendar-days .holiday-calendar-days-header .field-header.field-icon
{
border-bottom:0
}
.holiday-calendar .holiday-calendar-days .holiday-calendar-days-header .field-header.field-actions .mat-icon-button,.holiday-calendar .holiday-calendar-days .holiday-calendar-days-header .field-header.field-icon .mat-icon-button
{
width:20px;
margin-left:10px;
margin-bottom:5px;
height:20px;
line-height:20px
}
.holiday-calendar .holiday-calendar-days .holiday-calendar-day
{
display:table-row;
height:26px
}
.holiday-calendar .holiday-calendar-days .holiday-calendar-day:hover
{
background-color:#f5f5f5
}
.holiday-calendar .holiday-calendar-days .field-value
{
display:table-cell;
vertical-align:middle;
font-size:12px
}
.holiday-calendar .holiday-calendar-days .field-icon
{
width:30px;
padding-right:0;
color:#b6c3c2;
-webkit-user-select:none;
user-select:none;
cursor:default
}
.holiday-calendar .holiday-calendar-days .field-icon .material-icons
{
display:block;
font-size:18px;
position:relative;
left:0
}
.holiday-calendar .holiday-calendar-days .field-icon.featured .material-icons
{
color:#ef610a
}
.theme-saastime .holiday-calendar .holiday-calendar-days .field-icon.featured .material-icons
{
color:#079c3a
}
@keyframes editing
{
0%
{
color:#b6c3c2;
left:0
}
to
{
color:#ef610a;
left:3px
}

}
@keyframes editing
{
0%
{
color:#b6c3c2;
left:0
}
to
{
color:#079c3a;
left:3px
}

}
.holiday-calendar .holiday-calendar-days .field-icon.editing .material-icons
{
animation-name:editing;
animation-duration:.8s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:alternate
}
.holiday-calendar .holiday-calendar-days .field-day
{
width:40px;
min-width:40px;
padding-top:2px
}
.holiday-calendar .holiday-calendar-days .field-day .mat-form-field
{
width:35px
}
.holiday-calendar .holiday-calendar-days .field-month
{
width:105px;
min-width:105px;
padding-top:2px
}
.holiday-calendar .holiday-calendar-days .field-month .mat-form-field
{
width:100px
}
.holiday-calendar .holiday-calendar-days .field-name
{
width:105px;
min-width:105px;
padding-top:2px
}
.holiday-calendar .holiday-calendar-days .field-name.field-value .mat-form-field
{
width:100px
}
.holiday-calendar .holiday-calendar-days .field-name .mat-form-field
{
display:block
}
.holiday-calendar .holiday-calendar-days .field-name .mat-form-field .mat-input-wrapper
{
bottom:-5px;
padding-bottom:2px
}
.holiday-calendar .holiday-calendar-days .field-year
{
width:60px;
min-width:60px;
padding-top:2px
}
.holiday-calendar .holiday-calendar-days .field-year .mat-form-field
{
width:55px
}
.holiday-calendar .holiday-calendar-days .field-year .mat-checkbox-layout
{
margin-top:8px
}
.holiday-calendar .holiday-calendar-days .field-year-end
{
width:90px;
min-width:90px;
white-space:nowrap;
padding-top:1px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select .mat-form-field
{
width:55px;
margin-left:8px;
margin-top:1px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol .mat-form-field-underline
{
bottom:1px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol .mat-select-arrow-wrapper
{
position:relative;
top:3px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol-timetype .mat-form-field-underline
{
top:1px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol-timetype .mat-select-arrow-wrapper
{
position:relative;
bottom:3px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-checkbox,.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-text,.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select
{
display:inline-block;
vertical-align:middle
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-checkbox,.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-text
{
margin-left:8px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-text.infinity-symbol
{
font-size:2em;
height:24px;
margin-left:13px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-text.infinity-symbol span
{
position:relative;
top:-.2em;
color:#444
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-text.infinity-symbol-timetype
{
font-size:2em;
height:24px;
margin-left:13px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-text.infinity-symbol-timetype span
{
position:relative;
bottom:-.2em;
color:#444
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol
{
height:24px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol .mat-form-field-wrapper
{
height:100%
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol .mat-form-field-wrapper .mat-select
{
position:relative;
top:-.6em
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol .mat-form-field-wrapper .mat-select-value-text
{
font-size:1.5em;
color:#444;
position:relative;
left:5px;
bottom:-3px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol-timetype
{
height:24px
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol-timetype .mat-form-field-wrapper
{
height:100%
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol-timetype .mat-form-field-wrapper .mat-select
{
position:relative;
bottom:-.6em
}
.holiday-calendar .holiday-calendar-days .field-year-end .field-year-end-select.infinity-symbol-timetype .mat-form-field-wrapper .mat-select-value-text
{
font-size:1.5em;
color:#444;
position:relative;
left:5px;
top:-3px
}
.holiday-calendar .holiday-calendar-days .field-checkbox-1,.holiday-calendar .holiday-calendar-days .field-checkbox-2
{
width:60px;
min-width:60px;
max-width:60px;
text-align:center
}
.holiday-calendar .holiday-calendar-days .field-actions
{
width:44px;
vertical-align:bottom;
text-align:right
}
.holiday-calendar .holiday-calendar-days .field-actions .action-item
{
display:inline-block
}
.holiday-calendar .holiday-calendar-days .field-actions.field-value .material-icons
{
color:#b6c3c2
}
.holiday-calendar .holiday-calendar-days .field-actions.field-value .material-icons:hover
{
color:#676869
}
.holiday-calendar .holiday-calendar-counter
{
display:inline-block;
margin-top:20px;
float:right;
position:relative;
right:6%
}
.mat-select-panel .mat-option.infinity-symbol
{
height:3em;
position:sticky;
bottom:0;
background-color:#fff;
border-top:1px solid grey;
opacity:1;
color:#444
}
.mat-select-panel .mat-option.infinity-symbol.mat-selected,.mat-select-panel .mat-option.infinity-symbol:hover
{
background-color:#f5f5f5
}
.mat-select-panel .mat-option.infinity-symbol .mat-option-text
{
font-size:2em
}
.mat-select-panel .mat-option.infinity-symbol-timetype
{
height:3em;
position:sticky;
top:0;
background-color:#fff;
border-bottom:1px solid grey;
opacity:1;
color:#444;
z-index:1
}
.mat-select-panel .mat-option.infinity-symbol-timetype.mat-selected,.mat-select-panel .mat-option.infinity-symbol-timetype:hover
{
background-color:#f5f5f5
}
.mat-select-panel .mat-option.infinity-symbol-timetype .mat-option-text
{
font-size:2em
}
.mat-paginator-container,.mat-paginator-range-actions
{
min-height:auto!important
}
.mat-form-field .owl-dt-container-disabled,.mat-form-field .owl-dt-trigger-disabled
{
opacity:inherit
}
.mat-form-field-hide-placeholder .mat-select-placeholder
{
display:none
}
.mat-select-value .mat-select-placeholder
{
font-size:18px
}
.mat-input-placeholder
{
color:#9a9a9a!important
}
.mat-focused .mat-input-placeholder.mat-float,.mat-input-placeholder.mat-float:not(.mat-empty)
{
transform:translateY(-1.35em) scale(.7)!important
}
.mat-input-underline
{
background-color:#c6c6c6!important
}
.mat-radio-button:not(.mat-radio-checked)
{
color:#9a9a9a
}
.mat-radio-button:not(.mat-radio-checked) .mat-radio-outer-circle
{
border-color:#9a9a9a
}
.mat-radio-button:not(.mat-radio-checked) .mat-radio-inner-circle
{
background-color:#9a9a9a
}
.mat-radio-outer-circle,.mat-radio-inner-circle,.mat-radio-container
{
width:16px!important;
height:16px!important
}
.mat-select-panel .mat-select-content .mat-option,.mat-select-trigger
{
font-size:16px
}
.mat-simple-snackbar-action
{
font-weight:700
}
.horamatic-snackbar
{
background-color:#4d4842
}
.centered-snackbar .mat-simple-snackbar
{
justify-content:center;
text-align:center
}
.cdk-visually-hidden
{
width:0px!important
}
.mat-dialog-container
{
padding:5px 24px!important
}
mat-form-field.mat-form-field
{
line-height:1!important
}
.tags-popup.content .content-main
{
padding:0!important
}
.tags-popup.content .content-main .section-content .section-content-weekdays
{
margin-bottom:unset!important
}
.mat-card
{
padding:0 24px!important
}
.holiday-calendar-day .mat-form-field-appearance-legacy .mat-form-field-infix
{
border-top-width:0px
}
.tag-search-field .mat-form-field-infix
{
width:295px
}
.mat-select-arrow-wrapper
{
height:4px!important
}
.cdk-overlay-pane
{
transition:opacity .3s ease
}
.month-hours-header
{
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px solid #dfdfdf
}
.month-hours-header:after
{
display:block;
content:"";
clear:both
}
.month-hours-header h3
{
float:left;
margin:0;
font-size:16px;
font-weight:400;
color:#303030;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:calc(100% - 365px)
}
@media only screen and (max-width: 1200px)
{
.month-hours-header h3
{
width:calc(100% - 285px)
}

}
.month-hours-navigation
{
float:right
}
.timeline-grid
{
width:100%;
table-layout:fixed;
border-collapse:collapse
}
.timeline-grid-header-date
{
width:50px
}
.timeline-grid-header-symbol
{
width:10px
}
.timeline-grid-header-day-type
{
width:74px
}
.timeline-grid-time-indicators>div
{
float:left;
text-align:left;
width:4.16666%;
font-size:10px;
font-weight:700;
color:#ccc;
cursor:default
}
.timeline-grid-time-indicators>div>span
{
display:inline-block;
margin-left:-.3em
}
.timeline-grid-date
{
font-size:10.5px;
font-weight:700;
color:#b2b2b2;
padding-bottom:2px;
text-transform:lowercase
}
.timeline-grid-symbol
{
font-size:10.5px;
font-weight:700;
color:#ccc
}
.timeline-grid-day-type
{
font-size:10.5px;
font-weight:700;
color:#ccc;
white-space:nowrap;
padding-bottom:2px
}
.timeline-grid-timeline
{
padding:4px 0
}
.timeline
{
position:relative;
height:12px
}
.timeline:after
{
display:block;
content:"";
clear:both
}
.timeline-interval
{
float:left;
height:100%
}
.timeline-separators>span
{
position:absolute;
top:0;
width:1px;
height:100%;
background-color:#fff
}
.timeline-separators>span:nth-child(1)
{
left:4.1666%
}
.timeline-separators>span:nth-child(2)
{
left:8.3332%
}
.timeline-separators>span:nth-child(3)
{
left:12.4998%
}
.timeline-separators>span:nth-child(4)
{
left:16.6664%
}
.timeline-separators>span:nth-child(5)
{
left:20.833%
}
.timeline-separators>span:nth-child(6)
{
left:24.9996%
}
.timeline-separators>span:nth-child(7)
{
left:29.1662%
}
.timeline-separators>span:nth-child(8)
{
left:33.3328%
}
.timeline-separators>span:nth-child(9)
{
left:37.4994%
}
.timeline-separators>span:nth-child(10)
{
left:41.666%
}
.timeline-separators>span:nth-child(11)
{
left:45.8326%
}
.timeline-separators>span:nth-child(12)
{
left:49.9992%
}
.timeline-separators>span:nth-child(13)
{
left:54.1658%
}
.timeline-separators>span:nth-child(14)
{
left:58.3324%
}
.timeline-separators>span:nth-child(15)
{
left:62.499%
}
.timeline-separators>span:nth-child(16)
{
left:66.6656%
}
.timeline-separators>span:nth-child(17)
{
left:70.8322%
}
.timeline-separators>span:nth-child(18)
{
left:74.9988%
}
.timeline-separators>span:nth-child(19)
{
left:79.1654%
}
.timeline-separators>span:nth-child(20)
{
left:83.332%
}
.timeline-separators>span:nth-child(21)
{
left:87.4986%
}
.timeline-separators>span:nth-child(22)
{
left:91.6652%
}
.timeline-separators>span:nth-child(23)
{
left:95.8318%
}
.time-navigation
{
-webkit-user-select:none;
user-select:none
}
.time-navigation .time-navigation-current
{
display:inline-block;
margin:0 10px;
font-size:12px;
font-weight:700;
color:#ef610a;
text-transform:uppercase;
cursor:default
}
.theme-saastime .time-navigation .time-navigation-current
{
color:#079c3a
}
.time-navigation .time-navigation-current .mat-form-field
{
width:100px;
text-align:center
}
.time-navigation .time-navigation-current .mat-form-field .mat-form-field-flex .mat-select-value
{
max-width:none
}
.time-navigation .time-navigation-current .mat-form-field .mat-form-field-flex .mat-select-arrow-wrapper
{
position:absolute;
bottom:0;
left:50%;
transform:translate(-50%,100%)
}
.time-navigation .time-navigation-current .mat-form-field .mat-form-field-underline
{
display:none
}
.time-navigation .time-navigation-current .mat-select-arrow
{
color:#ef610a!important
}
.theme-saastime .time-navigation .time-navigation-current .mat-select-arrow
{
color:#079c3a!important
}
.time-navigation .time-navigation-current .mat-select-value
{
color:#ef610a!important
}
.theme-saastime .time-navigation .time-navigation-current .mat-select-value
{
color:#079c3a!important
}
.time-navigation .time-navigation-prev,.time-navigation .time-navigation-next
{
display:inline-block;
width:24px;
height:24px;
color:#9a9a9a;
vertical-align:middle
}
.time-navigation .time-navigation-prev:hover,.time-navigation .time-navigation-next:hover
{
opacity:.6
}
.time-navigation .time-navigation-button-container
{
width:24px;
display:inline-block
}
.time-navigation.time-navigation-disabled .time-navigation-button-container .time-navigation-prev,.time-navigation.time-navigation-disabled .time-navigation-button-container .time-navigation-next
{
opacity:.6;
cursor:default
}
.time-navigation.time-navigation-disabled .mat-select
{
opacity:.6
}
@media only screen and (max-width: 1200px)
{
.time-navigation .time-navigation-current
{
margin:0;
min-width:140px
}
.time-navigation .time-navigation-current .mat-form-field
{
width:80px
}
.time-navigation .time-navigation-current .mat-form-field.year-selector
{
width:60px
}

}
.time-navigation .time-navigation-current horamatic-day-selector
{
margin:0
}
.time-navigation .time-navigation-current horamatic-month-selector
{
margin:0
}
.time-navigation .time-navigation-current horamatic-year-selector
{
margin:0
}
.button-container
{
display:inline-flex;
flex-direction:column;
margin-left:50px;
color:#676869
}
.button-filter
{
color:#676869;
border:none;
border-radius:5px;
background-color:#ed7c30;
padding:3px
}
.button-filter div
{
float:left;
background-color:#f7caac;
padding:4px;
border-radius:2px;
text-align:center
}
.cross-filter
{
vertical-align:middle;
color:#676869;
font-size:20px;
cursor:pointer;
margin-left:4px
}
.button-filter:hover .cross-filter:hover
{
color:#4a4b4b
}
.setting.content-main #hiddenTextForTitleWidthCalculation
{
position:absolute;
height:0;
overflow:hidden;
white-space:pre;
font-size:2em
}
.setting.content-main #hiddenTextForInputWidthCalculation
{
position:absolute;
height:0;
overflow:hidden;
white-space:pre
}
.setting.content-main .setting-item
{
padding:0 20px;
margin-top:25px;
margin-bottom:10px;
width:100%
}
.setting.content-main .setting-item .setting-item-label
{
font-size:12px;
color:gray
}
.setting.content-main .mat-form-field
{
min-width:180px;
max-width:100%
}
.setting.content-main .mat-form-field.setting-group-name
{
font-size:2em
}
.setting.content-main .mat-form-field.setting-item-colorpicker
{
width:60px;
min-width:60px;
vertical-align:super
}
.setting.content-main .mat-radio-button
{
margin:0 20px
}
.mcc-color-picker-selector-preview
{
height:70px!important
}
.sidebar
{
position:relative;
float:left;
width:190px;
height:100%
}
@media (min-width: 1921px)
{
.sidebar
{
width:14%
}

}
.sidebar-header
{
position:absolute;
top:0;
left:0;
width:100%;
height:129px;
background-color:#4d4842
}
.theme-saastime .sidebar-header
{
background-color:#2f2f2f!important
}
.sidebar-header-logo
{
position:relative;
height:92px;
text-align:center
}
.sidebar-header-logo img
{
width:100%;
height:100%
}
.sidebar-header-bottom
{
border-top:1px solid rgba(255,255,255,.2);
border-bottom:1px solid rgba(255,255,255,.2);
padding:0 10px;
height:37px
}
.theme-saastime .sidebar-header-bottom
{
border-color:#fff3
}
.sidebar-header-date
{
float:left;
margin-top:9px;
font-size:12px;
color:#e3dbcc
}
.theme-saastime .sidebar-header-date
{
color:#fff!important
}
.sidebar-header-notifications
{
position:relative;
display:inline-block;
-webkit-user-select:none;
user-select:none
}
.zoom
{
font-size:12px
}
.sidebar-header-notifications-icon
{
color:#fff
}
.theme-saastime .sidebar-header-notifications-icon
{
color:#fff!important
}
.sidebar-header-notifications-icon.bottom-flex
{
display:flex;
flex-direction:column;
position:absolute;
right:0
}
.sidebar-header-notifications-icon.bottom-flex .material-icons
{
color:#676869
}
.sidebar-header-notifications-counter
{
display:block;
position:absolute;
top:-2px;
right:-7px;
width:16px;
height:16px;
border-radius:16px;
background-color:#ef610a;
font-size:11px;
font-weight:700;
color:#fff;
text-align:center;
line-height:16px
}
.sidebar-nav
{
height:100%;
background-color:#e3dbcc;
padding-top:129px;
padding-bottom:120px;
-webkit-user-select:none;
user-select:none
}
.theme-saastime .sidebar-nav
{
background-color:#fff!important
}
.sidebar-nav-inner-container
{
height:100%;
overflow-x:hidden;
overflow-y:auto
}
.sidebar-nav ul
{
margin:0;
padding:0;
list-style:0
}
.sidebar-nav ul>li
{
display:table;
width:100%;
height:40px;
border-bottom:1px solid rgba(103,104,105,.2)
}
.theme-saastime .sidebar-nav ul>li
{
background-color:#67686933
}
@media (max-height: 750px)
{
.sidebar-nav ul>li
{
height:35px
}

}
@media (max-height: 700px)
{
.sidebar-nav ul>li
{
height:30px
}

}
.sidebar-nav ul>li>a
{
display:table-cell;
vertical-align:middle;
padding:0 0 0 16px;
font-size:10px;
font-weight:700;
color:#676869;
text-transform:uppercase
}
.theme-saastime .sidebar-nav ul>li>a
{
background-color:#fff;
color:#676869
}
.sidebar-nav-icon
{
display:inline-block;
width:32px;
padding-right:12px;
text-align:center;
vertical-align:middle
}
.sidebar-nav-is-parent
{
position:absolute;
left:-5px;
transition:left .3s;
display:flex;
align-items:center
}
.sidebar-nav-has-children
{
position:absolute;
right:0;
transition:right .3s;
display:flex;
align-items:center
}
.sidebar-nav ul>li>a:hover,.sidebar-nav ul>li>a:focus
{
background-color:#dacfbc
}
.theme-saastime .sidebar-nav ul>li>a:hover,.theme-saastime .sidebar-nav ul>li>a:focus
{
background-color:#6768690d!important
}
.sidebar-nav ul>li>a.parent-selected,.sidebar-nav ul>li>a.selected
{
background-color:#6f6860;
color:#fff!important
}
.theme-saastime .sidebar-nav ul>li>a.parent-selected,.theme-saastime .sidebar-nav ul>li>a.selected
{
background-color:#079c3a!important;
color:#fff!important
}
.sidebar-footer
{
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background-color:#c5beb0;
padding:18px 0 26px
}
.theme-saastime .sidebar-footer
{
background-color:#079c3a!important
}
.sidebar-user
{
text-align:center
}
.sidebar-user-image img
{
width:37px;
height:37px;
border-radius:37px
}
.sidebar-user-name
{
margin:3px 0 1px;
font-size:13px;
color:#676869
}
.sidebar-user-role
{
font-size:9px;
color:#676869
}
.theme-saastime .sidebar-user-initials
{
background-color:#fff!important
}
.theme-saastime .sidebar-user-initials span
{
color:#079c3a!important
}
.theme-saastime .sidebar-user-name,.theme-saastime .sidebar-user-role
{
color:#fff!important
}
.tags-mode-selector-popup
{
margin-bottom:-17px
}
.tags-mode-selector-popup .action-all-hint
{
text-align:right;
display:block;
padding-right:26px;
font-size:12px;
-webkit-user-select:none;
user-select:none
}
.tags-mode-selector-popup button.action-one
{
margin-right:20px
}
.tags-mode-selector-popup button:hover
{
opacity:.8
}
.tags-popup.content
{
height:630px;
max-height:90vh;
overflow:hidden;
padding-top:40px;
position:relative
}
.tags-popup.content .content-header
{
height:40px;
padding:10px 0 0
}
.tags-popup.content .content-main
{
height:550px;
max-height:calc(90vh - 82px);
padding:10px 0;
min-width:850px;
overflow-y:hidden
}
.tags-popup.content .content-main .section-list
{
height:100%;
width:285px;
overflow-y:auto;
overflow-x:hidden;
display:inline-block;
padding-right:15px;
vertical-align:top
}
.tags-popup.content .content-main .section-list .section-list-header
{
margin-top:5px;
margin-bottom:12px
}
.tags-popup.content .content-main .section-list .show-favorites
{
float:left;
margin-top:5px;
width:24px;
height:24px;
cursor:pointer
}
.tags-popup.content .content-main .section-list .show-favorites img
{
width:24px;
height:24px
}
.tags-popup.content .content-main .section-list .list-search-filter
{
position:relative;
width:240px;
left:30px
}
.tags-popup.content .content-main .section-list .list-search-filter mat-checkbox label
{
color:#676869
}
.tags-popup.content .content-main .section-list .list-search-filter label
{
position:absolute;
top:50%;
margin-top:-12px;
left:34px;
color:#9a9a9a
}
.tags-popup.content .content-main .section-list .list-search-filter input[type=text]
{
height:35px;
width:200px;
padding-left:47px;
border:0;
font-size:14px;
border-radius:2px;
box-shadow:1px 1px 5px 1px #00000026;
transition:color ease .2s
}
.tags-popup.content .content-main .section-list .list-search-filter input[type=text]:focus
{
outline:0;
box-shadow:1px 1px 5px 2px #0000004d
}
@media screen and (max-width: 1200px)
{
.tags-popup.content .content-main .section-list .list-search-filter input[type=text]
{
width:160px
}

}
.tags-popup.content .content-main .section-list .list-search-filter ::-webkit-input-placeholder
{
font-size:14px;
font-weight:700;
color:#c5c4c4
}
.tags-popup.content .content-main .section-list .list-search-filter ::-moz-placeholder
{
font-size:14px;
font-weight:700;
color:#c5c4c4;
opacity:0
}
.tags-popup.content .content-main .section-list .list-search-filter :-ms-input-placeholder
{
font-size:14px;
font-weight:700;
color:#c5c4c4
}
.tags-popup.content .content-main .section-list h3
{
display:block;
margin:0 0 0 30px;
padding:5px 12px;
font-size:16px;
color:#676869;
font-weight:400;
text-align:center
}
.tags-popup.content .content-main .section-list .section-list-items
{
margin:0;
padding:0;
list-style:none
}
.tags-popup.content .content-main .section-list .section-item
{
margin-bottom:2px;
cursor:pointer
}
.tags-popup.content .content-main .section-list .section-item:after
{
display:block;
content:"";
clear:both
}
.tags-popup.content .content-main .section-list .section-favourite
{
float:left;
width:24px;
height:24px;
text-align:center
}
.tags-popup.content .content-main .section-list .section-favourite img
{
margin-top:3px;
width:18px;
height:18px
}
.tags-popup.content .content-main .section-list .section-button
{
display:block;
margin-left:30px;
padding:0 12px;
color:#fff;
-webkit-user-select:none;
user-select:none;
text-align:center;
border:2px solid transparent;
transition:.1s border-color
}
.tags-popup.content .content-main .section-list .section-button.active,.tags-popup.content .content-main .section-list .section-button:hover
{
border-color:#000
}
.tags-popup.content .content-main .section-list .section-list-footer:after
{
display:block;
content:"";
clear:both
}
.tags-popup.content .content-main .section-list .section-list-footer .arrow-navigation
{
float:right;
margin-top:25px
}
.tags-popup.content .content-main .section-content
{
width:calc(100% - 290px);
min-width:450px;
height:100%;
padding:10px 0 0 10px;
display:inline-block;
vertical-align:top;
overflow-y:auto;
overflow-x:hidden
}
.tags-popup.content .content-main .section-content .section-content-title
{
text-align:center;
font-size:18px;
color:#fff;
margin-bottom:20px
}
.tags-popup.content .content-main .section-content .section-content-date
{
overflow:hidden
}
.tags-popup.content .content-main .section-content .section-content-date .mat-form-field
{
width:calc(50% - 22px)
}
.tags-popup.content .content-main .section-content .section-content-date .mat-form-field:first-child
{
margin-right:40px
}
.tags-popup.content .content-main .section-content .section-content-weekdays
{
margin-bottom:10px
}
.tags-popup.content .content-main .section-content .section-content-weekdays .mat-button-toggle-button
{
height:35px
}
.tags-popup.content .content-main .section-content .section-content-weekdays .section-content-weekdays-title
{
color:#7f7f7f;
font-size:14px;
font-weight:400;
margin-top:10px;
margin-bottom:3px
}
.tags-popup.content .content-main .section-content .section-content-weekdays .section-content-weekdays-list
{
display:inline-block
}
.tags-popup.content .content-main .section-content .section-content-weekdays .mat-button-toggle-label-content
{
padding:0 10px;
width:40px;
text-align:center;
line-height:0px!important;
padding:12px 10px 10px!important
}
.tags-popup.content .content-main .section-content .section-content-weekdays .mat-button-toggle-checked
{
color:#fff;
background-color:#4f81bd
}
.tags-popup.content .content-main .section-content .section-content-weekdays .mat-button-toggle-disabled
{
opacity:.5
}
.tags-popup.content .content-main .section-content .section-content-weekdays .section-content-weekdays-checkbox
{
display:inline-block;
margin-left:10px;
margin-top:10px
}
.tags-popup.content .content-main .section-content .section-content-duration .mat-form-field
{
margin-right:40px;
width:100px
}
.tags-popup.content .content-main .section-content .mat-input-element
{
font-size:18px
}
.tags-popup.content .content-main .section-content .mat-checkbox-layout .mat-checkbox-label
{
font-size:12px
}
.tags-popup.content .content-main .section-content .section-workday-selector
{
height:calc(100% - 120px);
overflow-y:hidden
}
.tags-popup.content .content-footer.action-buttons
{
padding:6px 0
}
.tags-popup.content .content-footer.action-buttons .action-save[disabled]
{
color:#fff;
background-color:#ef610a;
opacity:.5
}
.theme-saastime .tags-popup.content .content-footer.action-buttons .action-save[disabled]
{
background-color:#079c3a;
color:#fff
}
.section-content-weekdays+.section-workday-selector
{
height:calc(100% - 180px)!important
}
.deny-noavail-message
{
width:400px;
color:#676869;
position:absolute;
bottom:50px;
text-align:justify;
margin-left:40px
}
.warning-icon-popup
{
color:#ffa100;
font-size:18px;
margin-right:6px;
vertical-align:top
}
.quick-filter-footer-button
{
display:flex;
align-items:center;
justify-content:space-between
}
.cursor-move-dialog-icon-container
{
display:flex;
justify-content:flex-end
}
.cursor-move-dialog-icon
{
cursor:move;
color:#676869
}
.action-footer-buttons
{
display:flex;
align-items:center
}
.time-type .time-type-row-info
{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap
}
.time-type .time-type-row-info .time-type-name
{
width:235px;
padding-right:35px
}
.time-type .time-type-row-info .time-type-name .mat-form-field
{
width:auto;
min-width:200px
}
.time-type .time-type-row-info .time-type-prefix
{
width:170px;
padding-right:35px
}
.time-type .time-type-row-info .time-type-prefix .mat-form-field
{
max-width:135px
}
.time-type .time-type-row-info .time-type-code
{
width:170px;
padding-right:35px
}
.time-type .time-type-row-info .time-type-code .mat-form-field
{
max-width:135px
}
.time-type .time-type-row-kind
{
max-height:3000px;
transition:max-height .5s,padding .5s;
overflow-y:hidden;
padding:15px 0
}
.time-type .time-type-row-kind.special-kind
{
max-height:0px;
padding:0
}
.time-type .time-type-row-kind .time-type-kind-option
{
display:flex;
justify-content:flex-start;
padding-left:40px;
margin-bottom:2px
}
.time-type .time-type-row-kind .time-type-kind-option .mat-checkbox-inner-container
{
width:16px;
height:16px;
margin-bottom:2px
}
.time-type .time-type-row-kind .time-type-kind-option .time-type-kind-color
{
width:16px;
height:16px;
align-self:center;
margin-left:15px
}
.time-type .time-type-row-kind .time-type-kind-text-1,.time-type .time-type-row-kind .time-type-kind-text-2,.time-type .time-type-row-kind .time-type-kind-text-3
{
text-overflow:ellipsis;
white-space:nowrap;
overflow-x:hidden;
max-width:25%;
margin-left:10px
}
.time-type .time-type-row-kind .time-type-kind-text-1
{
width:90px
}
.time-type .time-type-row-kind .time-type-kind-text-2,.time-type .time-type-row-kind .time-type-kind-text-3
{
width:130px
}
.time-type .time-type-row-title
{
font-size:.7em;
border-bottom:1px solid #b6c3c2;
color:#676869;
margin:40px 0 20px 10px
}
.time-type .time-type-row-ending .time-type-checkbox
{
display:flex;
justify-content:flex-start;
padding-left:40px;
margin-bottom:10px
}
.time-type .time-type-row-ending .time-type-checkbox.extra-indent
{
padding-left:70px
}
.time-type .time-type-row-ending .time-type-checkbox .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.time-type .time-type-row-ending .time-type-checkbox .time-type-checkbox-text
{
margin-left:15px;
align-self:flex-end;
color:#676869
}
.time-type .time-type-row-ending .time-type-checkbox .time-type-max-days-text
{
width:75px;
margin-left:30px;
font-size:.7em;
align-self:center;
color:#676869
}
.time-type .time-type-row-ending .time-type-checkbox .mat-form-field
{
height:20px;
width:50px;
align-self:center
}
.time-type .time-type-row-ending .time-type-checkbox .mat-form-field .mat-form-field-wrapper
{
height:100%;
padding-bottom:0
}
.time-type .time-type-row-ending .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex
{
height:100%
}
.time-type .time-type-row-ending .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix
{
padding:0;
border:0;
height:100%
}
.time-type .time-type-row-ending .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-underline
{
bottom:0
}
.time-type .time-type-row-limitations .time-type-checkbox,.time-type .time-type-row-limitations .time-type-select
{
display:flex;
justify-content:flex-start;
padding-left:40px;
margin-bottom:15px
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-checkbox-inner-container,.time-type .time-type-row-limitations .time-type-select .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.time-type .time-type-row-limitations .time-type-checkbox .time-type-checkbox-text-1,.time-type .time-type-row-limitations .time-type-checkbox .time-type-checkbox-text-2,.time-type .time-type-row-limitations .time-type-checkbox .time-type-select-text,.time-type .time-type-row-limitations .time-type-select .time-type-checkbox-text-1,.time-type .time-type-row-limitations .time-type-select .time-type-checkbox-text-2,.time-type .time-type-row-limitations .time-type-select .time-type-select-text
{
align-self:flex-end;
color:#676869
}
.time-type .time-type-row-limitations .time-type-checkbox .time-type-checkbox-text-1,.time-type .time-type-row-limitations .time-type-select .time-type-checkbox-text-1
{
width:60px;
margin-left:15px
}
.time-type .time-type-row-limitations .time-type-checkbox .time-type-checkbox-text-2,.time-type .time-type-row-limitations .time-type-select .time-type-checkbox-text-2
{
width:40px;
margin-left:15px;
font-size:.7em;
align-self:center
}
.time-type .time-type-row-limitations .time-type-checkbox .time-type-select-text,.time-type .time-type-row-limitations .time-type-select .time-type-select-text
{
width:120px;
font-size:.7em;
align-self:center
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-form-field,.time-type .time-type-row-limitations .time-type-select .mat-form-field
{
height:20px
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-form-field .mat-form-field-wrapper,.time-type .time-type-row-limitations .time-type-select .mat-form-field .mat-form-field-wrapper
{
height:100%;
padding-bottom:0
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,.time-type .time-type-row-limitations .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-flex
{
height:100%
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix,.time-type .time-type-row-limitations .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix
{
padding:0;
border:0;
height:100%
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-underline,.time-type .time-type-row-limitations .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-underline
{
bottom:0
}
.time-type .time-type-row-limitations .time-type-checkbox .time-type-checkbox-error,.time-type .time-type-row-limitations .time-type-select .time-type-checkbox-error
{
font-size:.7em;
align-self:center;
color:red
}
.time-type .time-type-row-limitations .time-type-checkbox .mat-form-field
{
width:60px
}
.time-type .time-type-row-limitations .time-type-select
{
margin-top:20px
}
.time-type .time-type-row-valueformat .time-type-radiogroup
{
display:flex;
justify-content:flex-start;
padding-left:40px;
margin-bottom:15px;
float:left
}
.time-type .time-type-row-valueformat mat-radio-button
{
margin-right:40px
}
.time-type .time-type-row-valueformat .time-type-checkbox,.time-type .time-type-row-valueformat .time-type-select
{
display:flex;
justify-content:flex-start;
padding-left:10px;
margin-bottom:15px
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-checkbox-inner-container,.time-type .time-type-row-valueformat .time-type-select .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.time-type .time-type-row-valueformat .time-type-checkbox .time-type-checkbox-text,.time-type .time-type-row-valueformat .time-type-select .time-type-checkbox-text
{
align-self:flex-end;
color:#676869;
margin-left:15px
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-form-field,.time-type .time-type-row-valueformat .time-type-select .mat-form-field
{
height:20px
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-form-field .mat-form-field-wrapper,.time-type .time-type-row-valueformat .time-type-select .mat-form-field .mat-form-field-wrapper
{
height:100%;
padding-bottom:0
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,.time-type .time-type-row-valueformat .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-flex
{
height:100%
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix,.time-type .time-type-row-valueformat .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix
{
padding:0;
border:0;
height:100%
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-underline,.time-type .time-type-row-valueformat .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-underline
{
bottom:0
}
.time-type .time-type-row-valueformat .time-type-checkbox .time-type-checkbox-error,.time-type .time-type-row-valueformat .time-type-select .time-type-checkbox-error
{
font-size:.7em;
align-self:center;
color:red
}
.time-type .time-type-row-valueformat .time-type-checkbox .mat-form-field
{
width:60px
}
.time-type .time-type-row-valueformat .time-type-select
{
margin-top:20px
}
.time-type .time-type-row-restrictions .time-type-radiogroup
{
width:100%;
display:flex;
justify-content:flex-start;
padding-left:70px;
margin-bottom:15px;
float:left
}
.time-type .time-type-row-restrictions mat-radio-button
{
margin-right:40px
}
.time-type .time-type-row-restrictions .time-type-checkbox,.time-type .time-type-row-restrictions .time-type-select
{
display:flex;
justify-content:flex-start;
padding-left:40px;
margin-bottom:15px
}
.time-type .time-type-row-restrictions .time-type-checkbox.extra-indent,.time-type .time-type-row-restrictions .time-type-select.extra-indent
{
padding-left:70px
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-checkbox-inner-container,.time-type .time-type-row-restrictions .time-type-select .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.time-type .time-type-row-restrictions .time-type-checkbox .time-type-checkbox-text,.time-type .time-type-row-restrictions .time-type-select .time-type-checkbox-text
{
align-self:flex-end;
color:#676869;
margin-left:15px;
margin-right:10px
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-form-field,.time-type .time-type-row-restrictions .time-type-select .mat-form-field
{
height:20px
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-form-field .mat-form-field-wrapper,.time-type .time-type-row-restrictions .time-type-select .mat-form-field .mat-form-field-wrapper
{
height:100%;
padding-bottom:0
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex,.time-type .time-type-row-restrictions .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-flex
{
height:100%
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix,.time-type .time-type-row-restrictions .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix
{
padding:0;
border:0;
height:100%
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-form-field .mat-form-field-wrapper .mat-form-field-underline,.time-type .time-type-row-restrictions .time-type-select .mat-form-field .mat-form-field-wrapper .mat-form-field-underline
{
bottom:0
}
.time-type .time-type-row-restrictions .time-type-checkbox .time-type-checkbox-error,.time-type .time-type-row-restrictions .time-type-select .time-type-checkbox-error
{
font-size:.7em;
align-self:center;
color:red
}
.time-type .time-type-row-restrictions .time-type-checkbox .mat-form-field
{
width:60px
}
.time-type .time-type-row-restrictions .time-type-select
{
margin-top:20px
}
.time-type-select-option-color-box
{
background-color:#9bbb59;
width:16px;
height:16px;
margin-right:10px;
vertical-align:text-bottom;
display:inline-block
}
.time-type-incidence
{
color:#00f
}
.time-type-incidence .time-type-select-option-color-box
{
border:1px solid black
}
.time-type-incidence .mat-select-value
{
color:#00f
}
.mat-select.with-color
{
width:calc(100% - 30px)
}
.delete-icon-disabled
{
vertical-align:middle;
color:#c0c0be
}
.delete-icon
{
vertical-align:middle;
color:gray;
cursor:pointer
}
.delete-icon:hover
{
color:#686868
}
.notapply-option
{
margin-left:28px
}
.workplace .workplace-row-info
{
display:block;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap
}
.workplace .workplace-row-info .workplace-name
{
width:260px;
padding-right:35px
}
.workplace .workplace-row-info .workplace-name .mat-form-field
{
width:auto;
min-width:280px
}
.workplace .workplace-row-info .workplace-prefix
{
width:170px;
padding-right:35px
}
.workplace .workplace-row-info .workplace-prefix .mat-form-field
{
max-width:180px
}
.workplace .workplace-row-info .workplace-ccc
{
width:170px;
padding-right:35px
}
.workplace .workplace-row-info .workplace-ccc .mat-form-field
{
max-width:180px
}
.workplace .workplace-row-info .workplace-empresa
{
width:260px;
padding-right:35px
}
.workplace .workplace-row-info .workplace-empresa .mat-form-field
{
min-width:280px
}
.workplace .workplace-row-info .workplace-cif
{
width:170px;
padding-right:35px
}
.workplace .workplace-row-info .workplace-cif .mat-form-field
{
max-width:180px
}
.timeline-indicators:after
{
display:block;
content:"";
clear:both
}
.timeline-indicators>div
{
float:left;
text-align:left;
width:4.16666%;
font-size:10px;
font-weight:700;
color:#ccc;
cursor:default
}
.timeline-indicators>div>span
{
display:inline-block;
margin-left:-.3em
}
.timeline
{
position:relative;
height:12px
}
.timeline:after
{
display:block;
content:"";
clear:both
}
.timeline.big
{
height:30px
}
.timeline-interval
{
float:left;
height:100%
}
.timeline-overlay
{
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
z-index:5
}
.big>.timeline-overlay
{
height:100%
}
.timeline-overlay-underline
{
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
z-index:5
}
.big>.timeline-overlay-underline
{
height:6px
}
.timeline-separators>span
{
position:absolute;
top:0;
width:1px;
height:100%;
background-color:#fff;
z-index:10
}
.timeline-separators>span:nth-child(1)
{
left:4.1666%
}
.timeline-separators>span:nth-child(2)
{
left:8.3332%
}
.timeline-separators>span:nth-child(3)
{
left:12.4998%
}
.timeline-separators>span:nth-child(4)
{
left:16.6664%
}
.timeline-separators>span:nth-child(5)
{
left:20.833%
}
.timeline-separators>span:nth-child(6)
{
left:24.9996%
}
.timeline-separators>span:nth-child(7)
{
left:29.1662%
}
.timeline-separators>span:nth-child(8)
{
left:33.3328%
}
.timeline-separators>span:nth-child(9)
{
left:37.4994%
}
.timeline-separators>span:nth-child(10)
{
left:41.666%
}
.timeline-separators>span:nth-child(11)
{
left:45.8326%
}
.timeline-separators>span:nth-child(12)
{
left:49.9992%
}
.timeline-separators>span:nth-child(13)
{
left:54.1658%
}
.timeline-separators>span:nth-child(14)
{
left:58.3324%
}
.timeline-separators>span:nth-child(15)
{
left:62.499%
}
.timeline-separators>span:nth-child(16)
{
left:66.6656%
}
.timeline-separators>span:nth-child(17)
{
left:70.8322%
}
.timeline-separators>span:nth-child(18)
{
left:74.9988%
}
.timeline-separators>span:nth-child(19)
{
left:79.1654%
}
.timeline-separators>span:nth-child(20)
{
left:83.332%
}
.timeline-separators>span:nth-child(21)
{
left:87.4986%
}
.timeline-separators>span:nth-child(22)
{
left:91.6652%
}
.timeline-separators>span:nth-child(23)
{
left:95.8318%
}
.timeline-grid-time-indicators .black
{
color:#474747
}
.timeline-grid-timeline
{
transform:scale(1)
}
.timeline-grid-timeline .timeline-layer
{
position:absolute;
width:100%;
height:12px;
top:6px
}
.timeline-grid-timeline .timeline-layer.timeline-layer-background
{
background-color:#eeeded
}
.timeline-grid-timeline .timeline-layer .timeline-separators-item
{
display:inline-block;
width:4.1666%;
height:100%;
float:left;
border-right:1px solid white
}
.workday-schedule
{
position:relative
}
.workday-schedule-field-group
{
margin-right:115px;
margin-bottom:10px;
min-height:140px
}
.workday-schedule-field-group:after
{
display:block;
content:"";
clear:both
}
.workday-schedule-field
{
float:left;
padding-right:30px
}
.workday-schedule-field.width-40
{
width:40%
}
.workday-schedule-field.width-60
{
width:60%
}
.workday-schedule-field.width-20
{
width:20%;
min-width:160px
}
.workday-schedule-field .mat-form-field
{
width:100%
}
.workday-schedule-color
{
position:absolute;
top:0;
right:0;
width:115px;
height:-moz-fit-content;
height:fit-content
}
.workday-schedule-color-label
{
font-size:10px;
font-weight:700;
color:#9a9a9a;
margin-bottom:1em
}
.workday-schedule-color-more
{
position:absolute;
right:-5px;
top:-14px
}
.workday-schedule-color-more .material-icons
{
display:block;
font-size:20px
}
.workday-schedule-radio-group
{
margin-bottom:12px
}
.workday-schedule-radio-item
{
margin-bottom:2px
}
.workday-schedule-timeline
{
margin-bottom:15px
}
.workday-schedule-timeline-header
{
margin-bottom:4px
}
.workday-schedule-timeline-day
{
margin-bottom:5px
}
.workday-schedule-intervals-and-breaks
{
margin-bottom:36px
}
.workday-schedule-intervals-and-breaks:after
{
display:block;
content:"";
clear:both
}
.workday-schedule-intervals
{
float:left;
width:60%;
padding-right:40px;
padding-bottom:20px
}
.workday-schedule-intervals h3
{
margin:0 0 .4em;
font-size:10px;
color:#9a9a9a
}
@media screen and (max-width: 1200px)
{
.workday-schedule-intervals
{
float:left;
width:100%;
padding-right:0
}

}
.workday-schedule-breaks-list,.workday-schedule-intervals-list
{
display:table;
width:100%;
border-collapse:collapse
}
.workday-schedule-interval-start,.workday-schedule-interval-end,.workday-schedule-interval-break-start,.workday-schedule-interval-break-end
{
font-size:10px;
color:#9a9a9a
}
.workday-schedule-interval-start
{
width:30px
}
.workday-schedule-interval-end
{
width:38px
}
.workday-schedule-interval-break-start
{
width:45px
}
.workday-schedule-interval-break-end
{
width:42px
}
.workday-schedule-interval
{
display:table-row;
border-bottom:1px solid #c6c6c6
}
.workday-schedule-interval:first-child
{
border-top:1px solid #c6c6c6
}
.workday-schedule-interval>div
{
display:table-cell;
vertical-align:middle;
height:40px
}
.workday-schedule-interval .mat-select-trigger
{
min-width:70px!important;
font-size:14px!important
}
.workday-schedule-interval-icon
{
color:#b6c3c2;
cursor:default;
-webkit-user-select:none;
user-select:none;
width:37px
}
.workday-schedule-interval-icon .material-icons
{
display:block;
font-size:28px;
padding-right:3px
}
.workday-schedule-interval-color
{
width:35px;
padding-left:5px
}
.workday-schedule-interval-type
{
font-size:14px;
width:85px!important
}
.workday-schedule-interval-type.editor-mode
{
padding-top:0;
padding-bottom:2px
}
.workday-schedule-interval-minute>mat-form-field>.mat-input-wrapper
{
padding-top:6px;
margin:auto
}
.workday-schedule-interval-minute * .mat-form-field-infix
{
border-top:0px!important;
padding-bottom:0
}
.workday-schedule-interval-edit
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px
}
.workday-schedule-interval-edit a
{
display:inline-block
}
.workday-schedule-interval-edit .material-icons
{
display:block;
font-size:20px
}
.workday-schedule-interval-edit .material-icons:hover
{
color:#676869
}
.workday-schedule-interval-delete
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px
}
.workday-schedule-interval-delete a
{
display:inline-block
}
.workday-schedule-interval-delete .material-icons
{
display:block;
font-size:20px
}
.workday-schedule-interval-delete .material-icons:hover
{
color:#676869
}
.workday-schedule-interval-check
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px
}
.workday-schedule-interval-check a
{
display:inline-block
}
.workday-schedule-interval-check .material-icons
{
font-weight:600;
display:block;
font-size:20px
}
.workday-schedule-interval-check .material-icons:hover
{
color:green
}
.workday-schedule-interval-cancel
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none;
width:20px
}
.workday-schedule-interval-cancel a
{
display:inline-block
}
.workday-schedule-interval-cancel .material-icons
{
font-weight:600;
display:block;
font-size:20px
}
.workday-schedule-interval-cancel .material-icons:hover
{
color:#676869
}
.workday-schedule-interval .mat-form-field .mat-form-field-wrapper
{
padding-bottom:0
}
.workday-schedule-interval .mat-form-field .mat-form-field-infix
{
border:0;
width:auto
}
.workday-schedule-interval .mat-form-field .mat-form-field-underline
{
bottom:0
}
.workday-schedule-intervals-add
{
margin:0 0 0 -6px
}
.workday-schedule-breaks
{
float:left;
width:40%;
margin-bottom:20px
}
.workday-schedule-breaks h3
{
margin:0 0 .4em;
font-size:10px;
color:#9a9a9a
}
@media screen and (max-width: 1200px)
{
.workday-schedule-breaks
{
float:left;
width:100%
}

}
.workday-schedule-break
{
display:table-row;
border-bottom:1px solid #c6c6c6
}
.workday-schedule-break:first-child
{
border-top:1px solid #c6c6c6
}
.workday-schedule-break-table
{
display:table;
width:100%;
table-layout:fixed
}
.workday-schedule-break-table>div
{
display:table-cell;
vertical-align:middle;
height:40px
}
.workday-schedule-break-icon
{
width:40px;
color:#b6c3c2;
cursor:default;
-webkit-user-select:none;
user-select:none
}
.workday-schedule-break-icon .material-icons
{
font-size:28px;
display:block
}
.workday-schedule-break-start
{
width:95px
}
.workday-schedule-break-end
{
width:113px
}
.workday-schedule-break-delete
{
color:#b6c3c2;
text-align:right;
-webkit-user-select:none;
user-select:none
}
.workday-schedule-break-delete a
{
display:inline-block
}
.workday-schedule-break-delete .material-icons
{
display:block
}
.workday-schedule-break-type
{
padding-left:40px;
padding-bottom:8px
}
.workday-schedule-break-type mat-radio-button
{
margin-right:20px
}
.workday-schedule-break-type mat-checkbox
{
margin-right:20px;
display:block
}
.workday-schedule-break-type .mat-checkbox-inner-container
{
width:16px;
height:16px
}
.workday-schedule-breaks-add
{
margin:0 0 0 -6px
}
.add-button .material-icons
{
font-size:28px
}
.add-button-time-type .material-icons
{
font-size:22px
}
.action-buttons:after
{
display:block;
content:"";
clear:both
}
.action-buttons .mat-raised-button
{
float:right;
font-size:11px;
border-radius:4px;
line-height:29px;
box-shadow:none
}
.workday-selector-dialog
{
height:500px;
max-height:90vh;
overflow:hidden;
position:relative
}
.workday-selector-dialog .content-main
{
height:460px;
max-height:calc(90vh - 40px);
padding:0;
min-width:470px;
overflow-y:hidden
}
.workday-selector-dialog .content-footer.action-buttons
{
padding:6px 0;
border-bottom:0
}
.workday-selector-dialog .content-footer.action-buttons .mat-primary[disabled]
{
color:#fff;
background-color:#ef610a;
opacity:.5
}
.theme-saastime .workday-selector-dialog .content-footer.action-buttons .mat-primary[disabled]
{
background-color:#079c3a;
color:#fff
}
.calendar-exception-dialog
{
overflow:hidden;
position:relative
}
.calendar-exception-dialog .content-main
{
padding:0;
min-width:470px;
overflow-y:hidden
}
.calendar-exception-dialog .content-footer.action-buttons
{
padding:6px 0;
border-bottom:0
}
.workday-selector
{
height:100%
}
.workday-selector .workday-selector-filter-container
{
display:inline-flex
}
.workday-selector .workday-selector-filter-container .material-icons
{
font-size:17px;
color:#9a9a9a
}
.workday-selector .workday-selector-filter-container .workday-selector-filter-text
{
min-width:100px;
display:inline-flex;
cursor:pointer;
font-size:14px;
color:#9a9a9a;
font-weight:700;
margin:auto auto auto 6px;
line-height:24px
}
.workday-selector .workday-selector-filter-container .mat-form-field
{
margin-left:30px
}
.workday-selector .workday-selector-filter-container .mat-form-field .workday-selector-filter-input
{
font-size:14px
}
.workday-selector .workday-selector-list-container
{
height:calc(100% - 65px);
overflow-y:auto
}
.workday-selector .workday-selector-list-container .workday-selector-list
{
list-style:none;
margin:0;
padding:0
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item
{
height:19px;
margin-right:12px;
cursor:pointer
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item:after
{
display:block;
content:"";
clear:both
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item .workday-selector-item-prefix
{
display:inline-block;
vertical-align:top;
width:130px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
height:19px;
font-size:11px;
font-weight:700;
color:#474747
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item .workday-selector-item-button
{
display:inline-block;
vertical-align:top;
width:calc(100% - 140px);
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
height:19px;
font-size:11px;
font-weight:700;
color:#434343;
-webkit-user-select:none;
user-select:none
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item.active
{
background-color:#e9e5dd;
border-radius:3px
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item.active:hover
{
background-color:#e3dfd8;
border-radius:3px
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item:hover
{
background-color:#f4f0ea;
border-radius:3px
}
.workday-selector .workday-selector-list-container .workday-selector-list .workday-selector-item:hover .workday-selector-item-button
{
padding:0
}
.requests-content .content-filter
{
line-height:40px;
border-bottom:1px solid #c6c6c6
}
.requests-item
{
background-color:#f4f0ea!important
}
.theme-saastime .requests-item,.theme-saastime .dashboard-context-list-filters-area
{
background-color:#e4e4e4!important
}
.shift-id-selector
{
color:#ef610a
}
.theme-saastime .shift-id-selector
{
color:#079c3a
}
.shift-id-selector .mat-select-disabled .mat-select-value,.shift-id-selector .mat-select-arrow,.shift-id-selector .mat-input-placeholder
{
color:#ef610a!important
}
.theme-saastime .shift-id-selector .mat-select-disabled .mat-select-value,.theme-saastime .shift-id-selector .mat-select-arrow,.theme-saastime .shift-id-selector .mat-input-placeholder
{
color:#079c3a!important
}
.shift-id-selector .mat-select-value
{
color:unset
}
.shift-id-selector .mat-input-underline,.shift-id-selector .mat-form-field-ripple
{
background-color:#ef610a!important
}
.theme-saastime .shift-id-selector .mat-input-underline,.theme-saastime .shift-id-selector .mat-form-field-ripple
{
background-color:#079c3a!important
}
.reload
{
color:#ef610a
}
.theme-saastime .reload
{
color:#079c3a
}
.year-button.mat-raised-button,.month-button.mat-raised-button,.day-button.mat-raised-button
{
background-color:#ef610a
}
.theme-saastime .year-button.mat-raised-button,.theme-saastime .month-button.mat-raised-button,.theme-saastime .day-button.mat-raised-button
{
background-color:#079c3a
}
.theme-saastime .navbar-themed
{
background-color:#2f2f2f!important;
color:#fff!important
}
.theme-saastime horamatic-system-clock text
{
fill:#fff!important
}
.theme-saastime horamatic-system-clock .clockDot
{
fill:#fff!important
}
.theme-saastime horamatic-system-clock .clockArc
{
stroke:#0f9c3a!important
}
@-moz-document url-prefix()
{
body
{
scrollbar-color:#f4f0ea #c5beb0
}
::-webkit-scrollbar-track
{
background:#f4f0ea!important
}
::-webkit-scrollbar-thumb
{
background:#c5beb0!important
}
::-webkit-scrollbar-thumb:hover
{
background:#676869!important
}

}
::-webkit-scrollbar
{
background-color:transparent;
height:10px;
width:10px
}
::-webkit-scrollbar-track
{
background-color:#c5beb0;
border-radius:5px
}
::-webkit-scrollbar-track-piece
{
background-color:transparent
}
::-webkit-scrollbar-thumb
{
background-color:#f4f0ea;
border-radius:5px
}
::-webkit-scrollbar-thumb:hover
{
background-color:#676869
}
::-webkit-scrollbar-corner
{
background-color:transparent
}
.float-period-master a
{
position:relative
}
.float-period-master a .float-period
{
position:absolute;
top:0;
left:0%;
transform:translateY(-100%)
}
@media (min-width: 1600px)
{
.float-period-master a .float-period
{
top:0;
left:0%;
transform:translateY(-100%)
}

}
.vacations-diary-tooltip-requested
{
font-weight:700;
color:red
}
.vacations-diary-tooltip-allowed
{
font-weight:700;
color:#00f
}
.cdk-global-overlay-wrapper,.cdk-overlay-container
{
pointer-events:none;
top:0;
left:0;
height:100%;
width:100%
}
.cdk-overlay-container
{
position:fixed;
z-index:1000
}
.cdk-overlay-container:empty
{
display:none
}
.cdk-global-overlay-wrapper
{
display:flex;
position:absolute;
z-index:1000
}
.cdk-overlay-pane
{
position:absolute;
pointer-events:auto;
box-sizing:border-box;
z-index:1000;
display:flex;
max-width:100%;
max-height:100%
}
.cdk-overlay-backdrop
{
position:absolute;
inset:0;
z-index:1000;
pointer-events:auto;
-webkit-tap-highlight-color:transparent;
transition:opacity .4s cubic-bezier(.25,.8,.25,1);
opacity:0
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing
{
opacity:1
}
@media screen and (-ms-high-contrast: active)
{
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing
{
opacity:.6
}

}
.cdk-overlay-dark-backdrop
{
background:rgba(0,0,0,.288)
}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing
{
opacity:0
}
.cdk-overlay-connected-position-bounding-box
{
position:absolute;
z-index:1000;
display:flex;
flex-direction:column;
min-width:1px;
min-height:1px
}
.cdk-global-scrollblock
{
position:fixed;
width:100%;
overflow-y:scroll
}
.owl-dialog-container
{
position:relative;
pointer-events:auto;
box-sizing:border-box;
display:block;
padding:1.5em;
box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
border-radius:2px;
overflow:auto;
background:#fff;
color:#000000de;
width:100%;
height:100%;
outline:0
}
.owl-dt-container,.owl-dt-container *
{
box-sizing:border-box
}
.owl-dt-container
{
display:block;
font-size:16px;
font-size:1rem;
background:#fff;
pointer-events:auto;
z-index:1000
}
.owl-dt-container-row
{
border-bottom:1px solid rgba(0,0,0,.12)
}
.owl-dt-container-row:last-child
{
border-bottom:none
}
.owl-dt-calendar
{
display:flex;
flex-direction:column;
width:100%
}
.owl-dt-calendar-control
{
display:flex;
align-items:center;
font-size:1em;
width:100%;
padding:.5em;
color:#000
}
.owl-dt-calendar-control .owl-dt-calendar-control-content
{
flex:1 1 auto;
display:flex;
justify-content:center;
align-items:center
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button
{
padding:0 .8em
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover
{
background-color:#0000001f
}
.owl-dt-calendar-main
{
display:flex;
flex-direction:column;
flex:1 1 auto;
padding:0 .5em .5em;
outline:0
}
.owl-dt-calendar-view
{
display:block;
flex:1 1 auto
}
.owl-dt-calendar-multi-year-view
{
display:flex;
align-items:center
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table
{
width:calc(100% - 3em)
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th
{
padding-bottom:.25em
}
.owl-dt-calendar-table
{
width:100%;
border-collapse:collapse;
border-spacing:0
}
.owl-dt-calendar-table .owl-dt-calendar-header
{
color:#0006
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th
{
font-size:.7em;
font-weight:400;
text-align:center;
padding-bottom:1em
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider
{
position:relative;
height:1px;
padding-bottom:.5em
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after
{
content:"";
position:absolute;
top:0;
left:-.5em;
right:-.5em;
height:1px;
background:rgba(0,0,0,.12)
}
.owl-dt-calendar-table .owl-dt-calendar-cell
{
position:relative;
height:0;
line-height:0;
text-align:center;
outline:0;
color:#000000d9;
-webkit-appearance:none;
-webkit-tap-highlight-color:transparent
}
.owl-dt-calendar-table .owl-dt-calendar-cell-content
{
position:absolute;
top:5%;
left:5%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
width:90%;
height:90%;
font-size:.8em;
line-height:1;
border:1px solid transparent;
border-radius:999px;
color:inherit;
cursor:pointer
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out
{
opacity:.2
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected)
{
border-color:#0006
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected
{
color:#ffffffd9;
background-color:#3f51b5
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today
{
box-shadow:inset 0 0 0 1px #ffffffd9
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled
{
cursor:default
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected)
{
color:#0006
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected
{
opacity:.4
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected)
{
border-color:#0003
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected)
{
background-color:#0000000a
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range
{
background:rgba(63,81,181,.2)
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from
{
border-top-left-radius:999px;
border-bottom-left-radius:999px
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to
{
border-top-right-radius:999px;
border-bottom-right-radius:999px
}
.owl-dt-timer
{
display:flex;
justify-content:center;
width:100%;
height:7em;
padding:.5em;
outline:0
}
.owl-dt-timer-box
{
position:relative;
display:inline-flex;
flex-direction:column;
align-items:center;
width:25%;
height:100%
}
.owl-dt-timer-content
{
flex:1 1 auto;
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:.2em 0
}
.owl-dt-timer-content .owl-dt-timer-input
{
display:block;
width:2em;
text-align:center;
border:1px solid rgba(0,0,0,.5);
border-radius:3px;
outline:medium none;
font-size:1.2em;
padding:.2em
}
.owl-dt-timer-divider
{
display:inline-block;
align-self:flex-end;
position:absolute;
width:.6em;
height:100%;
left:-.3em
}
.owl-dt-timer-divider:after,.owl-dt-timer-divider:before
{
content:"";
display:inline-block;
width:.35em;
height:.35em;
position:absolute;
left:50%;
border-radius:50%;
transform:translate(-50%);
background-color:currentColor
}
.owl-dt-timer-divider:before
{
top:35%
}
.owl-dt-timer-divider:after
{
bottom:35%
}
.owl-dt-control-button
{
-webkit-user-select:none;
user-select:none;
cursor:pointer;
outline:0;
border:none;
-webkit-tap-highlight-color:transparent;
display:inline-block;
white-space:nowrap;
text-decoration:none;
vertical-align:baseline;
margin:0;
padding:0;
background-color:transparent;
font-size:1em;
color:inherit
}
.owl-dt-control-button .owl-dt-control-button-content
{
position:relative;
display:inline-flex;
justify-content:center;
align-items:center;
outline:0
}
.owl-dt-control-period-button .owl-dt-control-button-content
{
height:1.5em;
padding:0 .5em;
border-radius:3px;
transition:background-color .1s linear
}
.owl-dt-control-period-button:hover>.owl-dt-control-button-content
{
background-color:#0000001f
}
.owl-dt-control-period-button .owl-dt-control-button-arrow
{
display:flex;
justify-content:center;
align-items:center;
width:1em;
height:1em;
margin:.1em;
transition:transform .2s ease
}
.owl-dt-control-arrow-button .owl-dt-control-button-content
{
padding:0;
border-radius:50%;
width:1.5em;
height:1.5em
}
.owl-dt-control-arrow-button[disabled]
{
color:#0006;
cursor:default
}
.owl-dt-control-arrow-button svg
{
width:50%;
height:50%;
fill:currentColor
}
.owl-dt-inline-container,.owl-dt-popup-container
{
position:relative;
width:18.5em;
box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}
.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer
{
width:100%
}
.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar
{
height:20.25em
}
.owl-dt-dialog-container
{
max-height:95vh;
margin:-1.5em
}
.owl-dt-dialog-container .owl-dt-calendar
{
min-width:250px;
min-height:330px;
max-width:750px;
max-height:750px
}
.owl-dt-dialog-container .owl-dt-timer
{
min-width:250px;
max-width:750px
}
@media all and (orientation: landscape)
{
.owl-dt-dialog-container .owl-dt-calendar
{
width:58vh;
height:62vh
}
.owl-dt-dialog-container .owl-dt-timer
{
width:58vh
}

}
@media all and (orientation: portrait)
{
.owl-dt-dialog-container .owl-dt-calendar
{
width:80vw;
height:80vw
}
.owl-dt-dialog-container .owl-dt-timer
{
width:80vw
}

}
.owl-dt-container-buttons
{
display:flex;
width:100%;
height:2em;
color:#3f51b5
}
.owl-dt-container-control-button
{
font-size:1em;
width:50%;
height:100%;
border-radius:0
}
.owl-dt-container-control-button .owl-dt-control-button-content
{
height:100%;
width:100%;
transition:background-color .1s linear
}
.owl-dt-container-control-button:hover .owl-dt-control-button-content
{
background-color:#0000001a
}
.owl-dt-container-info
{
padding:0 .5em;
cursor:pointer;
-webkit-tap-highlight-color:transparent
}
.owl-dt-container-info .owl-dt-container-range
{
outline:0
}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content
{
display:flex;
justify-content:space-between;
padding:.5em 0;
font-size:.8em
}
.owl-dt-container-info .owl-dt-container-range:last-child
{
border-top:1px solid rgba(0,0,0,.12)
}
.owl-dt-container-info .owl-dt-container-info-active
{
color:#3f51b5
}
.owl-dt-container-disabled,.owl-dt-trigger-disabled
{
opacity:.35;
filter:Alpha(Opacity=35);
background-image:none;
cursor:default!important
}
.owl-dt-timer-hour12
{
display:flex;
justify-content:center;
align-items:center;
color:#3f51b5
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box
{
border:1px solid currentColor;
border-radius:2px;
transition:background .2s ease
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content
{
width:100%;
height:100%;
padding:.5em
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content
{
background:#3f51b5;
color:#fff
}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out
{
visibility:hidden;
cursor:default
}
.owl-dt-inline
{
display:inline-block
}
.owl-dt-control
{
outline:0;
cursor:pointer
}
.owl-dt-control .owl-dt-control-content
{
outline:0
}
.owl-dt-control:focus>.owl-dt-control-content
{
background-color:#0000001f
}
.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content
{
box-shadow:none
}
.owl-hidden-accessible
{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}