html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.lc-wrapper {
    display: table;
    min-width: 100%;
    padding-right: 1rem;
    margin-right: -1rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .lc-wrapper {
        padding-right:4rem;
        margin-right: -4rem
    }
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) body:not(.nav-menu-secondary-narrow) .lc-wrapper {
        padding-right:13rem;
        margin-right: -13rem
    }
}

.lc-wrapper .lc {
    display: table;
    min-width: calc(100% - 1rem)
}

.lc-wrapper .lc>.lch .actions {
    float: none;
    position: absolute;
    right: 5rem
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) body:not(.nav-menu-secondary-narrow) .lc-wrapper .lc>.lch .actions {
        right:14rem
    }
}

.lc-wrapper .lc .lc-wrapper {
    display: block;
    min-width: 0;
    padding: 0;
    margin: 0
}

.lc-wrapper .lc .lc-wrapper .lc {
    display: block;
    min-width: 0
}

.lc {
    margin-top: 1.5rem
}

.lc.lc_mobile {
    margin-top: 0.25rem
}

.lc>.lch {
    margin-top: 1rem;
    min-height: 2rem;
    border-collapse: separate;
    padding: 0 1rem
}

.lc>.lch .c {
    font-size: 1.5rem;
    padding-bottom: 1rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .lc>.lch .c {
        display:inline-block
    }
}

.lc>.lch .actions {
    float: right;
    margin-top: 0.25rem
}

@media print {
    .lc>.lch .actions {
        display: none
    }
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .lc>.lch .actions>a {
        float:right
    }

    .lc>.lch .actions>button {
        position: inherit
    }
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .lc>.lch .actions .pagination {
        clear:both
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .lc>.lch .actions .pagination {
        display:inline-block
    }
}

.lc>.lch .actions .pagination>* {
    vertical-align: middle
}

.lc>.lch .actions .pagination>span {
    color: rgba(0,0,0,0.54);
    margin: 0 1em;
    font-size: 90%;
    font-weight: 500
}

@media print {
    .lc>.lch .actions .pagination button,.lc>.lch .actions .pagination a {
        display: none
    }
}

.lc .lcf {
    text-align: right;
    line-height: 3.5rem;
    padding-right: 1rem
}

.lc .lcf>* {
    vertical-align: middle
}

.lc .lcf>span {
    color: rgba(0,0,0,0.54);
    margin: 0 1em;
    font-size: 90%;
    font-weight: 500
}

@media print {
    .lc .lcf button,.lc .lcf a {
        display: none
    }
}

.lc table.ibody thead>tr:first-child>td:not(.emptyCell),.lc table.ibody thead>tr.header>td:not(.emptyCell),.lc table.ibody thead>tr.header1>td:not(.emptyCell),.lc table.ibody thead>tr.header2>td:not(.emptyCell),.lc table.ibody thead>tr.header-filters>td:not(.emptyCell),.lc table.ibody>tbody>tr>td:not(.emptyCell) {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

@media print {
    .lc table.ibody thead>tr:first-child>td:not(.emptyCell),.lc table.ibody thead>tr.header>td:not(.emptyCell),.lc table.ibody thead>tr.header1>td:not(.emptyCell),.lc table.ibody thead>tr.header2>td:not(.emptyCell),.lc table.ibody thead>tr.header-filters>td:not(.emptyCell),.lc table.ibody>tbody>tr>td:not(.emptyCell) {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }
}

.lc table.ibody thead>tr:first-child>td.emptyCell,.lc table.ibody thead>tr.header>td.emptyCell,.lc table.ibody thead>tr.header1>td.emptyCell,.lc table.ibody thead>tr.header2>td.emptyCell,.lc table.ibody thead>tr.header-filters>td.emptyCell,.lc table.ibody>tbody>tr>td.emptyCell {
    padding: 0;
    width: 0
}

.lc table.ibody {
    width: 100%;
    background-color: white
}

.lc table.ibody,.lc table.ibody * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lc table.ibody thead {
    top: 3rem;
    z-index: 803;
    color: rgba(0,0,0,0.54);
    background-color: #eee
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .lc table.ibody thead {
        top:5rem
    }
}

.ibody:not(.dataTable) .lc table.ibody thead {
    border: 0 solid rgba(0,0,0,0.087);
    border-bottom-width: 1px;
    border-top-width: 1px
}

.lc table.ibody thead i.icon-help {
    height: 16px;
    background-color: white;
    color: #9e9e9e
}

.lc table.ibody thead>tr.header-filters {
    background-color: #eee
}

@media print {
    .lc table.ibody thead>tr.header-filters {
        display: none
    }
}

.lc table.ibody thead>tr.header-filters input,.lc table.ibody thead>tr.header-filters .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody thead>tr.header-filters input#description:hover,.lc table.ibody thead>tr.header-filters select,.lc table.ibody thead>tr.header-filters div.pq-select-button,.lc table.ibody thead>tr.header-filters .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody thead>tr.header-filters select#periode:hover {
    margin: 5px 0;
    width: 100%;
    font-size: .89rem;
    height: 1.78rem;
    line-height: 1
}

.lc table.ibody thead>tr.header-filters input.active,.lc table.ibody thead>tr.header-filters .expenseReport>.content .title .principal>.container>div input.active#description:hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody thead>tr.header-filters input.active#description:hover,.lc table.ibody thead>tr.header-filters select.active,.lc table.ibody thead>tr.header-filters div.active.pq-select-button,.lc table.ibody thead>tr.header-filters .expenseReport>.content .title .principal>.container>div select.active#periode:hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody thead>tr.header-filters select.active#periode:hover {
    background-color: #FFFCC9
}

.lc table.ibody thead>tr.header-filters input[type=search],.lc table.ibody thead>tr.header-filters .expenseReport>.content .title .principal>.container>div input[type=search]#description:hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody thead>tr.header-filters input[type=search]#description:hover {
    background-image: none;
    padding-left: 0.15rem
}

.lc table.ibody thead>tr.header>td {
    padding: 0 0.3rem
}

.lc table.ibody thead>tr.header>td[rowspan="2"] {
    padding-top: 2.5rem
}

.lc table.ibody thead>tr.header>td[colspan]:not([colspan="1"]) {
    border-left: solid 1px rgba(0,0,0,0.087);
    border-right: solid 1px rgba(0,0,0,0.087);
    vertical-align: middle
}

.lc table.ibody thead>tr.header>td.bulk-actions-menuBtn {
    white-space: nowrap
}

@media print {
    .lc table.ibody thead>tr.header>td.bulk-actions-menuBtn {
        display: none
    }
}

.lc table.ibody thead>tr.header>td.bulk-actions-menuBtn .menu-button>button {
    padding: 0
}

.lc table.ibody thead>tr:first-child>td,.lc table.ibody thead>tr.header>td,.lc table.ibody thead>tr.header1>td,.lc table.ibody thead>tr.header2>td,.lc table.ibody thead>tr.header-filters>td {
    line-height: 1.1rem
}

.lc table.ibody thead>tr.header>td,.lc table.ibody thead>tr.header1>td,.lc table.ibody thead>tr.header2>td {
    font-size: .89rem;
    vertical-align: top
}

.lc table.ibody thead>tr.header>td>*,.lc table.ibody thead>tr.header1>td>*,.lc table.ibody thead>tr.header2>td>* {
    vertical-align: middle
}

.lc table.ibody thead>tr.header>td,.lc table.ibody thead>tr.header1>td {
    font-weight: 500
}

.lc table.ibody thead>tr.header>td>a,.lc table.ibody thead>tr.header1>td>a {
    display: inline-block
}

.lc table.ibody thead>tr.header.single-line {
    height: 2rem
}

.lc table.ibody thead>tr.header.single-line>td {
    vertical-align: middle
}

.lc table.ibody thead .colAction {
    font-size: inherit;
    font-weight: inherit
}

.lc table.ibody thead .colAction>div {
    display: table
}

.lc table.ibody thead .colAction>div>* {
    display: table-cell
}

.lc table.ibody thead .isSorted {
    color: rgba(0,0,0,0.87)
}

.lc table.ibody>tbody {
    font-size: .92rem
}

.lc table.ibody>tbody>tr {
    border-bottom: solid 1px rgba(0,0,0,0.087)
}

.lc table.ibody>tbody>tr:hover {
    background-color: #eee
}

.lc table.ibody>tbody>tr:hover.clickable {
    background-color: #e0f2f1
}

.lc table.ibody>tbody>tr.selected {
    color: #00695c
}

.lc table.ibody>tbody>tr>td {
    padding-top: .35rem;
    padding-bottom: .35rem;
    height: 3rem
}

@media print {
    .lc table.ibody>tbody>tr>td {
        padding-top: 0;
        padding-bottom: 0;
        height: auto
    }
}

.lc table.ibody>tbody>tr>td:not(.align-right) {
    text-align: left
}

.lc table.ibody>tbody>tr>td[align=center] {
    text-align: center
}

.lc table.ibody>tbody>tr>td[align=left] {
    text-align: left
}

.lc table.ibody>tbody>tr>td[align=right] {
    text-align: right
}

.lc table.ibody>tbody>tr>td.btn-group {
    padding: 0
}

@media print {
    .lc table.ibody>tbody>tr>td.bulk-actions-chx {
        display: none
    }
}

.lc table.ibody>tbody>tr>td textarea {
    min-width: 15em;
    min-height: 1.8em
}

.lc table.ibody>tbody>tr>td select:not(.narrow),.lc table.ibody>tbody>tr>td div.pq-select-button:not(.narrow),.lc table.ibody>tbody>tr>td .expenseReport>.content .title .principal>.container>div select#periode:not(.narrow):hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody>tbody>tr>td select#periode:not(.narrow):hover,.lc table.ibody>tbody>tr>td .ui-autocomplete-input {
    min-width: 100%;
    width: auto
}

.lc table.ibody>tbody>tr>td input[type=text]:not(.hasDatepicker),.lc table.ibody>tbody>tr>td .expenseReport>.content .title .principal>.container>div input[type=text]#description:not(.hasDatepicker):hover,.expenseReport>.content .title .principal>.container>div .lc table.ibody>tbody>tr>td input[type=text]#description:not(.hasDatepicker):hover {
    min-width: 3rem
}

.lc table.ibody>tbody>tr>td>a {
    display: block
}

.lc table.ibody>tbody>tr>td a:hover {
    color: #FF5252
}

.lc table.ibody.colspan>thead>tr.header1>td,.lc table.ibody.colspan>thead>tr.header-filters>td {
    border-top: 1px solid rgba(0,0,0,0.087)
}

@media print {
    .lc .DTFC_LeftWrapper {
        display: none
    }

    .lc .DTFC_ScrollWrapper {
        height: auto !important
    }

    .lc .dataTables_scroll>* {
        overflow: visible !important;
        max-height: none !important
    }
}

.lc .DTFC_LeftBodyLiner {
    overflow-x: hidden
}

.lc .dataTables_scrollBody table.dataTable>thead,.lc .DTFC_LeftBodyLiner table.dataTable>thead {
    border-bottom: none
}

.lc .dataTables_scrollHeadInner,.lc .DTFC_LeftHeadWrapper {
    background-color: #eee;
    border: 0 solid rgba(0,0,0,0.087);
    border-bottom-width: 1px;
    border-top-width: 1px
}

.lc td.dataTables_empty {
    vertical-align: middle
}

.lc .lcb INPUT:focus,.lc .lcb SELECT:focus,.lc .lcb TEXTAREA:focus {
    -webkit-box-shadow: 0 0 3px #009bda;
    box-shadow: 0 0 3px #009bda
}

.lc table.tol {
    margin-top: -0.35rem;
    margin-bottom: -0.35rem;
    height: calc(100% + .7rem)
}

.lc table.tol .tolc {
    vertical-align: middle;
    width: 36px;
    height: 100%;
    background: no-repeat center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lc .btn-group-header {
    padding: 0 !important
}

@media print {
    .lc .btn-group,.lc .btn-group-header {
        display: none
    }
}

.lc.hideList .ibody,.lc.hideList .lc_row {
    display: none
}

ul.columns-configuration {
    -webkit-columns: 15rem 2;
    columns: 15rem 2
}

ul.columns-configuration>li>ul {
    margin-left: 1.5rem
}

.lc_row {
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.087);
    padding: 0.5rem 0 0.5rem 0.5rem;
    position: relative
}

.lc_row.lc_state {
    display: table;
    width: 100%
}

.lc_row.lc_state>.lc_state {
    padding: 0 0.75rem 0 0.25rem
}

.lc_row.lc_state>.lc_state,.lc_row.lc_state>.lc_content {
    display: table-cell
}

.lc_row.lc_state>.lc_content {
    width: 100%
}

.lc_row.lc_state.lc_reveal>.lc_content {
    padding-right: 1.75rem
}

.lc_row.lc_state.lc_reveal .lc_reveal_button {
    font-size: 1.75rem
}

.lc_row.lc_reveal .lc_reveal {
    display: none
}

.lc_row.lc_reveal.lc_expand .lc_reveal {
    display: block
}

.lc_row.lc_reveal.lc_expand .lc_sh {
    display: none
}

.lc_row.lc_reveal .lc_secondary {
    padding-bottom: 0.5rem
}

.lc_row.lc_reveal .lc_reveal_button {
    float: right;
    padding-right: 2.3rem
}

.lc_row.clickable .lc_sa>.btn-group-single {
    display: none
}

.lc_row .lc_primary {
    font-weight: 500;
    padding-right: 4rem
}

.lc_row .lc_secondary>div,.lc_row .lc_reveal>div {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: top;
    padding-right: 4rem
}

.actionZone {
    max-width: 4rem;
    float: right;
    padding-right: 0.9rem
}

.lc_sa {
    position: absolute;
    right: 0;
    top: 0
}

.bulk-actions-menuBtn .selection-summary {
    padding: 0.5rem 1rem 0.75rem;
    text-align: right;
    border-bottom: solid 1px rgba(0,0,0,0.087);
    margin-bottom: 0.5rem;
    line-height: 1.2;
    font-weight: 500
}

#lc_list>.menu-button.bulk-actions-menuBtn>.menu-options {
    position: fixed;
    top: 3rem;
    right: 0
}

#lc_list>.menu-button.bulk-actions-menuBtn>.menu-options label,#lc_list>.menu-button.bulk-actions-menuBtn>.menu-options button {
    font-size: 0.8rem
}

div.menu-btn-group {
    position: relative;
    display: inline-block
}

div.menu-btn-group>*:first-child:not(.menu-button) {
    display: none
}

div.menu-btn-group,div.menu-btn-group a {
    line-height: 2rem
}

div.menu-btn-group a {
    font-size: 1rem
}

div.menu-btn-group .menu {
    left: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    top: 2rem;
    background-color: #fafafa;
    border: solid 1px rgba(0,0,0,0.087)
}

@media print {
    div.menu-btn-group .menu {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

div.menu-btn-group .menu li>a>span:first-child {
    margin-left: 2.5rem
}

div.menu-btn-group .menu li>button * {
    vertical-align: middle
}

div.menu-btn-group>button {
    padding: 0;
    cursor: default
}

div.menu-btn-group>button>i {
    font-size: 1.75rem
}

div.menu-btn-group>button:hover,div.menu-btn-group.open>button>i {
    color: #FF5252
}

.lc div.menu-btn-group.open .menu {
    display: none
}

div.menu-btn-group .btn-group {
    padding: 0 !important
}

table.dataTable.fixedHeader-floating {
    position: fixed
}

div.menu-btn-group-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 904
}

div.menu-btn-group-wrapper .menu-button.menu-btn-group:hover button.menu-button {
    visibility: hidden
}

.tsc>.tabs-bar {
    z-index: 899 !important;
    padding-left: 1.7rem;
    height: 1.8rem;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: solid 5px #f5f5f5
}

@media print {
    .tsc>.tabs-bar {
        display: none
    }
}

.tsc>.tabs-bar>.tabs {
    display: inline-block;
    overflow: hidden;
    width: calc(100% - 1.5em)
}

.tsc>.tabs-bar>.tabs>button,.tsc>.tabs-bar>.tabs>a {
    font-size: 1rem;
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    color: rgba(255,255,255,0.7);
    background: transparent;
    text-transform: uppercase;
    padding: 0.7ex 0.8em;
    height: 1.8rem;
    border-style: none;
    border-bottom: solid transparent;
    border-bottom-width: .2rem
}

.tsc>.tabs-bar>.tabs>button.selected,.tsc>.tabs-bar>.tabs>a.selected {
    background-color: #f5f5f5;
    border-radius: 3px 3px 0 0;
    color: #FF5252;
    position: relative;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.tsc>.tabs-bar>.tabs>button:hover:not(.selected),.tsc>.tabs-bar>.tabs>a:hover:not(.selected) {
    color: #fff
}

.tsc>.tabs-bar>.tabs>button>i,.tsc>.tabs-bar>.tabs>a>i {
    color: rgba(255,255,255,0.7)
}

.tsc>.tabs-bar>.tabs>button>i:hover,.tsc>.tabs-bar>.tabs>a>i:hover {
    color: #fff !important
}

.tsc>.tabs-bar>.tabs>i {
    color: rgba(255,255,255,0.7)
}

.tsc>.tabs-bar>.tabs>i:hover {
    color: #fff !important
}

.tsc>.tabs-bar>button {
    position: absolute
}

.tsc>.tabs-bar>button>i {
    color: rgba(255,255,255,0.7)
}

.tsc>.tabs-bar>button>i:hover {
    color: #fff !important
}

.tsc>.tabs-bar>button.previous-tab-button {
    left: 0
}

.tsc>.tabs-bar>button.next-tab-button {
    right: 0;
    bottom: 0
}

.tsc>.tabsContents {
    margin-top: 1.8rem
}

@media print {
    .tsc>.tabsContents {
        margin-top: 0
    }
}

.tsc>.tabsContents>h2:not(:first-child) {
    margin-top: 1.25rem
}

.tsc>.tabsContents .tabContent+.tabContent {
    margin-top: 1.5rem
}

.sws select,.sws div.pq-select-button,.sws .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .sws select#periode:hover {
    width: 100%;
    height: auto
}

.sws .label_left,.sws .label_right {
    font-weight: 500;
    font-size: 90%;
    padding-left: 3px
}

.sws .swsbtnh {
    width: 40px
}

.sws .swsbtnv {
    height: 40px
}

.sws .swsbtnh TD {
    padding: 0 5px
}

.sws .swsbtnv TD {
    padding-left: 7px;
    padding-right: 7px
}

.gauge,.gauge table {
    margin: 0 !important;
    width: 100% !important
}

.gauge tbody>tr>td {
    padding: 0 !important;
    border: 0;
    line-height: 1
}

.lch .feact {
    cursor: pointer
}

.lcb .feact {
    cursor: pointer;
    color: blue
}

.tlch .feact {
    cursor: pointer
}

.tlcb .feact {
    cursor: pointer
}

.tc .feact {
    cursor: pointer
}

.tc .ti .feact,.tc .tis .feact {
    padding-left: 3px;
    cursor: pointer
}

.tsc .feact {
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px
}

.tsc td.cl:first-child>table span.feact {
    padding: 0
}

.isSorted {
    cursor: pointer
}

.cbg>div {
    white-space: nowrap
}

.cbg>div label {
    white-space: normal
}

.hasDatepicker {
    background: #fff url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjE2cHgiIGhlaWdodD0iMTQ2cHgiIHZpZXdCb3g9IjAgMCAyMTYgMTQ2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTYgMTQ2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTcyLjY5MSwyMy45NTNjLTIuMDYyLTIuMDY0LTQuNTA4LTMuMDk2LTcuMzMyLTMuMDk2aC0xMC40Mjh2LTcuODIyYzAtMy41ODQtMS4yNzctNi42NTMtMy44My05LjIwNiBjLTIuNTU0LTIuNTUzLTUuNjIxLTMuODMtOS4yMDctMy44M2gtNS4yMTNjLTMuNTg2LDAtNi42NTQsMS4yNzctOS4yMDcsMy44M2MtMi41NTQsMi41NTMtMy44Myw1LjYyMi0zLjgzLDkuMjA2djcuODIySDkyLjM1OSB2LTcuODIyYzAtMy41ODQtMS4yNzctNi42NTMtMy44My05LjIwNmMtMi41NTMtMi41NTMtNS42MjItMy44My05LjIwNy0zLjgzaC01LjIxNGMtMy41ODUsMC02LjY1NCwxLjI3Ny05LjIwNywzLjgzIGMtMi41NTMsMi41NTMtMy44Myw1LjYyMi0zLjgzLDkuMjA2djcuODIySDUwLjY0M2MtMi44MjUsMC01LjI2OSwxLjAzMi03LjMzMywzLjA5NnMtMy4wOTYsNC41MDktMy4wOTYsNy4zMzN2MTA0LjI4NyBjMCwyLjgyMywxLjAzMiw1LjI2NywzLjA5Niw3LjMzMmMyLjA2NCwyLjA2NCw0LjUwOCwzLjA5Niw3LjMzMywzLjA5NmgxMTQuNzE0YzIuODI0LDAsNS4yNy0xLjAzMiw3LjMzMi0zLjA5NiBjMi4wNjQtMi4wNjQsMy4wOTYtNC41MDksMy4wOTYtNy4zMzJWMzEuMjg2QzE3NS43ODUsMjguNDYxLDE3NC43NTQsMjYuMDE3LDE3Mi42OTEsMjMuOTUzeiBNNzQuMTA3LDEzNS41NzJINTAuNjQzdi0yMy40NjVoMjMuNDY0IFYxMzUuNTcyeiBNNzQuMTA3LDEwNi44OTNINTAuNjQzVjgwLjgyM2gyMy40NjRWMTA2Ljg5M3ogTTc0LjEwNyw3NS42MDdINTAuNjQzVjUyLjE0M2gyMy40NjRWNzUuNjA3eiBNNzIuMjc1LDM4LjMzMyBjLTAuNTE2LTAuNTE2LTAuNzc0LTEuMTI2LTAuNzc0LTEuODMzVjEzLjAzNmMwLTAuNzA2LDAuMjU4LTEuMzE3LDAuNzc0LTEuODMzYzAuNTE2LTAuNTE2LDEuMTI2LTAuNzc0LDEuODMzLTAuNzc0aDUuMjE0IGMwLjcwNiwwLDEuMzE3LDAuMjU4LDEuODMzLDAuNzc0YzAuNTE2LDAuNTE2LDAuNzc0LDEuMTI3LDAuNzc0LDEuODMzVjM2LjVjMCwwLjcwNy0wLjI1OSwxLjMxNy0wLjc3NCwxLjgzMyBjLTAuNTE2LDAuNTE2LTEuMTI2LDAuNzc0LTEuODMzLDAuNzc0aC01LjIxNEM3My40MDIsMzkuMTA3LDcyLjc5MSwzOC44NDksNzIuMjc1LDM4LjMzM3ogTTEwNS4zOTMsMTM1LjU3Mkg3OS4zMjF2LTIzLjQ2NWgyNi4wNzIgVjEzNS41NzJ6IE0xMDUuMzkzLDEwNi44OTNINzkuMzIxVjgwLjgyM2gyNi4wNzJWMTA2Ljg5M3ogTTEwNS4zOTMsNzUuNjA3SDc5LjMyMVY1Mi4xNDNoMjYuMDcyVjc1LjYwN3ogTTEzNi42OCwxMzUuNTcyaC0yNi4wNzIgdi0yMy40NjVoMjYuMDcyVjEzNS41NzJ6IE0xMzYuNjgsMTA2Ljg5M2gtMjYuMDcyVjgwLjgyM2gyNi4wNzJWMTA2Ljg5M3ogTTEzNi42OCw3NS42MDdoLTI2LjA3MlY1Mi4xNDNoMjYuMDcyVjc1LjYwN3ogIE0xMzQuODQ2LDM4LjMzM2MtMC41MTUtMC41MTYtMC43NzItMS4xMjYtMC43NzItMS44MzNWMTMuMDM2YzAtMC43MDYsMC4yNTctMS4zMTcsMC43NzItMS44MzMgYzAuNTE2LTAuNTE2LDEuMTI3LTAuNzc0LDEuODM0LTAuNzc0aDUuMjEzYzAuNzA3LDAsMS4zMTgsMC4yNTgsMS44MzQsMC43NzRjMC41MTYsMC41MTYsMC43NzMsMS4xMjcsMC43NzMsMS44MzNWMzYuNSBjMCwwLjcwNy0wLjI1OCwxLjMxNy0wLjc3MywxLjgzM3MtMS4xMjcsMC43NzQtMS44MzQsMC43NzRoLTUuMjEzQzEzNS45NzMsMzkuMTA3LDEzNS4zNjEsMzguODQ5LDEzNC44NDYsMzguMzMzeiBNMTY1LjM1NywxMzUuNTcyIGgtMjMuNDY1di0yMy40NjVoMjMuNDY1VjEzNS41NzJ6IE0xNjUuMzU3LDEwNi44OTNoLTIzLjQ2NVY4MC44MjNoMjMuNDY1VjEwNi44OTN6IE0xNjUuMzU3LDc1LjYwN2gtMjMuNDY1VjUyLjE0M2gyMy40NjVWNzUuNjA3eiIgaWQ9InBhdGgzMDQ4IiBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjU0NTA5ODA3IiAvPjwvc3ZnPg==") no-repeat right top;
    background-size: 2rem;
    min-width: 6rem;
    width: 8rem
}

.hasDatepicker:disabled {
    background: none
}

.input-palette-picker input[type=text],.input-palette-picker .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .input-palette-picker input[type=text]#description:hover {
    background: url("../../../../../eurecia/image/imgColortable1.gif") no-repeat right;
    padding-right: 24px
}

.input-palette-picker.active ul {
    display: block
}

div.input-file {
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

div.input-file input[type='file'],div.input-file .expenseReport>.content .title .principal>.container>div input[type='file']#description:hover,.expenseReport>.content .title .principal>.container>div div.input-file input[type='file']#description:hover {
    margin: 0;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

div.input-file>span {
    position: relative
}

div.input-file>span>a:hover {
    color: #40c4ff
}

div.input-file>span>* {
    vertical-align: middle
}

p.payment-mode>label,p.payment-mode select,p.payment-mode div.pq-select-button,p.payment-mode .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div p.payment-mode select#periode:hover,p.payment-mode input,p.payment-mode .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div p.payment-mode input#description:hover {
    width: 30%;
    display: inline-block
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.fc_wf>.fc_body>.fc_section>.d .fc_section .d,.fc_wf>.fc_body>.fc_section>div>.d .fc_section .d {
    padding-left: 1rem
}

.fc_wf>.fc_body>.fc_section .lc {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: -1rem;
    margin-bottom: .5rem;
    padding-top: 0
}

.fc_wf>.fc_body>.fc_section>.d>.lc,.fc_wf>.fc_body>.fc_section>div>.d>.lc {
    margin-left: -1rem
}

.fc_wf>.fc_body>.fc_section>.d>.fc_section>.d>.lc,.fc_wf>.fc_body>.fc_section>div>.d>.fc_section>.d>.lc {
    margin-left: -2rem
}

.fc_wf>.fc_body>.fc_section .d>.lc:first-child,.fc_wf>.fc_body>.fc_section .d>.fc_section_titleactions+.lc {
    margin-top: 0
}

.fc_wf>.fc_body>.fc_section .d>.lc:last-child .lcf {
    margin-bottom: -1.5rem
}

.fc_wf>.fc_body>.fc_section h3+.d>.lc>.lch>.c,.fc_wf>.fc_body>.fc_section .fc_section>.d>.lc>.lch>.c {
    font-size: 1.2rem
}

.fc_wf>.fc_body>.fc_section .fc_row+.lc {
    margin-top: .5rem
}

.fc_wf .fc_cell {
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-bottom: 0.02rem
}

.fc_wf .fc_cell>.fc_group>.fc_cell {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .fc_wf input[type=email],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=email]#description:hover,.fc_wf input[type=number],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=number]#description:hover,.fc_wf input[type=password],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=password]#description:hover,.fc_wf input[type=tel],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=tel]#description:hover,.fc_wf input[type=text],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=text]#description:hover,.fc_wf input[type=url],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=url]#description:hover,.fc_wf select,.fc_wf div.pq-select-button,.fc_wf .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .fc_wf select#periode:hover,.fc_wf .ms-parent .ms-choice,.fc_wf textarea {
        margin-bottom:1px;
        padding-left: 0;
        background-color: transparent
    }

    .fc_wf input[type=email],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=email]#description:hover,.fc_wf input[type=email]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=email]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=email]#description:focus:hover,.fc_wf input[type=email]:hover,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=email]#description:hover,.fc_wf input[type=number],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=number]#description:hover,.fc_wf input[type=number]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=number]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=number]#description:focus:hover,.fc_wf input[type=number]:hover,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=number]#description:hover,.fc_wf input[type=password],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=password]#description:hover,.fc_wf input[type=password]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=password]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=password]#description:focus:hover,.fc_wf input[type=password]:hover,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=password]#description:hover,.fc_wf input[type=tel],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=tel]#description:hover,.fc_wf input[type=tel]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=tel]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=tel]#description:focus:hover,.fc_wf input[type=tel]:hover,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=tel]#description:hover,.fc_wf input[type=text],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=text]#description:hover,.fc_wf input[type=text]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=text]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=text]#description:focus:hover,.fc_wf input[type=text]:hover,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=text]#description:hover,.fc_wf input[type=url],.fc_wf .expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=url]#description:hover,.fc_wf input[type=url]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=url]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=url]#description:focus:hover,.fc_wf input[type=url]:hover,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=url]#description:hover,.fc_wf select,.fc_wf div.pq-select-button,.fc_wf .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .fc_wf select#periode:hover,.fc_wf select:focus,.fc_wf div.pq-select-button:focus,.fc_wf .expenseReport>.content .title .principal>.container>div select#periode:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf select#periode:focus:hover,.fc_wf select:hover,.fc_wf div.pq-select-button:hover,.fc_wf .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .fc_wf select#periode:hover,.fc_wf .ms-parent .ms-choice,.fc_wf .ms-parent .ms-choice:focus,.fc_wf .ms-parent .ms-choice:hover,.fc_wf textarea,.fc_wf textarea:focus,.fc_wf textarea:hover {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent
    }

    .fc_wf input[type=email]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=email]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=email]#description:focus:hover,.fc_wf input[type=number]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=number]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=number]#description:focus:hover,.fc_wf input[type=password]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=password]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=password]#description:focus:hover,.fc_wf input[type=tel]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=tel]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=tel]#description:focus:hover,.fc_wf input[type=text]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=text]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=text]#description:focus:hover,.fc_wf input[type=url]:focus,.fc_wf .expenseReport>.content .title .principal>.container>div input[type=url]#description:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf input[type=url]#description:focus:hover,.fc_wf select:focus,.fc_wf div.pq-select-button:focus,.fc_wf .expenseReport>.content .title .principal>.container>div select#periode:focus:hover,.expenseReport>.content .title .principal>.container>div .fc_wf select#periode:focus:hover,.fc_wf .ms-parent .ms-choice:focus,.fc_wf textarea:focus {
        border-bottom: 2px #FF5252 solid;
        margin-bottom: 0;
        outline: none
    }

    .fc_wf .fc_cell.fc_empty .fl.fl_left {
        font-size: 1rem
    }

    .fc_wf .fc_cell.fc_empty .fl.fl_left,.fc_wf .fc_cell.fc_empty .fl.fl_left+span[class^='helpLevel'] {
        position: relative;
        top: 1rem;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease
    }

    .fc_wf .fc_cell.fc_empty.focus .fl.fl_left,.fc_wf .fc_cell.fc_empty.focus .fl.fl_left+span[class^='helpLevel'] {
        top: 0
    }

    .fc_wf .fc_cell.fc_empty.focus .fl.fl_left {
        font-size: 0.8rem
    }
}

.fc_nf .fc_cell {
    margin-bottom: 0.25rem
}

.fc_nf .fc_cell .nowrap {
    white-space: nowrap
}

.fc_nf .fc_section .d {
    padding: 0.5rem
}

.fc_nf>.fc_body>.fc_row {
    padding: 0 0.5rem
}

.fc_nf .fc_group.checkbox_row>.fc_cell:first-child {
    overflow: visible !important
}

.fc_nf .fc_group.checkbox_row>.fc_cell:first-child>.fd {
    width: 200%
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .fc_nf .fc_group.checkbox_row>.fc_cell:first-child>.fd {
        width:100%
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .fc_nf .fc_group.checkbox_row>.fc_cell:nth-child(2) {
        width:69% !important;
        margin-left: 30% !important
    }
}

.fc_nf .fc_message {
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.fc_nf.fc_search_mobile {
    margin-top: -0.5rem
}

.fc_nf.fc_search.fc_invisible button.toggle-filters i.icon-section-open,.fc_nf.fc_search:not(.fc_visible) button.toggle-filters i.icon-section-open {
    display: none
}

.fc_nf.fc_search.fc_invisible>.fc_body,.fc_nf.fc_search:not(.fc_visible)>.fc_body {
    display: none
}

.fc_nf.fc_search.fc_visible button.toggle-filters i.icon-section-closed {
    display: none
}

@media print, only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    .fc_nf.fc_search:not(.fc_invisible) button.toggle-filters i.icon-section-closed {
        display:none
    }

    .fc_nf.fc_search:not(.fc_invisible) button.toggle-filters i.icon-section-open {
        display: inline
    }

    .fc_nf.fc_search:not(.fc_invisible)>.fc_body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.fc_nf.fc_search button.mobile-filters {
    font-size: 100%
}

.fc {
    clear: both
}

.fc+.fc_wf {
    margin-top: 2rem
}

.fc+.fc_nf {
    margin-top: 1rem
}

.fc .fl {
    padding: 0 0.3rem 0 0;
    display: inline
}

.fc .fl.fl_right {
    color: rgba(0,0,0,0.87);
    font-size: 100%
}

@media only screen {
    .fc input[type=email],.fc .expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=email]#description:hover,.fc input[type=number],.fc .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=number]#description:hover,.fc input[type=password],.fc .expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=password]#description:hover,.fc input[type=tel],.fc .expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=tel]#description:hover,.fc input[type=text],.fc .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=text]#description:hover,.fc input[type=url],.fc .expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=url]#description:hover,.fc select,.fc div.pq-select-button,.fc .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .fc select#periode:hover,.fc .ms-parent .ms-choice,.fc textarea {
        width: 100%;
        max-width: 100%
    }

    .fc input[type=email][disabled],.fc .expenseReport>.content .title .principal>.container>div input[type=email][disabled]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=email][disabled]#description:hover,.fc input[type=email][readonly],.fc .expenseReport>.content .title .principal>.container>div input[type=email][readonly]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=email][readonly]#description:hover,.fc input[type=number][disabled],.fc .expenseReport>.content .title .principal>.container>div input[type=number][disabled]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=number][disabled]#description:hover,.fc input[type=number][readonly],.fc .expenseReport>.content .title .principal>.container>div input[type=number][readonly]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=number][readonly]#description:hover,.fc input[type=password][disabled],.fc .expenseReport>.content .title .principal>.container>div input[type=password][disabled]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=password][disabled]#description:hover,.fc input[type=password][readonly],.fc .expenseReport>.content .title .principal>.container>div input[type=password][readonly]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=password][readonly]#description:hover,.fc input[type=tel][disabled],.fc .expenseReport>.content .title .principal>.container>div input[type=tel][disabled]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=tel][disabled]#description:hover,.fc input[type=tel][readonly],.fc .expenseReport>.content .title .principal>.container>div input[type=tel][readonly]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=tel][readonly]#description:hover,.fc input[type=text][disabled],.fc .expenseReport>.content .title .principal>.container>div input[type=text][disabled]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=text][disabled]#description:hover,.fc input[type=text][readonly],.fc .expenseReport>.content .title .principal>.container>div input[type=text][readonly]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=text][readonly]#description:hover,.fc input[type=url][disabled],.fc .expenseReport>.content .title .principal>.container>div input[type=url][disabled]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=url][disabled]#description:hover,.fc input[type=url][readonly],.fc .expenseReport>.content .title .principal>.container>div input[type=url][readonly]#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=url][readonly]#description:hover,.fc select[disabled],.fc div[disabled].pq-select-button,.fc .expenseReport>.content .title .principal>.container>div select[disabled]#periode:hover,.expenseReport>.content .title .principal>.container>div .fc select[disabled]#periode:hover,.fc select[readonly],.fc div[readonly].pq-select-button,.fc .expenseReport>.content .title .principal>.container>div select[readonly]#periode:hover,.expenseReport>.content .title .principal>.container>div .fc select[readonly]#periode:hover,.fc .ms-parent .ms-choice[disabled],.fc .ms-parent .ms-choice[readonly],.fc textarea[disabled],.fc textarea[readonly] {
        -moz-appearance: none;
        -webkit-appearance: none;
        border-color: transparent;
        background: transparent
    }
}

.fc input[type=text].ui-autocomplete-input,.fc .expenseReport>.content .title .principal>.container>div input[type=text].ui-autocomplete-input#description:hover,.expenseReport>.content .title .principal>.container>div .fc input[type=text].ui-autocomplete-input#description:hover {
    width: calc(100% - 2rem - 2px)
}

.fc div.flex-layout>* {
    width: auto
}

.fc .no_input_layout input[type=email],.fc .no_input_layout .expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout input[type=email]#description:hover,.fc .no_input_layout input[type=number],.fc .no_input_layout .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout input[type=number]#description:hover,.fc .no_input_layout input[type=password],.fc .no_input_layout .expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout input[type=password]#description:hover,.fc .no_input_layout input[type=tel],.fc .no_input_layout .expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout input[type=tel]#description:hover,.fc .no_input_layout input[type=text],.fc .no_input_layout .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout input[type=text]#description:hover,.fc .no_input_layout input[type=url],.fc .no_input_layout .expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout input[type=url]#description:hover,.fc .no_input_layout select,.fc .no_input_layout div.pq-select-button,.fc .no_input_layout .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .fc .no_input_layout select#periode:hover,.fc .no_input_layout .ms-parent .ms-choice {
    width: auto;
    max-width: 100%
}

.fc .fc_cell.focus .fl {
    color: #FF5252
}

.fc .fc_cell.fc_error input[type=email],.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error input[type=email]#description:hover,.fc .fc_cell.fc_error input[type=number],.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error input[type=number]#description:hover,.fc .fc_cell.fc_error input[type=password],.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error input[type=password]#description:hover,.fc .fc_cell.fc_error input[type=tel],.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error input[type=tel]#description:hover,.fc .fc_cell.fc_error input[type=text],.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error input[type=text]#description:hover,.fc .fc_cell.fc_error input[type=url],.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error input[type=url]#description:hover,.fc .fc_cell.fc_error select,.fc .fc_cell.fc_error div.pq-select-button,.fc .fc_cell.fc_error .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .fc .fc_cell.fc_error select#periode:hover,.fc .fc_cell.fc_error .ms-parent .ms-choice,.fc .fc_cell.fc_error textarea {
    border-bottom: 2px #D50000 solid;
    margin-bottom: 0
}

.fc .fc_cell.fc_icon {
    display: table
}

.fc .fc_cell.fc_icon>* {
    display: table-cell
}

.fc .fc_cell.fc_icon>.fl {
    width: 1rem;
    font-size: 90%
}

.fc .fc_cell>.fc_cell {
    margin-top: 0;
    margin-bottom: 0
}

.fc .fc_cell.fc_discreet .fc_message {
    background-color: transparent
}

.fc .fc_errors,.fc .fc_warnings,.fc .fc_informations {
    clear: left;
    float: left;
    margin-top: 1ex;
    font-size: 80%;
    line-height: 1.1;
    text-align: justify
}

.fc .fc_errors>li,.fc .fc_warnings>li,.fc .fc_informations>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fc .fc_message {
    display: table;
    border-radius: 3px;
    padding: 1ex
}

.fc .fc_message.information {
    background-color: #e0f2f1
}

.fc .fc_message.error {
    background-color: #D50000
}

.fc .fc_message.error,.fc .fc_message.error>i:before {
    color: white
}

.fc .fc_message.warning {
    background-color: #ff6d00;
    color: white
}

.fc .fc_message>* {
    display: table-cell
}

.fc .fc_message>span {
    text-align: justify
}

.fc .fc_errors {
    color: #D50000
}

.fc .fc_informations {
    color: rgba(0,0,0,0.54)
}

.fc .fc_warnings {
    color: #ff6d00
}

.fc .fc_decoration {
    float: right;
    margin-top: -2rem
}

.fc .fc_decorations {
    display: inline-block
}

.fc .fc_decorations span {
    margin-left: 1em
}

.fc .fc_decorations img {
    vertical-align: top
}

@media print {
    .fc .fc_decorations {
        display: none
    }
}

.fc .fd {
    text-align: left;
    font-size: 1.05rem
}

.fc .fd .divAnchor {
    margin: auto 3px auto 4px;
    display: inline-block;
    min-height: 10px
}

.fc .fd .divAnchor>input,.fc .fd .expenseReport>.content .title .principal>.container>div .divAnchor>input#description:hover,.expenseReport>.content .title .principal>.container>div .fc .fd .divAnchor>input#description:hover {
    margin: 0
}

.fc .fd.fd_right {
    float: left
}

@media print {
    .fc .fd.fd_left {
        display: inline-block;
        vertical-align: top
    }
}

.fc .fl,.fc .fd {
    line-height: 1.5rem
}

.fc .fc_section {
    position: relative
}

.fc .fc_section h3+.d,.fc .fc_section h4+.d {
    padding-top: 0 !important
}

.fc .fc_section .fc_section_titleactions {
    position: absolute;
    top: 0.75rem;
    right: .5rem
}

.fc .fc_section .d>.fc_section:not(:first-child) {
    margin-top: 1.5rem
}

.fc .fc_section .d>.fc_section_titleactions+.fc_section {
    margin-top: 0
}

.fc .fc_section+.fc_section>h4,.fc .lc+.fc_section>h4 {
    margin-top: 1.5rem
}

.fc .fc_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fc .fc_body>.fc_section {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: calc(100% - 1rem)
}

.fc .fc_body .element-title {
    width: calc(100% - 1rem);
    margin-left: 0.5rem;
    font-size: 28px;
    margin-bottom: 0
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m1 {
    -ms-flex-preferred-size: calc(8.33333% - 1rem);
    flex-basis: calc(8.33333% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m2 {
    -ms-flex-preferred-size: calc(16.66667% - 1rem);
    flex-basis: calc(16.66667% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m3 {
    -ms-flex-preferred-size: calc(25% - 1rem);
    flex-basis: calc(25% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m4 {
    -ms-flex-preferred-size: calc(33.33333% - 1rem);
    flex-basis: calc(33.33333% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m5 {
    -ms-flex-preferred-size: calc(41.66667% - 1rem);
    flex-basis: calc(41.66667% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m6 {
    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m7 {
    -ms-flex-preferred-size: calc(58.33333% - 1rem);
    flex-basis: calc(58.33333% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m8 {
    -ms-flex-preferred-size: calc(66.66667% - 1rem);
    flex-basis: calc(66.66667% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m9 {
    -ms-flex-preferred-size: calc(75% - 1rem);
    flex-basis: calc(75% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m10 {
    -ms-flex-preferred-size: calc(83.33333% - 1rem);
    flex-basis: calc(83.33333% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m11 {
    -ms-flex-preferred-size: calc(91.66667% - 1rem);
    flex-basis: calc(91.66667% - 1rem)
}

.fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_m12 {
    -ms-flex-preferred-size: calc(100% - 1rem);
    flex-basis: calc(100% - 1rem)
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs1 {
        -ms-flex-preferred-size:calc(8.33333% - 1rem);
        flex-basis: calc(8.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs2 {
        -ms-flex-preferred-size: calc(16.66667% - 1rem);
        flex-basis: calc(16.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs3 {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs4 {
        -ms-flex-preferred-size: calc(33.33333% - 1rem);
        flex-basis: calc(33.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs5 {
        -ms-flex-preferred-size: calc(41.66667% - 1rem);
        flex-basis: calc(41.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs6 {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs7 {
        -ms-flex-preferred-size: calc(58.33333% - 1rem);
        flex-basis: calc(58.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs8 {
        -ms-flex-preferred-size: calc(66.66667% - 1rem);
        flex-basis: calc(66.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs9 {
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs10 {
        -ms-flex-preferred-size: calc(83.33333% - 1rem);
        flex-basis: calc(83.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs11 {
        -ms-flex-preferred-size: calc(91.66667% - 1rem);
        flex-basis: calc(91.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_xs12 {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem)
    }
}

@media only screen and (orientation: portrait) and (max-width: 815px), only screen and (orientation: landscape) and (max-width: 935px) {
    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s1 {
        -ms-flex-preferred-size:calc(8.33333% - 1rem);
        flex-basis: calc(8.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s2 {
        -ms-flex-preferred-size: calc(16.66667% - 1rem);
        flex-basis: calc(16.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s3 {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s4 {
        -ms-flex-preferred-size: calc(33.33333% - 1rem);
        flex-basis: calc(33.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s5 {
        -ms-flex-preferred-size: calc(41.66667% - 1rem);
        flex-basis: calc(41.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s6 {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s7 {
        -ms-flex-preferred-size: calc(58.33333% - 1rem);
        flex-basis: calc(58.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s8 {
        -ms-flex-preferred-size: calc(66.66667% - 1rem);
        flex-basis: calc(66.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s9 {
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s10 {
        -ms-flex-preferred-size: calc(83.33333% - 1rem);
        flex-basis: calc(83.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s11 {
        -ms-flex-preferred-size: calc(91.66667% - 1rem);
        flex-basis: calc(91.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_s12 {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem)
    }
}

@media only screen and (max-width: 935px) {
    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm1 {
        -ms-flex-preferred-size:calc(8.33333% - 1rem);
        flex-basis: calc(8.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm2 {
        -ms-flex-preferred-size: calc(16.66667% - 1rem);
        flex-basis: calc(16.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm3 {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm4 {
        -ms-flex-preferred-size: calc(33.33333% - 1rem);
        flex-basis: calc(33.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm5 {
        -ms-flex-preferred-size: calc(41.66667% - 1rem);
        flex-basis: calc(41.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm6 {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm7 {
        -ms-flex-preferred-size: calc(58.33333% - 1rem);
        flex-basis: calc(58.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm8 {
        -ms-flex-preferred-size: calc(66.66667% - 1rem);
        flex-basis: calc(66.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm9 {
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm10 {
        -ms-flex-preferred-size: calc(83.33333% - 1rem);
        flex-basis: calc(83.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm11 {
        -ms-flex-preferred-size: calc(91.66667% - 1rem);
        flex-basis: calc(91.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_sm12 {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem)
    }
}

@media only screen and (min-width: 1256px) {
    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l1 {
        -ms-flex-preferred-size:calc(8.33333% - 1rem);
        flex-basis: calc(8.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l2 {
        -ms-flex-preferred-size: calc(16.66667% - 1rem);
        flex-basis: calc(16.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l3 {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l4 {
        -ms-flex-preferred-size: calc(33.33333% - 1rem);
        flex-basis: calc(33.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l5 {
        -ms-flex-preferred-size: calc(41.66667% - 1rem);
        flex-basis: calc(41.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l6 {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l7 {
        -ms-flex-preferred-size: calc(58.33333% - 1rem);
        flex-basis: calc(58.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l8 {
        -ms-flex-preferred-size: calc(66.66667% - 1rem);
        flex-basis: calc(66.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l9 {
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l10 {
        -ms-flex-preferred-size: calc(83.33333% - 1rem);
        flex-basis: calc(83.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l11 {
        -ms-flex-preferred-size: calc(91.66667% - 1rem);
        flex-basis: calc(91.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_l12 {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem)
    }
}

@media only screen and (min-width: 1601px) {
    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h1 {
        -ms-flex-preferred-size:calc(8.33333% - 1rem);
        flex-basis: calc(8.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h2 {
        -ms-flex-preferred-size: calc(16.66667% - 1rem);
        flex-basis: calc(16.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h3 {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h4 {
        -ms-flex-preferred-size: calc(33.33333% - 1rem);
        flex-basis: calc(33.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h5 {
        -ms-flex-preferred-size: calc(41.66667% - 1rem);
        flex-basis: calc(41.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h6 {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h7 {
        -ms-flex-preferred-size: calc(58.33333% - 1rem);
        flex-basis: calc(58.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h8 {
        -ms-flex-preferred-size: calc(66.66667% - 1rem);
        flex-basis: calc(66.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h9 {
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h10 {
        -ms-flex-preferred-size: calc(83.33333% - 1rem);
        flex-basis: calc(83.33333% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h11 {
        -ms-flex-preferred-size: calc(91.66667% - 1rem);
        flex-basis: calc(91.66667% - 1rem)
    }

    .fc:not(.fc_nocols) .fc_body:not(:required)>.fc_section.fc_h12 {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem)
    }
}

.fc h2 {
    margin-bottom: 0
}

.fc h3 {
    margin: 0
}

.fc .fc_row[data-cols="1"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="1"]>.fc_cell {
    width: 100% !important;
    clear: both !important;
    margin-left: 0 !important
}

.fc .fc_row[data-cols="2"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="2"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 49.5%
}

.fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2) {
    margin-left: 50.5%;
    clear: none
}

.fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="1"] {
    width: 49.5%
}

.fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"] {
    width: 100%
}

.fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 101%
}

.fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="3"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="3"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 32.67%
}

.fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2) {
    margin-left: 33.67%;
    clear: none
}

.fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3) {
    margin-left: 67.33%;
    clear: none
}

.fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="1"] {
    width: 32.67%
}

.fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"] {
    width: 66.34%
}

.fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 67.34%
}

.fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"] {
    width: 100.01%
}

.fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"]+.fc_cell {
    margin-left: 101.01%
}

.fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="4"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 32.67%
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+2) {
    margin-left: 33.67%;
    clear: none
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+3) {
    margin-left: 67.33%;
    clear: none
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="1"] {
    width: 32.67%
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"] {
    width: 66.34%
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 67.34%
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"] {
    width: 100.01%
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"]+.fc_cell {
    margin-left: 101.01%
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"] {
    width: 101.01%
}

.fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"]+.fc_cell {
    margin-left: 102.01%
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+2)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+2)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+3)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+3)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+3)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+4)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+4)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="4"]>.fc_cell:nth-child(3n+4)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="5"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 32.67%
}


.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+2) {
    margin-left: 33.67%;
    clear: none
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+3) {
    margin-left: 67.33%;
    clear: none
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="1"] {
    width: 32.67%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"] {
    width: 66.34%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 67.34%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"] {
    width: 100.01%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"]+.fc_cell {
    margin-left: 101.01%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"] {
    width: 101.01%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"]+.fc_cell {
    margin-left: 102.01%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"] {
    width: 102.01%
}

.fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"]+.fc_cell {
    margin-left: 103.01%
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+2)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+2)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+2)[data-colspan="5"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+3)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+3)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+3)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+3)[data-colspan="5"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+4)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+4)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+4)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+4)[data-colspan="5"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+5)[data-colspan="2"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+5)[data-colspan="3"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+5)[data-colspan="4"] {
    clear: left;
    margin-left: 0
}

.fc .fc_row[data-cols="5"]>.fc_cell:nth-child(3n+5)[data-colspan="5"] {
    clear: left;
    margin-left: 0
}

@media only screen and (min-width: 1601px) {
    html:not(.mobile) .fc .fc_row[data-cols="1"] {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="1"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="1"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2) {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3) {
        margin-left: 67.33%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="1"] {
        width: 32.67%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"] {
        width: 66.34%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 67.34%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"] {
        width: 100.01%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 101.01%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2)[data-colspan="2"] {
        clear: none !important;
        margin-left: 33.67%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2) {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4) {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="1"] {
        width: 24.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 50.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"] {
        width: 74.75%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 75.75%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2)[data-colspan="2"] {
        clear: none !important;
        margin-left: 25.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2)[data-colspan="3"] {
        clear: none !important;
        margin-left: 25.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3)[data-colspan="2"] {
        clear: none !important;
        margin-left: 50.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 19.2%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+2) {
        margin-left: 20.2%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+3) {
        margin-left: 40.4%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+4) {
        margin-left: 60.6%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+5) {
        margin-left: 80.8%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="1"] {
        width: 19.2%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"] {
        width: 39.4%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 40.4%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"] {
        width: 59.6%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 60.6%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"] {
        width: 79.8%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"]+.fc_cell {
        margin-left: 80.8%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+2)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+2)[data-colspan="2"] {
        clear: none !important;
        margin-left: 20.2%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+2)[data-colspan="3"] {
        clear: none !important;
        margin-left: 20.2%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+2)[data-colspan="4"] {
        clear: none !important;
        margin-left: 20.2%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+3)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+3)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+3)[data-colspan="2"] {
        clear: none !important;
        margin-left: 40.4%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+3)[data-colspan="3"] {
        clear: none !important;
        margin-left: 40.4%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+4)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+4)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+4)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+4)[data-colspan="2"] {
        clear: none !important;
        margin-left: 60.6%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+5)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+5)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+5)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(5n+5)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }
}

@media only screen and (min-width: 1256px) and (max-width: 1600px) {
    html:not(.mobile) .fc .fc_row[data-cols="1"] {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="1"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="1"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2) {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3) {
        margin-left: 67.33%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="1"] {
        width: 32.67%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"] {
        width: 66.34%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 67.34%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"] {
        width: 100.01%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 101.01%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+2)[data-colspan="2"] {
        clear: none !important;
        margin-left: 33.67%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(3n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2) {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4) {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="1"] {
        width: 24.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 50.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"] {
        width: 74.75%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 75.75%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2)[data-colspan="2"] {
        clear: none !important;
        margin-left: 25.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+2)[data-colspan="3"] {
        clear: none !important;
        margin-left: 25.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+3)[data-colspan="2"] {
        clear: none !important;
        margin-left: 50.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(4n+4)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+2) {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+3) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+4) {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="1"] {
        width: 24.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 50.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"] {
        width: 74.75%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 75.75%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"] {
        width: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"]+.fc_cell {
        margin-left: 102%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+2)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+2)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+2)[data-colspan="2"] {
        clear: none !important;
        margin-left: 25.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+2)[data-colspan="3"] {
        clear: none !important;
        margin-left: 25.25%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+3)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+3)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+3)[data-colspan="2"] {
        clear: none !important;
        margin-left: 50.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+4)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+4)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+4)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+4)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+5)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+5)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+5)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(4n+5)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px) and (max-width: 935px), only screen and (orientation: landscape) and (min-width: 936px) and (max-width: 1255px) {
    html:not(.mobile) .fc .fc_row[data-cols="1"] {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="1"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="1"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="2"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="1"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"] {
        width: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 102%
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(2n+2)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(2n+3)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="3"]>.fc_cell:nth-child(2n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="1"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"] {
        width: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 102%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"] {
        width: 102%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell[data-colspan="4"]+.fc_cell {
        margin-left: 103%
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+2)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+2)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+3)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+3)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+4)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+4)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="4"]>.fc_cell:nth-child(2n+4)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="1"] {
        width: 49.5%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"] {
        width: 100%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="2"]+.fc_cell {
        margin-left: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"] {
        width: 101%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="3"]+.fc_cell {
        margin-left: 102%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"] {
        width: 102%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="4"]+.fc_cell {
        margin-left: 103%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"] {
        width: 103%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell[data-colspan="5"]+.fc_cell {
        margin-left: 104%
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+2)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+2)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+2)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+2)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+3)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+3)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+3)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+3)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+4)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+4)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+4)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+4)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+5)[data-colspan="2"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+5)[data-colspan="3"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+5)[data-colspan="4"] {
        clear: left;
        margin-left: 0
    }

    html:not(.mobile) .fc .fc_row[data-cols="5"]>.fc_cell:nth-child(2n+5)[data-colspan="5"] {
        clear: left;
        margin-left: 0
    }
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .fc .fc_row[data-cols="1"] {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_row[data-cols="1"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_row[data-cols="2"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_row[data-cols="2"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_row[data-cols="3"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_row[data-cols="3"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_row[data-cols="4"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_row[data-cols="4"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_row[data-cols="5"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_row[data-cols="5"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }
}

.fc .fc_group[data-cols="1"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="1"]>.fc_cell {
    width: 100% !important;
    clear: both !important;
    margin-left: 0 !important
}

.fc .fc_group[data-cols="2"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="2"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 49.5%
}

.fc .fc_group[data-cols="2"]>.fc_cell:nth-child(2n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="2"]>.fc_cell:nth-child(2n+2) {
    margin-left: 50.5%;
    clear: none
}

.fc .fc_group[data-cols="2"]>.fc_cell[data-colspan="1"] {
    width: 49.5%
}

.fc .fc_group[data-cols="2"]>.fc_cell[data-colspan="2"] {
    width: 100%
}

.fc .fc_group[data-cols="2"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 101%
}

.fc .fc_group[data-cols="3"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="3"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 32.67%
}

.fc .fc_group[data-cols="3"]>.fc_cell:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="3"]>.fc_cell:nth-child(3n+2) {
    margin-left: 33.67%;
    clear: none
}

.fc .fc_group[data-cols="3"]>.fc_cell:nth-child(3n+3) {
    margin-left: 67.33%;
    clear: none
}

.fc .fc_group[data-cols="3"]>.fc_cell[data-colspan="1"] {
    width: 32.67%
}

.fc .fc_group[data-cols="3"]>.fc_cell[data-colspan="2"] {
    width: 66.34%
}

.fc .fc_group[data-cols="3"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 67.34%
}

.fc .fc_group[data-cols="3"]>.fc_cell[data-colspan="3"] {
    width: 100.01%
}

.fc .fc_group[data-cols="3"]>.fc_cell[data-colspan="3"]+.fc_cell {
    margin-left: 101.01%
}

.fc .fc_group[data-cols="4"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="4"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 32.67%
}

.fc .fc_group[data-cols="4"]>.fc_cell:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="4"]>.fc_cell:nth-child(3n+2) {
    margin-left: 33.67%;
    clear: none
}

.fc .fc_group[data-cols="4"]>.fc_cell:nth-child(3n+3) {
    margin-left: 67.33%;
    clear: none
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="1"] {
    width: 32.67%
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="2"] {
    width: 66.34%
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 67.34%
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="3"] {
    width: 100.01%
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="3"]+.fc_cell {
    margin-left: 101.01%
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="4"] {
    width: 101.01%
}

.fc .fc_group[data-cols="4"]>.fc_cell[data-colspan="4"]+.fc_cell {
    margin-left: 102.01%
}

.fc .fc_group[data-cols="5"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="5"]>.fc_cell {
    float: left;
    margin-right: -100%;
    width: 32.67%
}

.fc .fc_group[data-cols="5"]>.fc_cell:nth-child(3n+1) {
    margin-left: 0%;
    clear: both;
    overflow: hidden;
    *zoom:1}

.fc .fc_group[data-cols="5"]>.fc_cell:nth-child(3n+2) {
    margin-left: 33.67%;
    clear: none
}

.fc .fc_group[data-cols="5"]>.fc_cell:nth-child(3n+3) {
    margin-left: 67.33%;
    clear: none
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="1"] {
    width: 32.67%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="2"] {
    width: 66.34%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="2"]+.fc_cell {
    margin-left: 67.34%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="3"] {
    width: 100.01%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="3"]+.fc_cell {
    margin-left: 101.01%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="4"] {
    width: 101.01%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="4"]+.fc_cell {
    margin-left: 102.01%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="5"] {
    width: 102.01%
}

.fc .fc_group[data-cols="5"]>.fc_cell[data-colspan="5"]+.fc_cell {
    margin-left: 103.01%
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .fc .fc_group[data-cols="1"] {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_group[data-cols="1"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_group[data-cols="2"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_group[data-cols="2"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_group[data-cols="3"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_group[data-cols="3"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_group[data-cols="4"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_group[data-cols="4"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }

    .fc .fc_group[data-cols="5"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        *zoom:1}

    .fc .fc_group[data-cols="5"]>.fc_cell {
        width: 100% !important;
        clear: both !important;
        margin-left: 0 !important
    }
}

.fc .fc_row.fc_buttons {
    text-align: right
}

@media print {
    .fc .fc_row.fc_buttons {
        display: none
    }
}

.fc .fc_cell.error {
    color: #D50000
}

.info {
    display: inline-block;
    font-size: smaller;
    margin: 1rem 0;
    padding: 0.5rem;
    color: rgba(0,0,0,0.54);
    text-align: justify
}

.help {
    cursor: help
}

.required:after {
    content: '*';
    position: absolute;
    margin-left: 2px;
    line-height: 1rem
}

:disabled+.required {
    display: none
}

[class*="grid"]+.required {
    float: right
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -ms-transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -ms-transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -ms-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -ms-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

div.messok {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -ms-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -ms-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-transform: translateX(0)
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.spinner:not(:required) {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: rotation;
    animation-name: rotation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

/*! jQuery UI - v1.9.2 - 2015-08-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=&fwDefault=normal&fsDefault=&cornerRadius=0&bgColorHeader=%23FFF&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=transparent&fcHeader=%23212121&iconColorHeader=%23737373&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23E0E0E0&fcContent=%23212121&iconColorContent=%23737373&bgColorDefault=transparent&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=transparent&fcDefault=%23212121&iconColorDefault=%23737373&bgColorHover=%23EEEEEE&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=transparent&fcHover=%23212121&iconColorHover=%23737373&bgColorActive=%23E0E0E0&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=transparent&fcActive=%23212121&iconColorActive=%23737373&bgColorHighlight=%23EEEEEE&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23D50000&fcError=%23D50000&iconColorError=%23D50000&bgColorOverlay=%23000&bgTextureOverlay=flat&bgImgOpacityOverlay=100&opacityOverlay=50&bgColorShadow=%23f00&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom:1}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 1em .5em 1em .7em;
    border: solid 1px rgba(0,0,0,0.087);
    border-top-style: none;
    font-weight: 500
}

.ui-accordion .ui-accordion-header:first-child {
    border-top-style: solid
}

.ui-accordion .ui-accordion-header.ui-state-active {
    background: none
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border: solid rgba(0,0,0,0.087);
    border-width: 0 1px 1px 1px;
    overflow: auto;
    zoom:1;display: none
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 200px;
    overflow-y: auto
}

.ui-autocomplete.ui-menu {
    border: solid 1px #b2dfdb;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    z-index: 1100
}

@media print {
    .ui-autocomplete.ui-menu {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    text-transform: uppercase;
    font-size: 1rem
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button,.expenseReport>.content .title .principal>.container>div input.ui-button#description:hover {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 20rem;
    z-index: 10002 !important;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    display: none
}

@media print {
    .ui-datepicker {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: #009bda
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 4px;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    display: table;
    border-radius: 50%;
    text-align: center
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next:hover {
    color: #fff
}

.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
    background-color: #008ac9
}

.ui-datepicker .ui-datepicker-prev>i,.ui-datepicker .ui-datepicker-next>i {
    display: table-cell;
    vertical-align: middle;
    color: inherit
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.4em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year,.ui-datepicker div.ui-datepicker-month-year.pq-select-button,.ui-datepicker .expenseReport>.content .title .principal>.container>div select.ui-datepicker-month-year#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker select.ui-datepicker-month-year#periode:hover {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker div.ui-datepicker-month.pq-select-button,.ui-datepicker .expenseReport>.content .title .principal>.container>div select.ui-datepicker-month#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker select.ui-datepicker-month#periode:hover {
    width: 66%;
    margin-right: 2px
}

.ui-datepicker select.ui-datepicker-year,.ui-datepicker div.ui-datepicker-year.pq-select-button,.ui-datepicker .expenseReport>.content .title .principal>.container>div select.ui-datepicker-year#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker select.ui-datepicker-year#periode:hover {
    width: 32%
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.ui-datepicker th {
    color: rgba(0,0,0,0.54)
}

.ui-datepicker th,.ui-datepicker td {
    text-align: center
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    text-decoration: none;
    width: 2.5rem;
    line-height: 2.5rem;
    border-radius: 50%
}

.ui-datepicker td span.ui-state-active,.ui-datepicker td a.ui-state-active {
    background-color: #009bda;
    color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker .ui-datepicker-week-col {
    color: rgba(0,0,0,0.54);
    padding-left: 1ex
}

.ui-datepicker td.ui-datepicker-week-col {
    font-size: 90%
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-dialog {
    position: fixed;
    top: 0;
    left: 0;
    padding: .2em;
    width: 300px;
    z-index: 1098;
    max-width: 95%;
    max-height: 95%;
    -webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
    box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)
}

@media print {
    .ui-dialog {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-dialog .ui-button {
    color: #FF5252
}

.ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    font-size: 1.5rem
}

.ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    height: 18px
}

.ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    position: static
}

.ui-dialog.unclosable .ui-dialog-titlebar-close {
    display: none
}

.ui-dialog-content {
    position: relative;
    padding: .5em 1em;
    overflow: auto
}

.ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: 0;
    padding: 0 1em 0 .4em
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog-buttonpane button {
    margin: 0 .4em 0 0;
    cursor: pointer
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;width: 100%
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom:1;font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom:1}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-widget-content {
    background: #ffffff
}

.ui-widget-header {
    font-weight: 500
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    background: #EEEEEE
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    background: #E0E0E0
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #FF5252
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #D50000;
    background: #fef1ec;
    color: #D50000
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #D50000
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #D50000
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 500
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_737373_256x240.png")
}

.ui-widget-content .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_737373_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_737373_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_737373_256x240.png")
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_737373_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_737373_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_2e83ff_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-icons_D50000_256x240.png")
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 0
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 0
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 0
}

.ui-widget-overlay,.menu-overlay,#waiting-overlay {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .3;
    z-index: 1097
}

.ui-widget-overlay.white,.white.menu-overlay,.white#waiting-overlay {
    background: white;
    opacity: 0.35
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: red url("../../../../../external/jquery/jquery-ui-1.9.2/css/custom-theme/images/ui-bg_flat_0_f00_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.ms-container .ms-switch {
    background: transparent url("../../../../../eurecia/image/icons/switch.png") no-repeat 50% 50%;
    #background-color:#555555;cursor: pointer;
    position: relative;
    float: left;
    margin-top: 90px;
    width: 10%;
    height: 20px
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden
}

.ms-container .ms-selectable,.ms-container .ms-selection {
    color: #555555;
    float: left;
    width: 45%
}

.ms-container .ms-selection {
    float: right
}

.ms-container .ms-list {
    background: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    height: 200px;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.ms-container .ms-list.ms-focus {
    border-color: rgba(82,168,236,0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    outline: 0;
    outline: thin dotted \9
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.ms-container .ms-optgroup-container {
    width: 100%
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;
    color: #999
}

.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #eee solid;
    padding: 2px 10px;
    color: #555;
    font-size: 14px
}

.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #08c
}

.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled {
    background-color: #eee;
    color: #aaa;
    cursor: text
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: block;
    height: 1.8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0.15em;
    padding-right: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 0;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-container .select2-child-0 {
    margin-left: 1rem
}

.select2-container .select2-child-1 {
    margin-left: 2.75rem
}

.select2-container .select2-child-2 {
    margin-left: 4.5rem
}

.select2-container .select2-child-3 {
    margin-left: 6.25rem
}

.select2-container .select2-child-4 {
    margin-left: 8rem
}

.select2-container .select2-child-5 {
    margin-left: 9.75rem
}

.select2-container .select2-child-6 {
    margin-left: 11.5rem
}

.select2-container .select2-child-7 {
    margin-left: 13.25rem
}

.select2-container .select2-child-8 {
    margin-left: 15rem
}

.select2-container .select2-child-9 {
    margin-left: 16.75rem
}

.select2-container .select2-child>i {
    margin-left: -1.5rem;
    cursor: default
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #b2dfdb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1099
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 0 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: default
}

.select2-results__option>span {
    white-space: nowrap
}

.select2-container--open .select2-dropdown {
    left: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

@media print {
    .select2-container--open .select2-dropdown {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #b2dfdb
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1.8em
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    float: right;
    font-weight: 500;
    color: #888888
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.8em - 2px);
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #b2dfdb;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: default;
    float: right;
    font-weight: 500;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #b2dfdb;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: default;
    display: inline-block;
    font-weight: 500;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection,.select2-container--default.select2-container--open .select2-selection {
    outline: none;
    border: 1px solid #ffb8b8
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #b2dfdb
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.cd-accordion-menu {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: none;
    box-shadow: none
}

@media print {
    .cd-accordion-menu {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.cd-accordion-menu ul {
    display: none
}

.cd-accordion-menu li {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-collapse: collapse;
    border-bottom: solid 1px rgba(0,0,0,0.087)
}

.cd-accordion-menu li.accordion-selected-item>label {
    font-weight: 500;
    background-color: #b2dfdb;
    border-left: 2px solid #FF5252
}

.cd-accordion-menu li .cd-accordion-sub-select {
    font-weight: 500;
    -webkit-box-shadow: 0px 0px 5px 3px #e0f2f1;
    box-shadow: 0px 0px 5px 3px #e0f2f1;
    z-index: 3;
    border-left: 2px solid #FF5252
}

.cd-accordion-menu input[type=checkbox],.cd-accordion-menu .expenseReport>.content .title .principal>.container>div input[type=checkbox]#description:hover,.expenseReport>.content .title .principal>.container>div .cd-accordion-menu input[type=checkbox]#description:hover {
    position: absolute;
    opacity: 0
}

.cd-accordion-menu label,.cd-accordion-menu a {
    position: relative;
    display: block;
    color: rgba(0,0,0,0.87)
}

.cd-accordion-menu label {
    padding: 6px
}

.cd-accordion-menu label .company_suffix {
    font-size: 90%;
    color: rgba(0,0,0,0.54);
    margin: 0 6px
}

.cd-accordion-menu label .company_suffix:before {
    content: '('
}

.cd-accordion-menu label .company_suffix:after {
    content: ')'
}

.cd-accordion-menu a {
    float: right;
    padding-bottom: 6px
}

.cd-accordion-menu i.accordeon-folder {
    font-size: 105%;
    color: rgba(0,0,0,0.54)
}

.cd-accordion-menu span {
    display: inline-block;
    max-width: 80%
}

.cd-accordion-menu label::before,.cd-accordion-menu label::after,.cd-accordion-menu a::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-accordion-menu label {
    cursor: pointer
}

.cd-accordion-menu label::before,.cd-accordion-menu label::after {
    background-repeat: no-repeat
}

.cd-accordion-menu label::before {
    left: 6px;
    background-position: 0 0;
    -webkit-transform: translateY(-50%),rotate(-90deg);
    transform: translateY(-50%),rotate(-90deg)
}

.cd-accordion-menu label::after {
    left: 17px;
    background-position: -16px 0
}

.cd-accordion-menu a::after {
    left: 12px
}

.cd-accordion-menu input[type=checkbox]:checked+label::before,.cd-accordion-menu .expenseReport>.content .title .principal>.container>div input[type=checkbox]#description:checked:hover+label::before,.expenseReport>.content .title .principal>.container>div .cd-accordion-menu input[type=checkbox]#description:checked:hover+label::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-accordion-menu input[type=checkbox]:checked+label::after,.cd-accordion-menu .expenseReport>.content .title .principal>.container>div input[type=checkbox]#description:checked:hover+label::after,.expenseReport>.content .title .principal>.container>div .cd-accordion-menu input[type=checkbox]#description:checked:hover+label::after {
    background-position: -32px 0
}

.cd-accordion-menu input[type=checkbox]:checked+label+ul,.cd-accordion-menu .expenseReport>.content .title .principal>.container>div input[type=checkbox]#description:checked:hover+label+ul,.expenseReport>.content .title .principal>.container>div .cd-accordion-menu input[type=checkbox]#description:checked:hover+label+ul,.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul,.cd-accordion-menu .expenseReport>.content .title .principal>.container>div input[type=checkbox]#description:checked:hover+label:nth-of-type(n)+ul,.expenseReport>.content .title .principal>.container>div .cd-accordion-menu input[type=checkbox]#description:checked:hover+label:nth-of-type(n)+ul {
    display: block
}

.cd-accordion-menu ul a {
    background-color: transparent
}

.cd-accordion-menu>li>label {
    background-color: #e0f2f1
}

.cd-accordion-menu>li>label:hover {
    background-color: #80cbc4
}

.cd-accordion-menu li ul li label {
    font-weight: normal;
    background-color: white
}

.cd-accordion-menu li ul li label:hover {
    -webkit-box-shadow: 0px 0px 8px 3px #e0f2f1;
    box-shadow: 0px 0px 8px 3px #e0f2f1;
    z-index: 2
}

.cd-accordion-menu li ul li label.archived {
    border-left: 1px solid rgba(0,0,0,0.26);
    opacity: 0.6
}

.cd-accordion-menu li ul li label.archived:hover {
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.26);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.26)
}

.cd-accordion-menu li:first-child {
    border-top: solid 1px rgba(0,0,0,0.087)
}

.cd-accordion-menu li ul li:last-child {
    border-bottom: none
}

.cd-accordion-menu>li:last-of-type>label,.cd-accordion-menu>li:last-of-type>a,.cd-accordion-menu>li>ul>li:last-of-type label,.cd-accordion-menu>li>ul>li:last-of-type a {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cd-accordion-menu ul label::before {
    left: 6px
}

.cd-accordion-menu ul label::after,.cd-accordion-menu ul a::after {
    left: 23px
}

.cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a {
    padding-left: 40px
}

.cd-accordion-menu ul ul label::before {
    left: 18px
}

.cd-accordion-menu ul ul label::after,.cd-accordion-menu ul ul a::after {
    left: 29px
}

.cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul a {
    padding-left: 46px
}

.cd-accordion-menu ul ul ul label::before {
    left: 24px
}

.cd-accordion-menu ul ul ul label::after,.cd-accordion-menu ul ul ul a::after {
    left: 35px
}

@media only screen and (min-width: 600px) {
    .cd-accordion-menu label {
        padding:10px 10px 10px 10px
    }

    .cd-accordion-menu label::before {
        left: 10px
    }

    .cd-accordion-menu label::after {
        left: 25px
    }

    .cd-accordion-menu ul label {
        padding-left: 30px
    }

    .cd-accordion-menu ul label::before {
        left: 20px
    }

    .cd-accordion-menu ul label::after,.cd-accordion-menu ul a::after {
        left: 35px
    }

    .cd-accordion-menu ul ul label {
        padding-left: 60px
    }

    .cd-accordion-menu ul ul label::before {
        left: 30px
    }

    .cd-accordion-menu ul ul label::after,.cd-accordion-menu ul ul a::after {
        left: 45px
    }

    .cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul a {
        padding-left: 70px
    }

    .cd-accordion-menu ul ul ul label::before {
        left: 40px
    }

    .cd-accordion-menu ul ul ul label::after,.cd-accordion-menu ul ul ul a::after {
        left: 55px
    }
}

.cd-accordion-menu.animated label::before {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (max-width: 935px) {
    html:not(.mobile) .cd-accordion-menu {
        width:100%;
        position: relative;
        overflow: hidden
    }
}

@media only screen and (min-width: 936px) {
    html:not(.mobile) .cd-accordion-menu {
        height:77%;
        overflow-y: auto;
        overflow-x: hidden
    }

    html:not(.mobile) body.nav-menu-secondary-narrow.nav-menu-main-narrow .cd-accordion-menu {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    html:not(.mobile) .leftColumnFixed {
        z-index: 1
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.iconSVG,.icon-map {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: .1em;
    background-image: url("../../../../../eurecia/image/expense-icons/depense.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.iconSVG.undefined,.undefined.icon-map {
    background-image: none
}

.iconSVG.advancePayment,.advancePayment.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/advancePayment.svg")
}

.iconSVG.basket,.basket.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/basket.svg")
}

.iconSVG.bed,.bed.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/bed.svg")
}

.iconSVG.bicycle,.bicycle.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/bicycle.svg")
}

.iconSVG.brush,.brush.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/brush.svg")
}

.iconSVG.bus,.bus.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/bus.svg")
}

.iconSVG.car,.car.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/car.svg")
}

.iconSVG.car_rent,.car_rent.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/car_rent.svg")
}

.iconSVG.coffee,.coffee.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/coffee.svg")
}

.iconSVG.computer,.computer.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/computer.svg")
}

.iconSVG.depense,.depense.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/depense.svg")
}

.iconSVG.dinner,.dinner.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/dinner.svg")
}

.iconSVG.flight,.flight.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/flight.svg")
}

.iconSVG.food,.food.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/food.svg")
}

.iconSVG.fuel,.fuel.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/fuel.svg")
}

.iconSVG.gift,.gift.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/gift.svg")
}

.iconSVG.home,.home.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/home.svg")
}

.iconSVG.mail,.mail.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/mail.svg")
}

.iconSVG.parking,.parking.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/parking.svg")
}

.iconSVG.party,.party.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/party.svg")
}

.iconSVG.phone,.phone.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/phone.svg")
}

.iconSVG.road,.road.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/road.svg")
}

.iconSVG.subway,.subway.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/subway.svg")
}

.iconSVG.taxi,.taxi.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/taxi.svg")
}

.iconSVG.theatre,.theatre.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/theatre.svg")
}

.iconSVG.tip,.tip.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/tip.svg")
}

.iconSVG.train,.train.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/train.svg")
}

.iconSVG.wifi,.wifi.icon-map {
    background-image: url("../../../../../eurecia/image/expense-icons/wifi.svg")
}

.select2-results .iconSVG,.select2-results .icon-map {
    width: 2rem;
    height: 2rem
}

.iconFlex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.iconTxt {
    display: none
}

.split .iconSVG,.split .icon-map {
    margin: 0 .3em
}

ea-nature {
    display: inline-block;
    width: 100%;
    margin-bottom: .7em
}

ea-nature .tree-input {
    margin-bottom: 0 !important
}

ea-nature .tree-input .iconSVG,ea-nature .tree-input .icon-map {
    margin-bottom: -.4em
}

ea-nature .tree-view {
    min-width: calc(21em + 20px) !important;
    max-width: calc(48em + 20px) !important;
    margin-top: 0 !important
}

ea-nature .tree-view input[type=search],ea-nature .tree-view .expenseReport>.content .title .principal>.container>div input[type=search]#description:hover,.expenseReport>.content .title .principal>.container>div ea-nature .tree-view input[type=search]#description:hover {
    width: 19em;
    margin-left: 1em
}

ea-nature .nature {
    overflow-y: auto;
    max-height: 50vh;
    margin: .5em .5em 0
}

ea-nature .nature .group {
    display: inline-block;
    max-width: 46em;
    margin: 0.25em .5em;
    padding: .5em;
    background-color: #f5f5f5
}

ea-nature .nature .group.top {
    background-color: #e0f2f1
}

ea-nature .nature .group .title {
    font-size: 1.1em;
    height: auto;
    color: rgba(0,0,0,0.87)
}

ea-nature .nature .group hr {
    margin: 0
}

ea-nature .nature .group .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ea-nature .nature .group .items .active {
    border-radius: 10%;
    background-color: #009bda
}

ea-nature .nature .group .items article:hover {
    border-radius: 10%;
    background-color: #80cbc4
}

ea-nature .nature .group .items article {
    width: 8em;
    padding: .5em;
    text-align: center
}

ea-nature .nature .group .items .iconSVG,ea-nature .nature .group .items .icon-map {
    display: block;
    width: 100%;
    height: 2.5rem
}

.simplified ea-nature .nature .group .title.uncategorized {
    display: none
}

.simplified ea-nature .nature .group .title.uncategorized+hr {
    display: none
}

.toast-title {
    font-weight: bold
}

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

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

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

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

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

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

.toast-top-center {
    top: 0;
    right: 0
}

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

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

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

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

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

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

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

#toast-container {
    position: fixed;
    z-index: 999999;
    left: 24rem;
    right: 24rem
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

#toast-container .toast.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

#toast-container .toast.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

#toast-container .toast.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

#toast-container .toast.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container .toast.toast-wait {
    padding: 15px 15px 15px 15px
}

#toast-container .toast.toast-wait>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#toast-container .toast.toast-wait .spinner {
    margin-right: 15px;
    height: 2rem;
    min-height: 2rem;
    width: 2rem;
    min-width: 2rem
}

#toast-container .toast.toast-finish {
    padding: 15px 15px 15px 15px
}

#toast-container .toast.toast-finish>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#toast-container .toast.toast-finish .spinner {
    border-color: #009bda !important;
    -webkit-animation: border-color 1s;
    animation: border-color 1s;
    margin-right: 15px;
    height: 2rem;
    min-height: 2rem;
    width: 2rem;
    min-width: 2rem
}

#toast-container .toast.toast-finish .spinner:after {
    content: '\e80f';
    font-size: 2.5em;
    line-height: 1em;
    color: white;
    font-family: fontello;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    margin-left: -.1em;
    margin-top: -0.2em
}

#toast-container.toast-top-center .toast,#toast-container.toast-bottom-center .toast {
    width: auto;
    max-width: 80vh;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto
}

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

.toast {
    background-color: #030303
}

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

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

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

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

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

div[toast] {
    opacity: 1 !important
}

div[toast] .ng-enter,div[toast] .ng-leave {
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

div[toast] .ng-enter.ng-enter-active {
    opacity: 1 !important;
    top: 0
}

div[toast] .ng-leave.ng-leave-active {
    opacity: 0 !important;
    top: -100px
}

@media all and (max-width: 240px) {
    #toast-container {
        left:0;
        right: 0
    }

    #toast-container .toast.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
    }

    .toast-top-center {
        width: 100%
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container {
        left:0;
        right: 0
    }

    #toast-container .toast.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
    }

    .toast-top-center {
        width: 100%
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container {
        left:0;
        right: 0
    }

    #toast-container .toast.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

/*!
 * ParamQuery Select v1.3.2
 *
 * Copyright (c) 2015-2016 Paramvir Dhindsa (http://paramquery.com)
 * Released under GNU General Public License v3
 * http://paramquery.com/license
 *
 */
.pq-select-optgroup {
    font-weight: 700;
    margin: 0 3px
}

div.pq-select-button {
    background-color: white !important;
    height: initial !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 50px;
    min-height: 1rem;
    cursor: pointer;
    text-align: left
}

.pq-select-button>.pq-icon {
    float: right
}

.pq-select-single .pq-select-item-text,.pq-select-single .pq-select-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pq-select-single .pq-select-item-text {
    display: inline-block
}

.pq-select-popup-cont {
    position: absolute;
    z-index: 10000;
    display: none;
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

.pq-select-popup {
    overflow: visible;
    padding: 1px;
    outline: 0;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.1)
}

.pq-select-shadow-fix {
    position: absolute;
    width: 120%;
    height: 8px;
    margin-left: -10%
}

.pq-select-popup * {
    outline: 0
}

.pq-select-all {
    position: relative;
    display: block;
    margin-bottom: 1px;
    cursor: pointer
}

.pq-select-all>.ui-icon-close {
    float: right
}

.pq-select-search-div {
    position: relative;
    margin-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px
}

.pq-select-search-div1 {
    overflow: hidden
}

.pq-select-search-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 0;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.pq-select-search-input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.pq-select-search-div>.ui-icon {
    float: right
}

.pq-select-search-highlight {
    margin: 0;
    padding: 0;
    text-decoration: underline
}

.pq-select-menu {
    position: relative;
    overflow: auto;
    max-height: 240px;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch
}

div.pq-select-menu>.pq-select-option-label {
    position: relative;
    display: block;
    min-height: 18px;
    border: 1px solid transparent
}

.pq-select-option-label>span {
    padding: 2px 0
}

.pq-select-search-div .glyphicon {
    margin: 2px
}

.pq-select-option-label>span.pq-left-group {
    margin-left: 13px
}

.pq-select-all>input,.expenseReport>.content .title .principal>.container>div .pq-select-all>input#description:hover,.pq-select-option-label>input,.expenseReport>.content .title .principal>.container>div .pq-select-option-label>input#description:hover {
    position: relative;
    top: 1px;
    margin: 2px 1rem 2px 1rem
}

.pq-select-search-input {
    padding: 1px 2px;
    border-width: 0
}

.pq-select-text>.pq-select-item {
    font-size: 100%;
    font-weight: 400;
    line-height: 16px;
    display: inline-block;
    background-color: #e0f2f1;
    margin: 1px;
    padding: 2px 0 2px 3px
}

.pq-select-item>.ui-icon-close {
    float: right
}

.pq-select-popup label.pq-state-hover {
    background-color: #eee
}

.pq-select-popup label {
    font-size: inherit;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0 0 2px;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.pq-select-popup label:hover {
    background-color: #eee
}

.big.emoji {
    width: 62.5px;
    height: 62.5px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    border-radius: 30%;
    position: relative;
    background-repeat: no-repeat
}

.big.none.emoji {
    width: 62.5px;
    height: 62.5px;
    background-color: transparent;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: contain
}

.big.none.emoji .eyes,.big.none.emoji .mouth {
    display: none
}

.big.emoji {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    width: 62.5px;
    height: 62.5px;
    background-color: transparent;
    border-radius: 50%;
    position: relative
}

.big.emoji .face {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    width: 62.5px;
    height: 62.5px;
    position: relative
}

.big.emoji.sad {
    background: #ff3c41
}

.big.emoji.sad .face {
    -webkit-animation: sad-look-big 5s infinite;
    animation: sad-look-big 5s infinite
}

.big.emoji.sad .face .eye {
    width: 6.25px;
    height: 6.25px;
    background-color: #000;
    border-radius: 50%;
    top: 37.5px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

.big.emoji.sad .face .eye.left {
    left: 11.25px
}

.big.emoji.sad .face .eye.right {
    right: 11.25px
}

.big.emoji.sad .face .mouth {
    width: 25px;
    height: 12.5px;
    border-style: solid;
    border-radius: 50%;
    border-width: 2px;
    border-color: #000 transparent transparent transparent;
    left: 17px;
    top: 46.5px;
    position: absolute;
    -webkit-animation: sad-mouth-big 5s infinite;
    animation: sad-mouth-big 5s infinite
}

.big.emoji.neutral {
    background: #fcd000
}

.big.emoji.neutral .face {
    -webkit-animation: neutral-look-big 5s infinite;
    animation: neutral-look-big 5s infinite
}

.big.emoji.neutral .face .eye {
    width: 6.25px;
    height: 6.25px;
    background-color: #000;
    border-radius: 50%;
    top: 31.25px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.big.emoji.neutral .face .eye.left {
    left: 11.25px
}

.big.emoji.neutral .face .eye.right {
    right: 11.25px
}

.big.emoji.neutral .face .mouth {
    width: 18.75px;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    left: 22.5px;
    top: 43.75px;
    position: absolute
}

.big.emoji.happy {
    background: #47cf73
}

.big.emoji.happy .face {
    -webkit-animation: happy-look-big 5s infinite;
    animation: happy-look-big 5s infinite
}

.big.emoji.happy .face .eye {
    width: 6.25px;
    height: 6.25px;
    background-color: #000;
    border-radius: 50%;
    top: 18.75px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite
}

.big.emoji.happy .face .eye.left {
    left: 11.25px
}

.big.emoji.happy .face .eye.right {
    right: 11.25px
}

.big.emoji.happy .face .mouth {
    width: 25px;
    height: 12.5px;
    border-style: solid;
    border-radius: 50%;
    border-width: 2px;
    border-color: transparent transparent #000 transparent;
    left: 17px;
    top: 18.75px;
    position: absolute;
    -webkit-animation: happy-mouth-big 5s infinite;
    animation: happy-mouth-big 5s infinite
}

.big.emoji.fixed .face {
    -webkit-animation: none !important;
    animation: none !important
}

.big.emoji.fixed .eye {
    -webkit-animation: none !important;
    animation: none !important
}

.big.emoji.fixed .mouth {
    -webkit-animation: none !important;
    animation: none !important
}

@-webkit-keyframes happy-look-big {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(2.5px, 0px);
        transform: translate(2.5px, 0px)
    }

    20% {
        -webkit-transform: translate(2.5px, 0px);
        transform: translate(2.5px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(-2.5px, -3.75px);
        transform: translate(-2.5px, -3.75px)
    }

    80% {
        -webkit-transform: translate(-2.5px, -3.75px);
        transform: translate(-2.5px, -3.75px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes happy-look-big {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(2.5px, 0px);
        transform: translate(2.5px, 0px)
    }

    20% {
        -webkit-transform: translate(2.5px, 0px);
        transform: translate(2.5px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(-2.5px, -3.75px);
        transform: translate(-2.5px, -3.75px)
    }

    80% {
        -webkit-transform: translate(-2.5px, -3.75px);
        transform: translate(-2.5px, -3.75px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes happy-mouth-big {
    0% {
        height: 12.5px
    }

    10% {
        height: 12.5px
    }

    20% {
        height: 12.5px
    }

    30% {
        height: 12.5px
    }

    60% {
        height: 12.5px
    }

    70% {
        height: 10px
    }

    80% {
        height: 10px
    }

    90% {
        height: 12.5px
    }
}

@keyframes happy-mouth-big {
    0% {
        height: 12.5px
    }

    10% {
        height: 12.5px
    }

    20% {
        height: 12.5px
    }

    30% {
        height: 12.5px
    }

    60% {
        height: 12.5px
    }

    70% {
        height: 10px
    }

    80% {
        height: 10px
    }

    90% {
        height: 12.5px
    }
}

@-webkit-keyframes neutral-look-big {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(-6.25px, 0px);
        transform: translate(-6.25px, 0px)
    }

    20% {
        -webkit-transform: translate(-6.25px, 0px);
        transform: translate(-6.25px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(3.75px, -3.75px);
        transform: translate(3.75px, -3.75px)
    }

    80% {
        -webkit-transform: translate(3.75px, -3.75px);
        transform: translate(3.75px, -3.75px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes neutral-look-big {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(-6.25px, 0px);
        transform: translate(-6.25px, 0px)
    }

    20% {
        -webkit-transform: translate(-6.25px, 0px);
        transform: translate(-6.25px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(3.75px, -3.75px);
        transform: translate(3.75px, -3.75px)
    }

    80% {
        -webkit-transform: translate(3.75px, -3.75px);
        transform: translate(3.75px, -3.75px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sad-look-big {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    15% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    25% {
        -webkit-transform: translate(0px, -6.25px);
        transform: translate(0px, -6.25px)
    }

    35% {
        -webkit-transform: translate(0px, -6.25px);
        transform: translate(0px, -6.25px)
    }

    45% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    80% {
        -webkit-transform: translate(-3.75px, -6.25px);
        transform: translate(-3.75px, -6.25px)
    }

    90% {
        -webkit-transform: translate(-3.75px, -6.25px);
        transform: translate(-3.75px, -6.25px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sad-look-big {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    15% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    25% {
        -webkit-transform: translate(0px, -6.25px);
        transform: translate(0px, -6.25px)
    }

    35% {
        -webkit-transform: translate(0px, -6.25px);
        transform: translate(0px, -6.25px)
    }

    45% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    80% {
        -webkit-transform: translate(-3.75px, -6.25px);
        transform: translate(-3.75px, -6.25px)
    }

    90% {
        -webkit-transform: translate(-3.75px, -6.25px);
        transform: translate(-3.75px, -6.25px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sad-mouth-big {
    0% {
        height: 6.25px
    }

    15% {
        height: 6.25px
    }

    25% {
        height: 12.5px
    }

    35% {
        height: 12.5px
    }

    45% {
        height: 6.25px
    }

    70% {
        height: 6.25px
    }

    80% {
        height: 12.5px
    }

    90% {
        height: 12.5px
    }

    100% {
        height: 6.25px
    }
}

@keyframes sad-mouth-big {
    0% {
        height: 6.25px
    }

    15% {
        height: 6.25px
    }

    25% {
        height: 12.5px
    }

    35% {
        height: 12.5px
    }

    45% {
        height: 6.25px
    }

    70% {
        height: 6.25px
    }

    80% {
        height: 12.5px
    }

    90% {
        height: 12.5px
    }

    100% {
        height: 6.25px
    }
}

.medium.emoji {
    width: 41.66667px;
    height: 41.66667px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    border-radius: 30%;
    position: relative;
    background-repeat: no-repeat
}

.medium.none.emoji {
    width: 41.66667px;
    height: 41.66667px;
    background-color: transparent;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: contain
}

.medium.none.emoji .eyes,.medium.none.emoji .mouth {
    display: none
}

.medium.emoji {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    width: 41.66667px;
    height: 41.66667px;
    background-color: transparent;
    border-radius: 50%;
    position: relative
}

.medium.emoji .face {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    width: 41.66667px;
    height: 41.66667px;
    position: relative
}

.medium.emoji.sad {
    background: #ff3c41
}

.medium.emoji.sad .face {
    -webkit-animation: sad-look-medium 5s infinite;
    animation: sad-look-medium 5s infinite
}

.medium.emoji.sad .face .eye {
    width: 4.16667px;
    height: 4.16667px;
    background-color: #000;
    border-radius: 50%;
    top: 25px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

.medium.emoji.sad .face .eye.left {
    left: 7.5px
}

.medium.emoji.sad .face .eye.right {
    right: 7.5px
}

.medium.emoji.sad .face .mouth {
    width: 16.66667px;
    height: 8.33333px;
    border-style: solid;
    border-radius: 50%;
    border-width: 1.33333px;
    border-color: #000 transparent transparent transparent;
    left: 11.33333px;
    top: 31px;
    position: absolute;
    -webkit-animation: sad-mouth-medium 5s infinite;
    animation: sad-mouth-medium 5s infinite
}

.medium.emoji.neutral {
    background: #fcd000
}

.medium.emoji.neutral .face {
    -webkit-animation: neutral-look-medium 5s infinite;
    animation: neutral-look-medium 5s infinite
}

.medium.emoji.neutral .face .eye {
    width: 4.16667px;
    height: 4.16667px;
    background-color: #000;
    border-radius: 50%;
    top: 20.83333px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.medium.emoji.neutral .face .eye.left {
    left: 7.5px
}

.medium.emoji.neutral .face .eye.right {
    right: 7.5px
}

.medium.emoji.neutral .face .mouth {
    width: 12.5px;
    height: 1.33333px;
    border-radius: 1.33333px;
    background-color: #000;
    left: 15px;
    top: 29.16667px;
    position: absolute
}

.medium.emoji.happy {
    background: #47cf73
}

.medium.emoji.happy .face {
    -webkit-animation: happy-look-medium 5s infinite;
    animation: happy-look-medium 5s infinite
}

.medium.emoji.happy .face .eye {
    width: 4.16667px;
    height: 4.16667px;
    background-color: #000;
    border-radius: 50%;
    top: 12.5px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite
}

.medium.emoji.happy .face .eye.left {
    left: 7.5px
}

.medium.emoji.happy .face .eye.right {
    right: 7.5px
}

.medium.emoji.happy .face .mouth {
    width: 16.66667px;
    height: 8.33333px;
    border-style: solid;
    border-radius: 50%;
    border-width: 1.33333px;
    border-color: transparent transparent #000 transparent;
    left: 11.33333px;
    top: 12.5px;
    position: absolute;
    -webkit-animation: happy-mouth-medium 5s infinite;
    animation: happy-mouth-medium 5s infinite
}

.medium.emoji.fixed .face {
    -webkit-animation: none !important;
    animation: none !important
}

.medium.emoji.fixed .eye {
    -webkit-animation: none !important;
    animation: none !important
}

.medium.emoji.fixed .mouth {
    -webkit-animation: none !important;
    animation: none !important
}

@-webkit-keyframes happy-look-medium {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(1.66667px, 0px);
        transform: translate(1.66667px, 0px)
    }

    20% {
        -webkit-transform: translate(1.66667px, 0px);
        transform: translate(1.66667px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(-1.66667px, -2.5px);
        transform: translate(-1.66667px, -2.5px)
    }

    80% {
        -webkit-transform: translate(-1.66667px, -2.5px);
        transform: translate(-1.66667px, -2.5px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes happy-look-medium {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(1.66667px, 0px);
        transform: translate(1.66667px, 0px)
    }

    20% {
        -webkit-transform: translate(1.66667px, 0px);
        transform: translate(1.66667px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(-1.66667px, -2.5px);
        transform: translate(-1.66667px, -2.5px)
    }

    80% {
        -webkit-transform: translate(-1.66667px, -2.5px);
        transform: translate(-1.66667px, -2.5px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes happy-mouth-medium {
    0% {
        height: 8.33333px
    }

    10% {
        height: 8.33333px
    }

    20% {
        height: 8.33333px
    }

    30% {
        height: 8.33333px
    }

    60% {
        height: 8.33333px
    }

    70% {
        height: 6.66667px
    }

    80% {
        height: 6.66667px
    }

    90% {
        height: 8.33333px
    }
}

@keyframes happy-mouth-medium {
    0% {
        height: 8.33333px
    }

    10% {
        height: 8.33333px
    }

    20% {
        height: 8.33333px
    }

    30% {
        height: 8.33333px
    }

    60% {
        height: 8.33333px
    }

    70% {
        height: 6.66667px
    }

    80% {
        height: 6.66667px
    }

    90% {
        height: 8.33333px
    }
}

@-webkit-keyframes neutral-look-medium {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(-4.16667px, 0px);
        transform: translate(-4.16667px, 0px)
    }

    20% {
        -webkit-transform: translate(-4.16667px, 0px);
        transform: translate(-4.16667px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(2.5px, -2.5px);
        transform: translate(2.5px, -2.5px)
    }

    80% {
        -webkit-transform: translate(2.5px, -2.5px);
        transform: translate(2.5px, -2.5px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes neutral-look-medium {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(-4.16667px, 0px);
        transform: translate(-4.16667px, 0px)
    }

    20% {
        -webkit-transform: translate(-4.16667px, 0px);
        transform: translate(-4.16667px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(2.5px, -2.5px);
        transform: translate(2.5px, -2.5px)
    }

    80% {
        -webkit-transform: translate(2.5px, -2.5px);
        transform: translate(2.5px, -2.5px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sad-look-medium {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    15% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    25% {
        -webkit-transform: translate(0px, -4.16667px);
        transform: translate(0px, -4.16667px)
    }

    35% {
        -webkit-transform: translate(0px, -4.16667px);
        transform: translate(0px, -4.16667px)
    }

    45% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    80% {
        -webkit-transform: translate(-2.5px, -4.16667px);
        transform: translate(-2.5px, -4.16667px)
    }

    90% {
        -webkit-transform: translate(-2.5px, -4.16667px);
        transform: translate(-2.5px, -4.16667px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sad-look-medium {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    15% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    25% {
        -webkit-transform: translate(0px, -4.16667px);
        transform: translate(0px, -4.16667px)
    }

    35% {
        -webkit-transform: translate(0px, -4.16667px);
        transform: translate(0px, -4.16667px)
    }

    45% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    80% {
        -webkit-transform: translate(-2.5px, -4.16667px);
        transform: translate(-2.5px, -4.16667px)
    }

    90% {
        -webkit-transform: translate(-2.5px, -4.16667px);
        transform: translate(-2.5px, -4.16667px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sad-mouth-medium {
    0% {
        height: 4.16667px
    }

    15% {
        height: 4.16667px
    }

    25% {
        height: 8.33333px
    }

    35% {
        height: 8.33333px
    }

    45% {
        height: 4.16667px
    }

    70% {
        height: 4.16667px
    }

    80% {
        height: 8.33333px
    }

    90% {
        height: 8.33333px
    }

    100% {
        height: 4.16667px
    }
}

@keyframes sad-mouth-medium {
    0% {
        height: 4.16667px
    }

    15% {
        height: 4.16667px
    }

    25% {
        height: 8.33333px
    }

    35% {
        height: 8.33333px
    }

    45% {
        height: 4.16667px
    }

    70% {
        height: 4.16667px
    }

    80% {
        height: 8.33333px
    }

    90% {
        height: 8.33333px
    }

    100% {
        height: 4.16667px
    }
}

.small.emoji {
    width: 31.25px;
    height: 31.25px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    border-radius: 30%;
    position: relative;
    background-repeat: no-repeat
}

.small.none.emoji {
    width: 31.25px;
    height: 31.25px;
    background-color: transparent;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: contain
}

.small.none.emoji .eyes,.small.none.emoji .mouth {
    display: none
}

.small.emoji {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    width: 31.25px;
    height: 31.25px;
    background-color: transparent;
    border-radius: 50%;
    position: relative
}

.small.emoji .face {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    width: 31.25px;
    height: 31.25px;
    position: relative
}

.small.emoji.sad {
    background: #ff3c41
}

.small.emoji.sad .face {
    -webkit-animation: sad-look-small 5s infinite;
    animation: sad-look-small 5s infinite
}

.small.emoji.sad .face .eye {
    width: 3.125px;
    height: 3.125px;
    background-color: #000;
    border-radius: 50%;
    top: 18.75px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

.small.emoji.sad .face .eye.left {
    left: 5.625px
}

.small.emoji.sad .face .eye.right {
    right: 5.625px
}

.small.emoji.sad .face .mouth {
    width: 12.5px;
    height: 6.25px;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: #000 transparent transparent transparent;
    left: 8.5px;
    top: 23.25px;
    position: absolute;
    -webkit-animation: sad-mouth-small 5s infinite;
    animation: sad-mouth-small 5s infinite
}

.small.emoji.neutral {
    background: #fcd000
}

.small.emoji.neutral .face {
    -webkit-animation: neutral-look-small 5s infinite;
    animation: neutral-look-small 5s infinite
}

.small.emoji.neutral .face .eye {
    width: 3.125px;
    height: 3.125px;
    background-color: #000;
    border-radius: 50%;
    top: 15.625px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.small.emoji.neutral .face .eye.left {
    left: 5.625px
}

.small.emoji.neutral .face .eye.right {
    right: 5.625px
}

.small.emoji.neutral .face .mouth {
    width: 9.375px;
    height: 1px;
    border-radius: 1px;
    background-color: #000;
    left: 11.25px;
    top: 21.875px;
    position: absolute
}

.small.emoji.happy {
    background: #47cf73
}

.small.emoji.happy .face {
    -webkit-animation: happy-look-small 5s infinite;
    animation: happy-look-small 5s infinite
}

.small.emoji.happy .face .eye {
    width: 3.125px;
    height: 3.125px;
    background-color: #000;
    border-radius: 50%;
    top: 9.375px;
    position: absolute;
    -webkit-animation: blink 5s infinite;
    animation: blink 5s infinite
}

.small.emoji.happy .face .eye.left {
    left: 5.625px
}

.small.emoji.happy .face .eye.right {
    right: 5.625px
}

.small.emoji.happy .face .mouth {
    width: 12.5px;
    height: 6.25px;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    border-color: transparent transparent #000 transparent;
    left: 8.5px;
    top: 9.375px;
    position: absolute;
    -webkit-animation: happy-mouth-small 5s infinite;
    animation: happy-mouth-small 5s infinite
}

.small.emoji.fixed .face {
    -webkit-animation: none !important;
    animation: none !important
}

.small.emoji.fixed .eye {
    -webkit-animation: none !important;
    animation: none !important
}

.small.emoji.fixed .mouth {
    -webkit-animation: none !important;
    animation: none !important
}

@-webkit-keyframes happy-look-small {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(1.25px, 0px);
        transform: translate(1.25px, 0px)
    }

    20% {
        -webkit-transform: translate(1.25px, 0px);
        transform: translate(1.25px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(-1.25px, -1.875px);
        transform: translate(-1.25px, -1.875px)
    }

    80% {
        -webkit-transform: translate(-1.25px, -1.875px);
        transform: translate(-1.25px, -1.875px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes happy-look-small {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(1.25px, 0px);
        transform: translate(1.25px, 0px)
    }

    20% {
        -webkit-transform: translate(1.25px, 0px);
        transform: translate(1.25px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(-1.25px, -1.875px);
        transform: translate(-1.25px, -1.875px)
    }

    80% {
        -webkit-transform: translate(-1.25px, -1.875px);
        transform: translate(-1.25px, -1.875px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes happy-mouth-small {
    0% {
        height: 6.25px
    }

    10% {
        height: 6.25px
    }

    20% {
        height: 6.25px
    }

    30% {
        height: 6.25px
    }

    60% {
        height: 6.25px
    }

    70% {
        height: 5px
    }

    80% {
        height: 5px
    }

    90% {
        height: 6.25px
    }
}

@keyframes happy-mouth-small {
    0% {
        height: 6.25px
    }

    10% {
        height: 6.25px
    }

    20% {
        height: 6.25px
    }

    30% {
        height: 6.25px
    }

    60% {
        height: 6.25px
    }

    70% {
        height: 5px
    }

    80% {
        height: 5px
    }

    90% {
        height: 6.25px
    }
}

@-webkit-keyframes neutral-look-small {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(-3.125px, 0px);
        transform: translate(-3.125px, 0px)
    }

    20% {
        -webkit-transform: translate(-3.125px, 0px);
        transform: translate(-3.125px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(1.875px, -1.875px);
        transform: translate(1.875px, -1.875px)
    }

    80% {
        -webkit-transform: translate(1.875px, -1.875px);
        transform: translate(1.875px, -1.875px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes neutral-look-small {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    10% {
        -webkit-transform: translate(-3.125px, 0px);
        transform: translate(-3.125px, 0px)
    }

    20% {
        -webkit-transform: translate(-3.125px, 0px);
        transform: translate(-3.125px, 0px)
    }

    30% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    60% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(1.875px, -1.875px);
        transform: translate(1.875px, -1.875px)
    }

    80% {
        -webkit-transform: translate(1.875px, -1.875px);
        transform: translate(1.875px, -1.875px)
    }

    90% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sad-look-small {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    15% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    25% {
        -webkit-transform: translate(0px, -3.125px);
        transform: translate(0px, -3.125px)
    }

    35% {
        -webkit-transform: translate(0px, -3.125px);
        transform: translate(0px, -3.125px)
    }

    45% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    80% {
        -webkit-transform: translate(-1.875px, -3.125px);
        transform: translate(-1.875px, -3.125px)
    }

    90% {
        -webkit-transform: translate(-1.875px, -3.125px);
        transform: translate(-1.875px, -3.125px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@keyframes sad-look-small {
    0% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    15% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    25% {
        -webkit-transform: translate(0px, -3.125px);
        transform: translate(0px, -3.125px)
    }

    35% {
        -webkit-transform: translate(0px, -3.125px);
        transform: translate(0px, -3.125px)
    }

    45% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    70% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }

    80% {
        -webkit-transform: translate(-1.875px, -3.125px);
        transform: translate(-1.875px, -3.125px)
    }

    90% {
        -webkit-transform: translate(-1.875px, -3.125px);
        transform: translate(-1.875px, -3.125px)
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px)
    }
}

@-webkit-keyframes sad-mouth-small {
    0% {
        height: 3.125px
    }

    15% {
        height: 3.125px
    }

    25% {
        height: 6.25px
    }

    35% {
        height: 6.25px
    }

    45% {
        height: 3.125px
    }

    70% {
        height: 3.125px
    }

    80% {
        height: 6.25px
    }

    90% {
        height: 6.25px
    }

    100% {
        height: 3.125px
    }
}

@keyframes sad-mouth-small {
    0% {
        height: 3.125px
    }

    15% {
        height: 3.125px
    }

    25% {
        height: 6.25px
    }

    35% {
        height: 6.25px
    }

    45% {
        height: 3.125px
    }

    70% {
        height: 3.125px
    }

    80% {
        height: 6.25px
    }

    90% {
        height: 6.25px
    }

    100% {
        height: 3.125px
    }
}

@media only screen and (min-width: 936px) {
    html:not(.mobile) .big.emoji {
        width:125px;
        height: 125px;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        border-radius: 30%;
        position: relative;
        background-repeat: no-repeat
    }

    html:not(.mobile) .big.none.emoji {
        width: 125px;
        height: 125px;
        background-color: transparent;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
        background-size: contain
    }

    html:not(.mobile) .big.none.emoji .eyes,html:not(.mobile) .big.none.emoji .mouth {
        display: none
    }

    html:not(.mobile) .big.emoji {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 125px;
        height: 125px;
        background-color: transparent;
        border-radius: 50%;
        position: relative
    }

    html:not(.mobile) .big.emoji .face {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 125px;
        height: 125px;
        position: relative
    }

    html:not(.mobile) .big.emoji.sad {
        background: #ff3c41
    }

    html:not(.mobile) .big.emoji.sad .face {
        -webkit-animation: sad-look-big 5s infinite;
        animation: sad-look-big 5s infinite
    }

    html:not(.mobile) .big.emoji.sad .face .eye {
        width: 12.5px;
        height: 12.5px;
        background-color: #000;
        border-radius: 50%;
        top: 75px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 3.7s;
        animation-delay: 3.7s
    }

    html:not(.mobile) .big.emoji.sad .face .eye.left {
        left: 22.5px
    }

    html:not(.mobile) .big.emoji.sad .face .eye.right {
        right: 22.5px
    }

    html:not(.mobile) .big.emoji.sad .face .mouth {
        width: 50px;
        height: 25px;
        border-style: solid;
        border-radius: 50%;
        border-width: 4px;
        border-color: #000 transparent transparent transparent;
        left: 34px;
        top: 93px;
        position: absolute;
        -webkit-animation: sad-mouth-big 5s infinite;
        animation: sad-mouth-big 5s infinite
    }

    html:not(.mobile) .big.emoji.neutral {
        background: #fcd000
    }

    html:not(.mobile) .big.emoji.neutral .face {
        -webkit-animation: neutral-look-big 5s infinite;
        animation: neutral-look-big 5s infinite
    }

    html:not(.mobile) .big.emoji.neutral .face .eye {
        width: 12.5px;
        height: 12.5px;
        background-color: #000;
        border-radius: 50%;
        top: 62.5px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }

    html:not(.mobile) .big.emoji.neutral .face .eye.left {
        left: 22.5px
    }

    html:not(.mobile) .big.emoji.neutral .face .eye.right {
        right: 22.5px
    }

    html:not(.mobile) .big.emoji.neutral .face .mouth {
        width: 37.5px;
        height: 4px;
        border-radius: 4px;
        background-color: #000;
        left: 45px;
        top: 87.5px;
        position: absolute
    }

    html:not(.mobile) .big.emoji.happy {
        background: #47cf73
    }

    html:not(.mobile) .big.emoji.happy .face {
        -webkit-animation: happy-look-big 5s infinite;
        animation: happy-look-big 5s infinite
    }

    html:not(.mobile) .big.emoji.happy .face .eye {
        width: 12.5px;
        height: 12.5px;
        background-color: #000;
        border-radius: 50%;
        top: 37.5px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite
    }

    html:not(.mobile) .big.emoji.happy .face .eye.left {
        left: 22.5px
    }

    html:not(.mobile) .big.emoji.happy .face .eye.right {
        right: 22.5px
    }

    html:not(.mobile) .big.emoji.happy .face .mouth {
        width: 50px;
        height: 25px;
        border-style: solid;
        border-radius: 50%;
        border-width: 4px;
        border-color: transparent transparent #000 transparent;
        left: 34px;
        top: 37.5px;
        position: absolute;
        -webkit-animation: happy-mouth-big 5s infinite;
        animation: happy-mouth-big 5s infinite
    }

    html:not(.mobile) .big.emoji.fixed .face {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .big.emoji.fixed .eye {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .big.emoji.fixed .mouth {
        -webkit-animation: none !important;
        animation: none !important
    }

    @-webkit-keyframes happy-look-big {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(5px, 0px);
            transform: translate(5px, 0px)
        }

        20% {
            -webkit-transform: translate(5px, 0px);
            transform: translate(5px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-5px, -7.5px);
            transform: translate(-5px, -7.5px)
        }

        80% {
            -webkit-transform: translate(-5px, -7.5px);
            transform: translate(-5px, -7.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes happy-look-big {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(5px, 0px);
            transform: translate(5px, 0px)
        }

        20% {
            -webkit-transform: translate(5px, 0px);
            transform: translate(5px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-5px, -7.5px);
            transform: translate(-5px, -7.5px)
        }

        80% {
            -webkit-transform: translate(-5px, -7.5px);
            transform: translate(-5px, -7.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes happy-mouth-big {
        0% {
            height: 25px
        }

        10% {
            height: 25px
        }

        20% {
            height: 25px
        }

        30% {
            height: 25px
        }

        60% {
            height: 25px
        }

        70% {
            height: 20px
        }

        80% {
            height: 20px
        }

        90% {
            height: 25px
        }
    }

    @keyframes happy-mouth-big {
        0% {
            height: 25px
        }

        10% {
            height: 25px
        }

        20% {
            height: 25px
        }

        30% {
            height: 25px
        }

        60% {
            height: 25px
        }

        70% {
            height: 20px
        }

        80% {
            height: 20px
        }

        90% {
            height: 25px
        }
    }

    @-webkit-keyframes neutral-look-big {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-12.5px, 0px);
            transform: translate(-12.5px, 0px)
        }

        20% {
            -webkit-transform: translate(-12.5px, 0px);
            transform: translate(-12.5px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(7.5px, -7.5px);
            transform: translate(7.5px, -7.5px)
        }

        80% {
            -webkit-transform: translate(7.5px, -7.5px);
            transform: translate(7.5px, -7.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes neutral-look-big {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-12.5px, 0px);
            transform: translate(-12.5px, 0px)
        }

        20% {
            -webkit-transform: translate(-12.5px, 0px);
            transform: translate(-12.5px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(7.5px, -7.5px);
            transform: translate(7.5px, -7.5px)
        }

        80% {
            -webkit-transform: translate(7.5px, -7.5px);
            transform: translate(7.5px, -7.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-look-big {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -12.5px);
            transform: translate(0px, -12.5px)
        }

        35% {
            -webkit-transform: translate(0px, -12.5px);
            transform: translate(0px, -12.5px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-7.5px, -12.5px);
            transform: translate(-7.5px, -12.5px)
        }

        90% {
            -webkit-transform: translate(-7.5px, -12.5px);
            transform: translate(-7.5px, -12.5px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes sad-look-big {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -12.5px);
            transform: translate(0px, -12.5px)
        }

        35% {
            -webkit-transform: translate(0px, -12.5px);
            transform: translate(0px, -12.5px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-7.5px, -12.5px);
            transform: translate(-7.5px, -12.5px)
        }

        90% {
            -webkit-transform: translate(-7.5px, -12.5px);
            transform: translate(-7.5px, -12.5px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-mouth-big {
        0% {
            height: 12.5px
        }

        15% {
            height: 12.5px
        }

        25% {
            height: 25px
        }

        35% {
            height: 25px
        }

        45% {
            height: 12.5px
        }

        70% {
            height: 12.5px
        }

        80% {
            height: 25px
        }

        90% {
            height: 25px
        }

        100% {
            height: 12.5px
        }
    }

    @keyframes sad-mouth-big {
        0% {
            height: 12.5px
        }

        15% {
            height: 12.5px
        }

        25% {
            height: 25px
        }

        35% {
            height: 25px
        }

        45% {
            height: 12.5px
        }

        70% {
            height: 12.5px
        }

        80% {
            height: 25px
        }

        90% {
            height: 25px
        }

        100% {
            height: 12.5px
        }
    }

    html:not(.mobile) .medium.emoji {
        width: 62.5px;
        height: 62.5px;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        border-radius: 30%;
        position: relative;
        background-repeat: no-repeat
    }

    html:not(.mobile) .medium.none.emoji {
        width: 62.5px;
        height: 62.5px;
        background-color: transparent;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
        background-size: contain
    }

    html:not(.mobile) .medium.none.emoji .eyes,html:not(.mobile) .medium.none.emoji .mouth {
        display: none
    }

    html:not(.mobile) .medium.emoji {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 62.5px;
        height: 62.5px;
        background-color: transparent;
        border-radius: 50%;
        position: relative
    }

    html:not(.mobile) .medium.emoji .face {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 62.5px;
        height: 62.5px;
        position: relative
    }

    html:not(.mobile) .medium.emoji.sad {
        background: #ff3c41
    }

    html:not(.mobile) .medium.emoji.sad .face {
        -webkit-animation: sad-look-medium 5s infinite;
        animation: sad-look-medium 5s infinite
    }

    html:not(.mobile) .medium.emoji.sad .face .eye {
        width: 6.25px;
        height: 6.25px;
        background-color: #000;
        border-radius: 50%;
        top: 37.5px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 3.7s;
        animation-delay: 3.7s
    }

    html:not(.mobile) .medium.emoji.sad .face .eye.left {
        left: 11.25px
    }

    html:not(.mobile) .medium.emoji.sad .face .eye.right {
        right: 11.25px
    }

    html:not(.mobile) .medium.emoji.sad .face .mouth {
        width: 25px;
        height: 12.5px;
        border-style: solid;
        border-radius: 50%;
        border-width: 2px;
        border-color: #000 transparent transparent transparent;
        left: 17px;
        top: 46.5px;
        position: absolute;
        -webkit-animation: sad-mouth-medium 5s infinite;
        animation: sad-mouth-medium 5s infinite
    }

    html:not(.mobile) .medium.emoji.neutral {
        background: #fcd000
    }

    html:not(.mobile) .medium.emoji.neutral .face {
        -webkit-animation: neutral-look-medium 5s infinite;
        animation: neutral-look-medium 5s infinite
    }

    html:not(.mobile) .medium.emoji.neutral .face .eye {
        width: 6.25px;
        height: 6.25px;
        background-color: #000;
        border-radius: 50%;
        top: 31.25px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }

    html:not(.mobile) .medium.emoji.neutral .face .eye.left {
        left: 11.25px
    }

    html:not(.mobile) .medium.emoji.neutral .face .eye.right {
        right: 11.25px
    }

    html:not(.mobile) .medium.emoji.neutral .face .mouth {
        width: 18.75px;
        height: 2px;
        border-radius: 2px;
        background-color: #000;
        left: 22.5px;
        top: 43.75px;
        position: absolute
    }

    html:not(.mobile) .medium.emoji.happy {
        background: #47cf73
    }

    html:not(.mobile) .medium.emoji.happy .face {
        -webkit-animation: happy-look-medium 5s infinite;
        animation: happy-look-medium 5s infinite
    }

    html:not(.mobile) .medium.emoji.happy .face .eye {
        width: 6.25px;
        height: 6.25px;
        background-color: #000;
        border-radius: 50%;
        top: 18.75px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite
    }

    html:not(.mobile) .medium.emoji.happy .face .eye.left {
        left: 11.25px
    }

    html:not(.mobile) .medium.emoji.happy .face .eye.right {
        right: 11.25px
    }

    html:not(.mobile) .medium.emoji.happy .face .mouth {
        width: 25px;
        height: 12.5px;
        border-style: solid;
        border-radius: 50%;
        border-width: 2px;
        border-color: transparent transparent #000 transparent;
        left: 17px;
        top: 18.75px;
        position: absolute;
        -webkit-animation: happy-mouth-medium 5s infinite;
        animation: happy-mouth-medium 5s infinite
    }

    html:not(.mobile) .medium.emoji.fixed .face {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .medium.emoji.fixed .eye {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .medium.emoji.fixed .mouth {
        -webkit-animation: none !important;
        animation: none !important
    }

    @-webkit-keyframes happy-look-medium {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(2.5px, 0px);
            transform: translate(2.5px, 0px)
        }

        20% {
            -webkit-transform: translate(2.5px, 0px);
            transform: translate(2.5px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-2.5px, -3.75px);
            transform: translate(-2.5px, -3.75px)
        }

        80% {
            -webkit-transform: translate(-2.5px, -3.75px);
            transform: translate(-2.5px, -3.75px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes happy-look-medium {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(2.5px, 0px);
            transform: translate(2.5px, 0px)
        }

        20% {
            -webkit-transform: translate(2.5px, 0px);
            transform: translate(2.5px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-2.5px, -3.75px);
            transform: translate(-2.5px, -3.75px)
        }

        80% {
            -webkit-transform: translate(-2.5px, -3.75px);
            transform: translate(-2.5px, -3.75px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes happy-mouth-medium {
        0% {
            height: 12.5px
        }

        10% {
            height: 12.5px
        }

        20% {
            height: 12.5px
        }

        30% {
            height: 12.5px
        }

        60% {
            height: 12.5px
        }

        70% {
            height: 10px
        }

        80% {
            height: 10px
        }

        90% {
            height: 12.5px
        }
    }

    @keyframes happy-mouth-medium {
        0% {
            height: 12.5px
        }

        10% {
            height: 12.5px
        }

        20% {
            height: 12.5px
        }

        30% {
            height: 12.5px
        }

        60% {
            height: 12.5px
        }

        70% {
            height: 10px
        }

        80% {
            height: 10px
        }

        90% {
            height: 12.5px
        }
    }

    @-webkit-keyframes neutral-look-medium {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-6.25px, 0px);
            transform: translate(-6.25px, 0px)
        }

        20% {
            -webkit-transform: translate(-6.25px, 0px);
            transform: translate(-6.25px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(3.75px, -3.75px);
            transform: translate(3.75px, -3.75px)
        }

        80% {
            -webkit-transform: translate(3.75px, -3.75px);
            transform: translate(3.75px, -3.75px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes neutral-look-medium {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-6.25px, 0px);
            transform: translate(-6.25px, 0px)
        }

        20% {
            -webkit-transform: translate(-6.25px, 0px);
            transform: translate(-6.25px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(3.75px, -3.75px);
            transform: translate(3.75px, -3.75px)
        }

        80% {
            -webkit-transform: translate(3.75px, -3.75px);
            transform: translate(3.75px, -3.75px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-look-medium {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -6.25px);
            transform: translate(0px, -6.25px)
        }

        35% {
            -webkit-transform: translate(0px, -6.25px);
            transform: translate(0px, -6.25px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-3.75px, -6.25px);
            transform: translate(-3.75px, -6.25px)
        }

        90% {
            -webkit-transform: translate(-3.75px, -6.25px);
            transform: translate(-3.75px, -6.25px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes sad-look-medium {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -6.25px);
            transform: translate(0px, -6.25px)
        }

        35% {
            -webkit-transform: translate(0px, -6.25px);
            transform: translate(0px, -6.25px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-3.75px, -6.25px);
            transform: translate(-3.75px, -6.25px)
        }

        90% {
            -webkit-transform: translate(-3.75px, -6.25px);
            transform: translate(-3.75px, -6.25px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-mouth-medium {
        0% {
            height: 6.25px
        }

        15% {
            height: 6.25px
        }

        25% {
            height: 12.5px
        }

        35% {
            height: 12.5px
        }

        45% {
            height: 6.25px
        }

        70% {
            height: 6.25px
        }

        80% {
            height: 12.5px
        }

        90% {
            height: 12.5px
        }

        100% {
            height: 6.25px
        }
    }

    @keyframes sad-mouth-medium {
        0% {
            height: 6.25px
        }

        15% {
            height: 6.25px
        }

        25% {
            height: 12.5px
        }

        35% {
            height: 12.5px
        }

        45% {
            height: 6.25px
        }

        70% {
            height: 6.25px
        }

        80% {
            height: 12.5px
        }

        90% {
            height: 12.5px
        }

        100% {
            height: 6.25px
        }
    }

    html:not(.mobile) .small.emoji {
        width: 41.66667px;
        height: 41.66667px;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        border-radius: 30%;
        position: relative;
        background-repeat: no-repeat
    }

    html:not(.mobile) .small.none.emoji {
        width: 41.66667px;
        height: 41.66667px;
        background-color: transparent;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
        background-size: contain
    }

    html:not(.mobile) .small.none.emoji .eyes,html:not(.mobile) .small.none.emoji .mouth {
        display: none
    }

    html:not(.mobile) .small.emoji {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 41.66667px;
        height: 41.66667px;
        background-color: transparent;
        border-radius: 50%;
        position: relative
    }

    html:not(.mobile) .small.emoji .face {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 41.66667px;
        height: 41.66667px;
        position: relative
    }

    html:not(.mobile) .small.emoji.sad {
        background: #ff3c41
    }

    html:not(.mobile) .small.emoji.sad .face {
        -webkit-animation: sad-look-small 5s infinite;
        animation: sad-look-small 5s infinite
    }

    html:not(.mobile) .small.emoji.sad .face .eye {
        width: 4.16667px;
        height: 4.16667px;
        background-color: #000;
        border-radius: 50%;
        top: 25px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 3.7s;
        animation-delay: 3.7s
    }

    html:not(.mobile) .small.emoji.sad .face .eye.left {
        left: 7.5px
    }

    html:not(.mobile) .small.emoji.sad .face .eye.right {
        right: 7.5px
    }

    html:not(.mobile) .small.emoji.sad .face .mouth {
        width: 16.66667px;
        height: 8.33333px;
        border-style: solid;
        border-radius: 50%;
        border-width: 1.33333px;
        border-color: #000 transparent transparent transparent;
        left: 11.33333px;
        top: 31px;
        position: absolute;
        -webkit-animation: sad-mouth-small 5s infinite;
        animation: sad-mouth-small 5s infinite
    }

    html:not(.mobile) .small.emoji.neutral {
        background: #fcd000
    }

    html:not(.mobile) .small.emoji.neutral .face {
        -webkit-animation: neutral-look-small 5s infinite;
        animation: neutral-look-small 5s infinite
    }

    html:not(.mobile) .small.emoji.neutral .face .eye {
        width: 4.16667px;
        height: 4.16667px;
        background-color: #000;
        border-radius: 50%;
        top: 20.83333px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }

    html:not(.mobile) .small.emoji.neutral .face .eye.left {
        left: 7.5px
    }

    html:not(.mobile) .small.emoji.neutral .face .eye.right {
        right: 7.5px
    }

    html:not(.mobile) .small.emoji.neutral .face .mouth {
        width: 12.5px;
        height: 1.33333px;
        border-radius: 1.33333px;
        background-color: #000;
        left: 15px;
        top: 29.16667px;
        position: absolute
    }

    html:not(.mobile) .small.emoji.happy {
        background: #47cf73
    }

    html:not(.mobile) .small.emoji.happy .face {
        -webkit-animation: happy-look-small 5s infinite;
        animation: happy-look-small 5s infinite
    }

    html:not(.mobile) .small.emoji.happy .face .eye {
        width: 4.16667px;
        height: 4.16667px;
        background-color: #000;
        border-radius: 50%;
        top: 12.5px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite
    }

    html:not(.mobile) .small.emoji.happy .face .eye.left {
        left: 7.5px
    }

    html:not(.mobile) .small.emoji.happy .face .eye.right {
        right: 7.5px
    }

    html:not(.mobile) .small.emoji.happy .face .mouth {
        width: 16.66667px;
        height: 8.33333px;
        border-style: solid;
        border-radius: 50%;
        border-width: 1.33333px;
        border-color: transparent transparent #000 transparent;
        left: 11.33333px;
        top: 12.5px;
        position: absolute;
        -webkit-animation: happy-mouth-small 5s infinite;
        animation: happy-mouth-small 5s infinite
    }

    html:not(.mobile) .small.emoji.fixed .face {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .small.emoji.fixed .eye {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .small.emoji.fixed .mouth {
        -webkit-animation: none !important;
        animation: none !important
    }

    @-webkit-keyframes happy-look-small {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(1.66667px, 0px);
            transform: translate(1.66667px, 0px)
        }

        20% {
            -webkit-transform: translate(1.66667px, 0px);
            transform: translate(1.66667px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-1.66667px, -2.5px);
            transform: translate(-1.66667px, -2.5px)
        }

        80% {
            -webkit-transform: translate(-1.66667px, -2.5px);
            transform: translate(-1.66667px, -2.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes happy-look-small {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(1.66667px, 0px);
            transform: translate(1.66667px, 0px)
        }

        20% {
            -webkit-transform: translate(1.66667px, 0px);
            transform: translate(1.66667px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-1.66667px, -2.5px);
            transform: translate(-1.66667px, -2.5px)
        }

        80% {
            -webkit-transform: translate(-1.66667px, -2.5px);
            transform: translate(-1.66667px, -2.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes happy-mouth-small {
        0% {
            height: 8.33333px
        }

        10% {
            height: 8.33333px
        }

        20% {
            height: 8.33333px
        }

        30% {
            height: 8.33333px
        }

        60% {
            height: 8.33333px
        }

        70% {
            height: 6.66667px
        }

        80% {
            height: 6.66667px
        }

        90% {
            height: 8.33333px
        }
    }

    @keyframes happy-mouth-small {
        0% {
            height: 8.33333px
        }

        10% {
            height: 8.33333px
        }

        20% {
            height: 8.33333px
        }

        30% {
            height: 8.33333px
        }

        60% {
            height: 8.33333px
        }

        70% {
            height: 6.66667px
        }

        80% {
            height: 6.66667px
        }

        90% {
            height: 8.33333px
        }
    }

    @-webkit-keyframes neutral-look-small {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-4.16667px, 0px);
            transform: translate(-4.16667px, 0px)
        }

        20% {
            -webkit-transform: translate(-4.16667px, 0px);
            transform: translate(-4.16667px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(2.5px, -2.5px);
            transform: translate(2.5px, -2.5px)
        }

        80% {
            -webkit-transform: translate(2.5px, -2.5px);
            transform: translate(2.5px, -2.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes neutral-look-small {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-4.16667px, 0px);
            transform: translate(-4.16667px, 0px)
        }

        20% {
            -webkit-transform: translate(-4.16667px, 0px);
            transform: translate(-4.16667px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(2.5px, -2.5px);
            transform: translate(2.5px, -2.5px)
        }

        80% {
            -webkit-transform: translate(2.5px, -2.5px);
            transform: translate(2.5px, -2.5px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-look-small {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -4.16667px);
            transform: translate(0px, -4.16667px)
        }

        35% {
            -webkit-transform: translate(0px, -4.16667px);
            transform: translate(0px, -4.16667px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-2.5px, -4.16667px);
            transform: translate(-2.5px, -4.16667px)
        }

        90% {
            -webkit-transform: translate(-2.5px, -4.16667px);
            transform: translate(-2.5px, -4.16667px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes sad-look-small {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -4.16667px);
            transform: translate(0px, -4.16667px)
        }

        35% {
            -webkit-transform: translate(0px, -4.16667px);
            transform: translate(0px, -4.16667px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-2.5px, -4.16667px);
            transform: translate(-2.5px, -4.16667px)
        }

        90% {
            -webkit-transform: translate(-2.5px, -4.16667px);
            transform: translate(-2.5px, -4.16667px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-mouth-small {
        0% {
            height: 4.16667px
        }

        15% {
            height: 4.16667px
        }

        25% {
            height: 8.33333px
        }

        35% {
            height: 8.33333px
        }

        45% {
            height: 4.16667px
        }

        70% {
            height: 4.16667px
        }

        80% {
            height: 8.33333px
        }

        90% {
            height: 8.33333px
        }

        100% {
            height: 4.16667px
        }
    }

    @keyframes sad-mouth-small {
        0% {
            height: 4.16667px
        }

        15% {
            height: 4.16667px
        }

        25% {
            height: 8.33333px
        }

        35% {
            height: 8.33333px
        }

        45% {
            height: 4.16667px
        }

        70% {
            height: 4.16667px
        }

        80% {
            height: 8.33333px
        }

        90% {
            height: 8.33333px
        }

        100% {
            height: 4.16667px
        }
    }

    html:not(.mobile) .mini.emoji {
        width: 31.25px;
        height: 31.25px;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        border-radius: 30%;
        position: relative;
        background-repeat: no-repeat
    }

    html:not(.mobile) .mini.none.emoji {
        width: 31.25px;
        height: 31.25px;
        background-color: transparent;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkyLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NCw0NzIsMjU2LDQ3MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjYsMTI4Ljg3OGgtNzBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwYzAsMTEuMDQ2LDguOTU0LDIwLDIwLDIwaDcwYzE2LjU0MiwwLDMwLDEzLjQ1OCwzMCwzMHMtMTMuNDU4LDMwLTMwLDMwaC0yMCAgICBjLTExLjA0NiwwLTIwLDguOTU0LTIwLDIwdjI4Ljc5MmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMHYtOC43OTJjMzguNTk4LDAsNzAtMzEuNDAyLDcwLTcwICAgIEMzMzYsMTYwLjI4LDMwNC41OTgsMTI4Ljg3OCwyNjYsMTI4Ljg3OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjI0NiIgY3k9IjM0OS4xNiIgcj0iMjciIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
        background-size: contain
    }

    html:not(.mobile) .mini.none.emoji .eyes,html:not(.mobile) .mini.none.emoji .mouth {
        display: none
    }

    html:not(.mobile) .mini.emoji {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 31.25px;
        height: 31.25px;
        background-color: transparent;
        border-radius: 50%;
        position: relative
    }

    html:not(.mobile) .mini.emoji .face {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: auto;
        width: 31.25px;
        height: 31.25px;
        position: relative
    }

    html:not(.mobile) .mini.emoji.sad {
        background: #ff3c41
    }

    html:not(.mobile) .mini.emoji.sad .face {
        -webkit-animation: sad-look-mini 5s infinite;
        animation: sad-look-mini 5s infinite
    }

    html:not(.mobile) .mini.emoji.sad .face .eye {
        width: 3.125px;
        height: 3.125px;
        background-color: #000;
        border-radius: 50%;
        top: 18.75px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 3.7s;
        animation-delay: 3.7s
    }

    html:not(.mobile) .mini.emoji.sad .face .eye.left {
        left: 5.625px
    }

    html:not(.mobile) .mini.emoji.sad .face .eye.right {
        right: 5.625px
    }

    html:not(.mobile) .mini.emoji.sad .face .mouth {
        width: 12.5px;
        height: 6.25px;
        border-style: solid;
        border-radius: 50%;
        border-width: 1px;
        border-color: #000 transparent transparent transparent;
        left: 8.5px;
        top: 23.25px;
        position: absolute;
        -webkit-animation: sad-mouth-mini 5s infinite;
        animation: sad-mouth-mini 5s infinite
    }

    html:not(.mobile) .mini.emoji.neutral {
        background: #fcd000
    }

    html:not(.mobile) .mini.emoji.neutral .face {
        -webkit-animation: neutral-look-mini 5s infinite;
        animation: neutral-look-mini 5s infinite
    }

    html:not(.mobile) .mini.emoji.neutral .face .eye {
        width: 3.125px;
        height: 3.125px;
        background-color: #000;
        border-radius: 50%;
        top: 15.625px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite;
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }

    html:not(.mobile) .mini.emoji.neutral .face .eye.left {
        left: 5.625px
    }

    html:not(.mobile) .mini.emoji.neutral .face .eye.right {
        right: 5.625px
    }

    html:not(.mobile) .mini.emoji.neutral .face .mouth {
        width: 9.375px;
        height: 1px;
        border-radius: 1px;
        background-color: #000;
        left: 11.25px;
        top: 21.875px;
        position: absolute
    }

    html:not(.mobile) .mini.emoji.happy {
        background: #47cf73
    }

    html:not(.mobile) .mini.emoji.happy .face {
        -webkit-animation: happy-look-mini 5s infinite;
        animation: happy-look-mini 5s infinite
    }

    html:not(.mobile) .mini.emoji.happy .face .eye {
        width: 3.125px;
        height: 3.125px;
        background-color: #000;
        border-radius: 50%;
        top: 9.375px;
        position: absolute;
        -webkit-animation: blink 5s infinite;
        animation: blink 5s infinite
    }

    html:not(.mobile) .mini.emoji.happy .face .eye.left {
        left: 5.625px
    }

    html:not(.mobile) .mini.emoji.happy .face .eye.right {
        right: 5.625px
    }

    html:not(.mobile) .mini.emoji.happy .face .mouth {
        width: 12.5px;
        height: 6.25px;
        border-style: solid;
        border-radius: 50%;
        border-width: 1px;
        border-color: transparent transparent #000 transparent;
        left: 8.5px;
        top: 9.375px;
        position: absolute;
        -webkit-animation: happy-mouth-mini 5s infinite;
        animation: happy-mouth-mini 5s infinite
    }

    html:not(.mobile) .mini.emoji.fixed .face {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .mini.emoji.fixed .eye {
        -webkit-animation: none !important;
        animation: none !important
    }

    html:not(.mobile) .mini.emoji.fixed .mouth {
        -webkit-animation: none !important;
        animation: none !important
    }

    @-webkit-keyframes happy-look-mini {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(1.25px, 0px);
            transform: translate(1.25px, 0px)
        }

        20% {
            -webkit-transform: translate(1.25px, 0px);
            transform: translate(1.25px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-1.25px, -1.875px);
            transform: translate(-1.25px, -1.875px)
        }

        80% {
            -webkit-transform: translate(-1.25px, -1.875px);
            transform: translate(-1.25px, -1.875px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes happy-look-mini {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(1.25px, 0px);
            transform: translate(1.25px, 0px)
        }

        20% {
            -webkit-transform: translate(1.25px, 0px);
            transform: translate(1.25px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(-1.25px, -1.875px);
            transform: translate(-1.25px, -1.875px)
        }

        80% {
            -webkit-transform: translate(-1.25px, -1.875px);
            transform: translate(-1.25px, -1.875px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes happy-mouth-mini {
        0% {
            height: 6.25px
        }

        10% {
            height: 6.25px
        }

        20% {
            height: 6.25px
        }

        30% {
            height: 6.25px
        }

        60% {
            height: 6.25px
        }

        70% {
            height: 5px
        }

        80% {
            height: 5px
        }

        90% {
            height: 6.25px
        }
    }

    @keyframes happy-mouth-mini {
        0% {
            height: 6.25px
        }

        10% {
            height: 6.25px
        }

        20% {
            height: 6.25px
        }

        30% {
            height: 6.25px
        }

        60% {
            height: 6.25px
        }

        70% {
            height: 5px
        }

        80% {
            height: 5px
        }

        90% {
            height: 6.25px
        }
    }

    @-webkit-keyframes neutral-look-mini {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-3.125px, 0px);
            transform: translate(-3.125px, 0px)
        }

        20% {
            -webkit-transform: translate(-3.125px, 0px);
            transform: translate(-3.125px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(1.875px, -1.875px);
            transform: translate(1.875px, -1.875px)
        }

        80% {
            -webkit-transform: translate(1.875px, -1.875px);
            transform: translate(1.875px, -1.875px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes neutral-look-mini {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        10% {
            -webkit-transform: translate(-3.125px, 0px);
            transform: translate(-3.125px, 0px)
        }

        20% {
            -webkit-transform: translate(-3.125px, 0px);
            transform: translate(-3.125px, 0px)
        }

        30% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        60% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(1.875px, -1.875px);
            transform: translate(1.875px, -1.875px)
        }

        80% {
            -webkit-transform: translate(1.875px, -1.875px);
            transform: translate(1.875px, -1.875px)
        }

        90% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-look-mini {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -3.125px);
            transform: translate(0px, -3.125px)
        }

        35% {
            -webkit-transform: translate(0px, -3.125px);
            transform: translate(0px, -3.125px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-1.875px, -3.125px);
            transform: translate(-1.875px, -3.125px)
        }

        90% {
            -webkit-transform: translate(-1.875px, -3.125px);
            transform: translate(-1.875px, -3.125px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @keyframes sad-look-mini {
        0% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        15% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        25% {
            -webkit-transform: translate(0px, -3.125px);
            transform: translate(0px, -3.125px)
        }

        35% {
            -webkit-transform: translate(0px, -3.125px);
            transform: translate(0px, -3.125px)
        }

        45% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        70% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }

        80% {
            -webkit-transform: translate(-1.875px, -3.125px);
            transform: translate(-1.875px, -3.125px)
        }

        90% {
            -webkit-transform: translate(-1.875px, -3.125px);
            transform: translate(-1.875px, -3.125px)
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px)
        }
    }

    @-webkit-keyframes sad-mouth-mini {
        0% {
            height: 3.125px
        }

        15% {
            height: 3.125px
        }

        25% {
            height: 6.25px
        }

        35% {
            height: 6.25px
        }

        45% {
            height: 3.125px
        }

        70% {
            height: 3.125px
        }

        80% {
            height: 6.25px
        }

        90% {
            height: 6.25px
        }

        100% {
            height: 3.125px
        }
    }

    @keyframes sad-mouth-mini {
        0% {
            height: 3.125px
        }

        15% {
            height: 3.125px
        }

        25% {
            height: 6.25px
        }

        35% {
            height: 6.25px
        }

        45% {
            height: 3.125px
        }

        70% {
            height: 3.125px
        }

        80% {
            height: 6.25px
        }

        90% {
            height: 6.25px
        }

        100% {
            height: 3.125px
        }
    }
}

#smile>.card>.card-title {
    position: relative
}

#smile>.card>.card-title small {
    font-size: 0.8rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

#ea-mood #vote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#ea-mood #vote p {
    width: 100%;
    text-align: center
}

#ea-mood #vote small {
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    opacity: 0.5
}

#ea-mood #vote #choice {
    width: 100%
}

#ea-mood #vote #choice .emojis {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 90px;
    min-height: 90px
}

#ea-mood #vote #choice .emojis p {
    font-size: 0.9em;
    white-space: nowrap;
    padding-top: 0px;
    opacity: 0;
    display: none
}

@media only screen and (min-width: 936px) {
    html:not(.mobile) #ea-mood #vote #choice .emojis p {
        display:block
    }
}

#ea-mood #vote #choice .emojis .emoji-container {
    position: relative;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

#ea-mood #vote #choice .emojis .emoji-container:hover .emoji {
    -webkit-transform: scale(1.12) translateY(2px);
    transform: scale(1.12) translateY(2px);
    -webkit-box-shadow: 3px 4px 11px rgba(0,0,0,0.4);
    box-shadow: 3px 4px 11px rgba(0,0,0,0.4)
}

#ea-mood #vote #choice .emojis .emoji-container:hover p {
    padding-top: 4px;
    opacity: 1
}

#ea-mood #vote #choice .emojis .emoji-container.selected {
    -webkit-box-shadow: 3px 4px 13px rgba(0,0,0,0.4);
    box-shadow: 3px 4px 13px rgba(0,0,0,0.4)
}

#ea-mood #vote #choice .emojis .emoji-container.out-leave-active,#ea-mood #vote #choice .emojis .emoji-container.left-leave-active,#ea-mood #vote #choice .emojis .emoji-container.right-leave-active,#ea-mood #vote #choice .emojis .emoji-container.in-leave-active {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#ea-mood #vote #choice .emojis .emoji-container.out-leave-active.happy {
    -webkit-animation-name: outRight;
    animation-name: outRight
}

#ea-mood #vote #choice .emojis .emoji-container.out-leave-active.sad {
    -webkit-animation-name: outLeft;
    animation-name: outLeft
}

#ea-mood #vote #choice .emojis .emoji-container.right-leave-active.neutral {
    -webkit-animation-name: outRight;
    animation-name: outRight
}

#ea-mood #vote #choice .emojis .emoji-container.left-leave-active.neutral {
    -webkit-animation-name: outLeft;
    animation-name: outLeft
}

@-webkit-keyframes outLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    69% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    70% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        margin: 0;
        width: 0
    }

    100% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        margin: 0;
        width: 0
    }
}

@keyframes outLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    69% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    70% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        margin: 0;
        width: 0
    }

    100% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        margin: 0;
        width: 0
    }
}

@-webkit-keyframes outRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    69% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

    70% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
        margin: 0;
        width: 0
    }

    100% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
        margin: 0;
        width: 0
    }
}

@keyframes outRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    69% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

    70% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
        margin: 0;
        width: 0
    }

    100% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
        margin: 0;
        width: 0
    }
}

#ea-mood #vote #choice .emojis .emoji-container.in-leave-active {
    -webkit-transition: -webkit-filter 50ms ease;
    transition: -webkit-filter 50ms ease;
    transition: filter 50ms ease;
    transition: filter 50ms ease, -webkit-filter 50ms ease;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

#ea-mood #vote #choice .loading {
    display: block;
    -webkit-animation-name: glitter;
    animation-name: glitter;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#ea-mood .emoji-loader {
    -webkit-transition: -webkit-filter 50ms linear;
    transition: -webkit-filter 50ms linear;
    transition: filter 50ms linear;
    transition: filter 50ms linear, -webkit-filter 50ms linear;
    height: 90px;
    margin: auto;
    min-height: 90px;
    width: 90px;
    min-width: 90px;
    background-image: url(../../../../../eurecia/image/smile/emojis.gif);
    background-repeat: no-repeat;
    background-position-x: -673px;
    background-position-y: -149px;
    background-size: 800px 600px;
    -webkit-filter: blur(0px);
    filter: blur(0px)
}

#ea-mood .emoji-loader.inLoader-enter-active {
    -webkit-filter: blur(9px);
    filter: blur(9px)
}

#ea-mood #ea-mood-result {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

#ea-mood #ea-mood-result h4 {
    text-align: center;
    margin: 0
}

#ea-mood #ea-mood-result .tabs-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-mood #ea-mood-result .tabs-header {
        padding-left:1rem;
        padding-right: 1rem
    }
}

#ea-mood #ea-mood-result .tabs-header>div {
    width: 30%
}

#ea-mood #ea-mood-result .tabs-header>div+div {
    margin-left: 3%
}

#ea-mood #ea-mood-result .tabs-header .tab {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .5rem .5rem .5rem;
    border: solid 1px;
    border-color: rgba(0,0,0,0.12);
    border-bottom: none;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

#ea-mood #ea-mood-result .tabs-header .tab .description {
    margin-left: .5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#ea-mood #ea-mood-result .tabs-header .tab .description label {
    font-size: 0.8em
}

#ea-mood #ea-mood-result .tabs-header .tab .description h5 {
    font-weight: 500
}

#ea-mood #ea-mood-result .tabs-header .tab .description pre {
    opacity: 0;
    font-size: 0.6em
}

#ea-mood #ea-mood-result .tabs-header .tab.active {
    border-bottom: none;
    -webkit-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
    z-index: 2;
    background-color: white;
    border-bottom: none;
    -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.12);
    box-shadow: 0px 3px 12px rgba(0,0,0,0.12)
}

#ea-mood #ea-mood-result .tabs-header .tab.active .description pre {
    opacity: 1
}

#ea-mood #ea-mood-result .tabs-header .tab:not(.active):hover {
    -webkit-transform: translateY(0.9rem);
    transform: translateY(0.9rem);
    -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,0.12);
    box-shadow: 1px 5px 10px rgba(0,0,0,0.12)
}

#ea-mood #ea-mood-result .tabs-header .tab .emoji {
    margin: 0
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-mood #ea-mood-result .tabs-header .tab {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

#ea-mood #ea-mood-result .tabs-content {
    border: solid 1px;
    border-color: rgba(0,0,0,0.12)
}

#ea-mood #ea-mood-result .tabs-content #graph {
    width: 100%
}

#ea-mood #ea-mood-result .tabs-content .noResult {
    width: 100%;
    background-color: white;
    height: 2rem
}

@-webkit-keyframes blink {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    10% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    12% {
        -webkit-transform: scale(1, 0.1);
        transform: scale(1, 0.1)
    }

    14% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    30% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    32% {
        -webkit-transform: scale(1, 0.1);
        transform: scale(1, 0.1)
    }

    34% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    60% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    62% {
        -webkit-transform: scale(1, 0.1);
        transform: scale(1, 0.1)
    }

    64% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes blink {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    10% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    12% {
        -webkit-transform: scale(1, 0.1);
        transform: scale(1, 0.1)
    }

    14% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    30% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    32% {
        -webkit-transform: scale(1, 0.1);
        transform: scale(1, 0.1)
    }

    34% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    60% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    62% {
        -webkit-transform: scale(1, 0.1);
        transform: scale(1, 0.1)
    }

    64% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes glitter {
    0% {
        opacity: 0.5
    }

    100% {
        opacity: 0.3
    }
}

@keyframes glitter {
    0% {
        opacity: 0.5
    }

    100% {
        opacity: 0.3
    }
}

#ea-mood #loading {
    height: 12vh
}

#ea-mood #loading .leftEye,#ea-mood #loading .rightEye {
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    background: #f5f5f5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

#ea-mood #loading .rightEye {
    -webkit-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

#ea-mood #loading .mouth {
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
    border: solid 1.3vh #f5f5f5;
    border-right: solid 1.3vh rgba(223,223,194,0);
    border-left: solid 1.3vh rgba(223,223,194,0);
    border-bottom: solid 1.3vh rgba(223,223,194,0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    -webkit-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

@-webkit-keyframes mouthAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg)
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg)
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotateZ(320deg);
        transform: translate(-50%, -50%) rotateZ(320deg)
    }

    60% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg)
    }
}

@keyframes mouthAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg)
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg)
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotateZ(320deg);
        transform: translate(-50%, -50%) rotateZ(320deg)
    }

    60% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg)
    }
}

@-webkit-keyframes leftEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%)
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%)
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes leftEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%)
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%)
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes rightEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    70% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    75% {
        width: 2vh;
        height: 2px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    80% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes rightEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    70% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    75% {
        width: 2vh;
        height: 2px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    80% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

#ea-feedback h4 {
    text-align: center
}

#ea-feedback .feedback-content {
    -webkit-transition: height 200ms ease;
    transition: height 200ms ease;
    width: 100%;
    position: relative;
    min-height: 2rem
}

#ea-feedback .feedback-content form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

#ea-feedback .feedback-content form * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#ea-feedback .feedback-content form textarea {
    -webkit-transition: height 200ms ease;
    transition: height 200ms ease;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: 0;
    height: 2em
}

#ea-feedback .feedback-content form textarea:focus,#ea-feedback .feedback-content form textarea.vf-valid {
    height: 5em
}

#ea-feedback .feedback-content form.animated textarea {
    height: 2em
}

#ea-feedback .feedback-content #thanks {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
}

#ea-feedback .feedback-content p {
    position: absolute;
    bottom: 0
}

#ea-smile .tabs-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#ea-smile .tabs-header>div {
    width: 30%
}

#ea-smile .tabs-header>div+div {
    margin-left: 3%
}

#ea-smile .tabs-header .tab {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .5rem .5rem .5rem;
    border-radius: 3px 3px 0 0;
    background-color: white;
    border: solid 1px;
    border-color: rgba(0,0,0,0.12);
    border-bottom: none;
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

#ea-smile .tabs-header .tab h4 {
    margin: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#ea-smile .tabs-header .tab .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#ea-smile .tabs-header .tab .description {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile .tabs-header .tab .description {
        display:block;
        margin-left: .5rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.5em
    }

    html:not(.mobile) #ea-smile .tabs-header .tab .description .percent {
        font-weight: 500;
        font-size: 1.8em;
        display: block
    }

    html:not(.mobile) #ea-smile .tabs-header .tab .description pre {
        opacity: 0;
        font-size: 0.6em
    }

    html:not(.mobile) #ea-smile .tabs-header .tab .description .active {
        visibility: hidden
    }
}

#ea-smile .tabs-header .tab.active {
    z-index: 2;
    background-color: white;
    position: relative;
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}

#ea-smile .tabs-header .tab.active .description {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile .tabs-header .tab.active .description pre {
        opacity:1
    }

    html:not(.mobile) #ea-smile .tabs-header .tab.active .description .active {
        visibility: visible
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px) and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) and (orientation: portrait) and (min-width: 601px), only screen and (orientation: portrait) and (min-width: 601px) and (orientation: landscape) and (min-width: 936px), only screen and (orientation: landscape) and (min-width: 936px) and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) html:not(.mobile) #ea-smile .tabs-header .tab.active .description {
        display:none
    }
}

#ea-smile .tabs-header .tab.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    background-color: white;
    height: 1px;
    width: 100%;
    display: block
}

#ea-smile .tabs-header .tab:not(.active):hover {
    -webkit-filter: brightness(95%);
    filter: brightness(95%)
}

#ea-smile .tabs-header .tab .emoji {
    margin: 0
}

#ea-smile .tabs-content {
    background-color: white;
    border: solid 1px;
    border-color: rgba(0,0,0,0.12)
}

#ea-smile .tabs-content .title {
    width: 100%;
    text-align: center;
    font-size: 1.8rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile .tabs-content .title {
        margin:.5em 0 .5em 0
    }
}

#ea-smile .tabs-content .content {
    padding: 0 1rem 1rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile .tabs-content .content {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#ea-smile #mood {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#ea-smile #mood h2 {
    text-align: center
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile #mood {
        width:50%
    }
}

#ea-smile .description {
    text-align: center;
    line-height: 1.9em
}

#ea-smile .description .percent {
    font-weight: 500;
    font-size: 2.8em;
    display: block
}

#ea-smile .description .percent small {
    font-size: 0.5em
}

#ea-smile .description pre {
    font-size: 0.6em
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile .description {
        display:none
    }
}

#ea-smile #lines .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#ea-smile #lines .chart {
    width: 100%;
    height: 300px
}

#ea-smile #rings,#ea-smile #comparatives {
    margin-top: 1rem
}

#ea-smile #rings h2,#ea-smile #comparatives h2 {
    text-align: center
}

#ea-smile #rings .menu,#ea-smile #comparatives .menu {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

#ea-smile #rings .menu>*,#ea-smile #comparatives .menu>* {
    min-width: 15%
}

#ea-smile #comparatives {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#ea-smile #comparatives .comparative {
    padding: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#ea-smile #comparatives .comparative .cls {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 2rem;
    line-height: 30px
}

#ea-smile #comparatives .comparative .line {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

#ea-smile #comparatives .comparative.mine {
    font-weight: bold
}

#ea-smile #comparatives .comparative.company {
    background-color: #eeeeee;
    padding-bottom: 1rem
}

#ea-smile #comparatives .comparative .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ea-smile #comparatives .comparative .data .progress-bar {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: 100%;
    height: 30px;
    border: solid 1px #eeeeee;
    background-color: white
}

#ea-smile #comparatives .comparative .data .progress-bar .progress {
    -webkit-animation: width 500ms ease;
    animation: width 500ms ease;
    background-color: grey;
    width: 0;
    height: 100%
}

#ea-smile #comparatives .comparative .data .progress-bar .progress.sad {
    background-color: #ff3c41
}

#ea-smile #comparatives .comparative .data .progress-bar .progress.neutral {
    background-color: #fcd000
}

#ea-smile #comparatives .comparative .data .progress-bar .progress.happy {
    background-color: #47cf73
}

#ea-smile #comparatives .comparative .data>*:not(*:last-child) {
    margin-right: 1rem
}

#ea-smile #eaMoodDay,#ea-smile #eaMoodAnswer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ea-smile #eaMoodDay .chart,#ea-smile #eaMoodAnswer .chart {
    height: 200px;
    width: 40%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#ea-smile #eaMoodDay .legend,#ea-smile #eaMoodAnswer .legend {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

#ea-smile #eaMoodDay .legend h3,#ea-smile #eaMoodAnswer .legend h3 {
    text-align: center
}

#ea-smile #eaMoodDay .legend .content,#ea-smile #eaMoodAnswer .legend .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

#ea-smile #eaMoodDay .legend .emoji-container,#ea-smile #eaMoodAnswer .legend .emoji-container {
    cursor: pointer
}

#ea-smile .legend button,#ea-smile .menu button {
    border: 1px solid black;
    border-radius: 3px
}

#ea-smile .legend .notSelect,#ea-smile .menu .notSelect {
    opacity: .4;
    -webkit-filter: grayscale(0.4);
    filter: grayscale(0.4)
}

#ea-smile .legend .notSelect:hover,#ea-smile .menu .notSelect:hover {
    -webkit-filter: grayscale(0.05);
    filter: grayscale(0.05)
}

#ea-smile #feedback {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem
}

#ea-smile #feedback .highlight {
    background-color: yellow
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #ea-smile #feedback {
        width:50%
    }
}

#ea-smile #feedback h2 {
    text-align: center
}

#ea-smile #feedback h2 small {
    font-size: .8rem;
    margin-left: 5px
}

#ea-smile #feedback .list {
    margin-top: 1rem;
    padding: 1rem;
    position: relative;
    background-color: #f5f5f5
}

#ea-smile #feedback .list:before {
    content: '';
    position: absolute;
    display: block;
    top: -1rem;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1rem solid #f5f5f5
}

#ea-smile #feedback .list input[type="search"] {
    margin: 1rem 0;
    width: 100%
}

#ea-smile #feedback .list .message {
    width: 100%;
    position: relative;
    background: white;
    overflow: hidden;
    padding: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#ea-smile #feedback .list .message .head {
    font-size: 0.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

#ea-smile #feedback .list .message .head small {
    opacity: 0.8
}

#ea-smile #feedback .list .message .content {
    padding: 0;
    position: relative
}

#ea-smile #feedback .list .message .content p {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

#ea-smile #feedback .list .message .content p.cut {
    max-height: 5em;
    overflow: hidden;
    margin-bottom: 0
}

#ea-smile #feedback .list .message .content p.cut.hover {
    max-height: 6em
}

#ea-smile #feedback .list .message .content .readMore {
    cursor: pointer;
    width: 100%;
    text-align: center;
    bottom: 0;
    position: absolute;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(60%, rgba(255,255,255,0)),color-stop(75%, #ffffff));
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,#ffffff 75%)
}

#ea-smile #feedback .list .message .content .readMore span {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .8em;
    text-decoration: underline;
    color: #008ac9
}

#ea-smile #feedback .list .message .content .readMore i {
    color: #008ac9
}

#ea-smile #feedback .list .message .content .fade-enter-active,#ea-smile #feedback .list .message .content .fade-leave-active {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

#ea-smile #feedback .list .message .content .fade-enter,#ea-smile #feedback .list .message .content .fade-leave-to {
    opacity: 0
}

#ea-smile #feedback .list .message .actions .readLess {
    float: right
}

#ea-smile #feedback .list .message .actions>* {
    cursor: pointer;
    font-size: .8em;
    text-decoration: underline;
    color: #008ac9
}

#ea-smile #feedback .list .message .actions i {
    color: #008ac9
}

#ea-smile #feedback .list .message.new:before {
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
    background-color: #FF5252
}

#ea-smile #feedback .list .message+.message {
    margin-top: 0.5em
}

#smile #graph .highcharts-series-0:not(.highcharts-markers) path:nth-child(1),#smile #lines .highcharts-series-0:not(.highcharts-markers) path:nth-child(1) {
    fill: #EEE !important;
    fill-opacity: 0.7 !important
}

#smile #graph .highcharts-series-0:not(.highcharts-markers) path:nth-child(2),#smile #lines .highcharts-series-0:not(.highcharts-markers) path:nth-child(2) {
    stroke: #EEE !important
}

.icon-add:before {
    color: #ffffff;
    font-size: calc(1em - 3px);
    padding: 3px;
    background-color: #FF5252;
    border-radius: 100%
}

body {
    font-family: "Dim","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.5;
    height: 100%
}

@media only screen and (min-width: 936px) {
    html:not(.mobile) body {
        font-size:13.5px
    }
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) body {
        font-size:14px
    }
}

@media only screen and (min-width: 1601px) {
    html:not(.mobile) body {
        font-size:15px
    }
}

@media print {
    body {
        font-size: 12px
    }
}

body {
    background-color: #f5f5f5;
    color: rgba(0,0,0,0.87);
    height: calc(100% - 3rem)
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body {
        height:calc(100% - 5rem)
    }
}

@media print {
    body {
        background-color: white
    }
}

input[type=email],.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,input[type=number],.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,input[type=password],.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,input[type=tel],.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,input[type=text],.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,input[type=url],.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,input[type=search],.expenseReport>.content .title .principal>.container>div input[type=search]#description:hover,textarea,select,div.pq-select-button,.expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-autocomplete-input,.tree-input {
    font-family: "Dim",Helvetica,Arial,sans-serif;
    padding: 0.1rem;
    background-color: white;
    height: 1.8em;
    line-height: 1.4em;
    vertical-align: middle;
    margin-bottom: .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #b2dfdb;
    color: rgba(0,0,0,0.87);
    width: 100%;
    -moz-appearance: textfield;
    font-size: 100%
}

input[type=email].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=email].ocr.ng-pristine#description:hover,input[type=number].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=number].ocr.ng-pristine#description:hover,input[type=password].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=password].ocr.ng-pristine#description:hover,input[type=tel].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=tel].ocr.ng-pristine#description:hover,input[type=text].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=text].ocr.ng-pristine#description:hover,input[type=url].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=url].ocr.ng-pristine#description:hover,input[type=search].ocr.ng-pristine,.expenseReport>.content .title .principal>.container>div input[type=search].ocr.ng-pristine#description:hover,textarea.ocr.ng-pristine,select.ocr.ng-pristine,div.ocr.ng-pristine.pq-select-button,.expenseReport>.content .title .principal>.container>div select.ocr.ng-pristine#periode:hover,.ui-autocomplete-input.ocr.ng-pristine,.tree-input.ocr.ng-pristine {
    color: #1ab75a !important
}

input[type=email]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=search]#description:hover::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder,div.pq-select-button::-webkit-input-placeholder,.expenseReport>.content .title .principal>.container>div select#periode:hover::-webkit-input-placeholder,.ui-autocomplete-input::-webkit-input-placeholder,.tree-input::-webkit-input-placeholder {
    opacity: 0.8;
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

input[type=email]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=email]#description:-moz-placeholder:hover,input[type=number]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=number]#description:-moz-placeholder:hover,input[type=password]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=password]#description:-moz-placeholder:hover,input[type=tel]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:-moz-placeholder:hover,input[type=text]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=text]#description:-moz-placeholder:hover,input[type=url]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=url]#description:-moz-placeholder:hover,input[type=search]:-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=search]#description:-moz-placeholder:hover,textarea:-moz-placeholder,select:-moz-placeholder,div.pq-select-button:-moz-placeholder,.expenseReport>.content .title .principal>.container>div select#periode:-moz-placeholder:hover,.ui-autocomplete-input:-moz-placeholder,.tree-input:-moz-placeholder {
    opacity: 0.8;
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

input[type=email]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover::-moz-placeholder,input[type=number]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover::-moz-placeholder,input[type=password]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover::-moz-placeholder,input[type=tel]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover::-moz-placeholder,input[type=text]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover::-moz-placeholder,input[type=url]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover::-moz-placeholder,input[type=search]::-moz-placeholder,.expenseReport>.content .title .principal>.container>div input[type=search]#description:hover::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder,div.pq-select-button::-moz-placeholder,.expenseReport>.content .title .principal>.container>div select#periode:hover::-moz-placeholder,.ui-autocomplete-input::-moz-placeholder,.tree-input::-moz-placeholder {
    opacity: 0.8;
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

input[type=email]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=email]#description:-ms-input-placeholder:hover,input[type=number]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=number]#description:-ms-input-placeholder:hover,input[type=password]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=password]#description:-ms-input-placeholder:hover,input[type=tel]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:-ms-input-placeholder:hover,input[type=text]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=text]#description:-ms-input-placeholder:hover,input[type=url]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=url]#description:-ms-input-placeholder:hover,input[type=search]:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div input[type=search]#description:-ms-input-placeholder:hover,textarea:-ms-input-placeholder,select:-ms-input-placeholder,div.pq-select-button:-ms-input-placeholder,.expenseReport>.content .title .principal>.container>div select#periode:-ms-input-placeholder:hover,.ui-autocomplete-input:-ms-input-placeholder,.tree-input:-ms-input-placeholder {
    opacity: 0.8;
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

input[type=email]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover::-webkit-inner-spin-button,input[type=email]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover::-webkit-outer-spin-button,input[type=password]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover::-webkit-inner-spin-button,input[type=password]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover::-webkit-outer-spin-button,input[type=tel]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover::-webkit-inner-spin-button,input[type=tel]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover::-webkit-outer-spin-button,input[type=text]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover::-webkit-inner-spin-button,input[type=text]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover::-webkit-outer-spin-button,input[type=url]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover::-webkit-inner-spin-button,input[type=url]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover::-webkit-outer-spin-button,input[type=search]::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div input[type=search]#description:hover::-webkit-inner-spin-button,input[type=search]::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div input[type=search]#description:hover::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button,textarea::-webkit-outer-spin-button,select::-webkit-inner-spin-button,div.pq-select-button::-webkit-inner-spin-button,.expenseReport>.content .title .principal>.container>div select#periode:hover::-webkit-inner-spin-button,select::-webkit-outer-spin-button,div.pq-select-button::-webkit-outer-spin-button,.expenseReport>.content .title .principal>.container>div select#periode:hover::-webkit-outer-spin-button,.ui-autocomplete-input::-webkit-inner-spin-button,.ui-autocomplete-input::-webkit-outer-spin-button,.tree-input::-webkit-inner-spin-button,.tree-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    appearance: none
}

input[type=email]:hover,.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,input[type=number]:hover,.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,input[type=password]:hover,.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,input[type=tel]:hover,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,input[type=text]:hover,.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,input[type=url]:hover,.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,input[type=search]:hover,.expenseReport>.content .title .principal>.container>div input[type=search]#description:hover,textarea:hover,select:hover,div.pq-select-button:hover,.expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-autocomplete-input:hover,.tree-input:hover {
    border: 1px solid #4db6ac
}

input[type=email]:focus,.expenseReport>.content .title .principal>.container>div input[type=email]#description:focus:hover,input[type=number]:focus,.expenseReport>.content .title .principal>.container>div input[type=number]#description:focus:hover,input[type=password]:focus,.expenseReport>.content .title .principal>.container>div input[type=password]#description:focus:hover,input[type=tel]:focus,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:focus:hover,input[type=text]:focus,.expenseReport>.content .title .principal>.container>div input[type=text]#description:focus:hover,input[type=url]:focus,.expenseReport>.content .title .principal>.container>div input[type=url]#description:focus:hover,input[type=search]:focus,.expenseReport>.content .title .principal>.container>div input[type=search]#description:focus:hover,textarea:focus,select:focus,div.pq-select-button:focus,.expenseReport>.content .title .principal>.container>div select#periode:focus:hover,.ui-autocomplete-input:focus,.tree-input:focus {
    outline: none;
    border: 1px solid #4db6ac;
    background-color: #e0f2f1
}

input[type=email].title,.expenseReport>.content .title .principal>.container>div input[type=email].title#description:hover,input[type=number].title,.expenseReport>.content .title .principal>.container>div input[type=number].title#description:hover,input[type=password].title,.expenseReport>.content .title .principal>.container>div input[type=password].title#description:hover,input[type=tel].title,.expenseReport>.content .title .principal>.container>div input[type=tel].title#description:hover,input[type=text].title,.expenseReport>.content .title .principal>.container>div input[type=text].title#description:hover,input[type=url].title,.expenseReport>.content .title .principal>.container>div input[type=url].title#description:hover,input[type=search].title,.expenseReport>.content .title .principal>.container>div input[type=search].title#description:hover,textarea.title,select.title,div.title.pq-select-button,.expenseReport>.content .title .principal>.container>div select.title#periode:hover,.ui-autocomplete-input.title,.tree-input.title {
    font-size: 1.5rem
}

input[type=email]:disabled,.expenseReport>.content .title .principal>.container>div input[type=email]#description:disabled:hover,input[type=number]:disabled,.expenseReport>.content .title .principal>.container>div input[type=number]#description:disabled:hover,input[type=password]:disabled,.expenseReport>.content .title .principal>.container>div input[type=password]#description:disabled:hover,input[type=tel]:disabled,.expenseReport>.content .title .principal>.container>div input[type=tel]#description:disabled:hover,input[type=text]:disabled,.expenseReport>.content .title .principal>.container>div input[type=text]#description:disabled:hover,input[type=url]:disabled,.expenseReport>.content .title .principal>.container>div input[type=url]#description:disabled:hover,input[type=search]:disabled,.expenseReport>.content .title .principal>.container>div input[type=search]#description:disabled:hover,textarea:disabled,select:disabled,div.pq-select-button:disabled,.expenseReport>.content .title .principal>.container>div select#periode:disabled:hover,.ui-autocomplete-input:disabled,.tree-input:disabled {
    border: none
}

.ocr .tree-input {
    color: #1ab75a !important
}

textarea {
    height: inherit;
    line-height: inherit;
    resize: vertical
}

select,div.pq-select-button,.expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-autocomplete-input {
    width: auto;
    line-height: 1.8em;
    border: 1px solid #b2dfdb
}

select option:not(:checked),div.pq-select-button option:not(:checked),.expenseReport>.content .title .principal>.container>div select#periode:hover option:not(:checked),.ui-autocomplete-input option:not(:checked) {
    background-color: white
}

ea-nature .tree-view input[type=search],ea-nature .tree-view .expenseReport>.content .title .principal>.container>div input[type=search]#description:hover,.expenseReport>.content .title .principal>.container>div ea-nature .tree-view input[type=search]#description:hover,input[type=search]:not(.select2-search__field),.expenseReport>.content .title .principal>.container>div input[type=search]#description:not(.select2-search__field):hover,ea-guest input[type='search'].search,ea-guest .expenseReport>.content .title .principal>.container>div input[type='search'].search#description:hover,.expenseReport>.content .title .principal>.container>div ea-guest input[type='search'].search#description:hover {
    background: #fff url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNzU3NTc1IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+") no-repeat left 0 center;
    padding-left: 1.5rem;
    background-size: contain;
    margin-bottom: 0;
    -webkit-appearance: textfield
}

input[type=search]:not(.select2-search__field),.expenseReport>.content .title .principal>.container>div input[type=search]#description:not(.select2-search__field):hover {
    width: inherit
}

.search-highligth {
    background-color: yellow
}

input[type=number],.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover {
    max-width: 6em
}

input[type=number].number-small,.expenseReport>.content .title .principal>.container>div input[type=number].number-small#description:hover {
    width: 4em
}

html:not(.ie9) select,html:not(.ie9) div.pq-select-button,html:not(.ie9) .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .ui-autocomplete-input,html:not(.ie9) .tree-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: rgba(0,0,0,0.87);
    padding-right: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwwLjU0KSIgZD0iTSAxNiwyIDgsMTIgMCwyIDE2LDIgeiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 8px
}

html:not(.ie9) select[disabled],html:not(.ie9) div[disabled].pq-select-button,html:not(.ie9) .expenseReport>.content .title .principal>.container>div select[disabled]#periode:hover,.expenseReport>.content .title .principal>.container>div html:not(.ie9) select[disabled]#periode:hover,html:not(.ie9) select:disabled,html:not(.ie9) div.pq-select-button:disabled,html:not(.ie9) .expenseReport>.content .title .principal>.container>div select#periode:disabled:hover,.expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:disabled:hover,html:not(.ie9) .ui-autocomplete-input[disabled],html:not(.ie9) .ui-autocomplete-input:disabled,html:not(.ie9) .tree-input[disabled],html:not(.ie9) .tree-input:disabled {
    background-image: none;
    padding-right: 0px
}

html:not(.ie9) select[disabled]+select[disabled],html:not(.ie9) div[disabled].pq-select-button+select[disabled],html:not(.ie9) .expenseReport>.content .title .principal>.container>div select[disabled]#periode:hover+select[disabled],.expenseReport>.content .title .principal>.container>div html:not(.ie9) select[disabled]#periode:hover+select[disabled],html:not(.ie9) select[disabled]+div[disabled].pq-select-button,html:not(.ie9) div[disabled].pq-select-button+div[disabled].pq-select-button,html:not(.ie9) .expenseReport>.content .title .principal>.container>div select[disabled]#periode:hover+div[disabled].pq-select-button,.expenseReport>.content .title .principal>.container>div html:not(.ie9) select[disabled]#periode:hover+div[disabled].pq-select-button,html:not(.ie9) .expenseReport>.content .title .principal>.container>div select[disabled]+select[disabled]#periode:hover,.expenseReport>.content .title .principal>.container>div html:not(.ie9) select[disabled]+select[disabled]#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div div[disabled].pq-select-button+select[disabled]#periode:hover,.expenseReport>.content .title .principal>.container>div html:not(.ie9) div[disabled].pq-select-button+select[disabled]#periode:hover {
    margin-left: 20px
}

@media print {
    input[type=email],.expenseReport>.content .title .principal>.container>div input[type=email]#description:hover,input[type=number],.expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,input[type=password],.expenseReport>.content .title .principal>.container>div input[type=password]#description:hover,input[type=tel],.expenseReport>.content .title .principal>.container>div input[type=tel]#description:hover,input[type=text],.expenseReport>.content .title .principal>.container>div input[type=text]#description:hover,input[type=url],.expenseReport>.content .title .principal>.container>div input[type=url]#description:hover,select,div.pq-select-button,.expenseReport>.content .title .principal>.container>div select#periode:hover,.ms-parent .ms-choice,input.ui-autocomplete-input,.expenseReport>.content .title .principal>.container>div input.ui-autocomplete-input#description:hover,textarea {
        -moz-appearance: none;
        -webkit-appearance: none;
        border-color: transparent;
        background: transparent none !important
    }
}

select::-ms-expand,div.pq-select-button::-ms-expand,.expenseReport>.content .title .principal>.container>div select#periode:hover::-ms-expand {
    display: none
}

.combobox-container {
    position: relative;
    max-height: 1.8em;
    padding-bottom: 0.5rem
}

.combobox-container>select.select2-hidden-accessible,.combobox-container>div.select2-hidden-accessible.pq-select-button,.expenseReport>.content .title .principal>.container>div .combobox-container>select.select2-hidden-accessible#periode:hover {
    border: none !important;
    padding: 0 3em 0 0 !important;
    margin: 0 !important;
    visibility: hidden;
    position: static !important;
    width: auto !important
}

.combobox-container>span.select2-container {
    position: absolute;
    top: 0;
    left: 0
}

h1 {
    font-size: 1.8rem;
    margin-bottom: 1.7rem;
    line-height: 1.5em
}

h2 {
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.5em
}

h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

h4 {
    font-size: 1.2rem;
    line-height: 1.5em;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

h6 {
    font-size: 0.9rem;
    color: rgba(0,0,0,0.54)
}

.text-disabled {
    color: rgba(0,0,0,0.26)
}

small,.text-small {
    font-size: smaller
}

.text-classless {
    font-size: 1rem;
    color: rgba(0,0,0,0.87)
}

.text-colorless {
    color: rgba(0,0,0,0.87)
}

b {
    font-weight: 500
}

a {
    outline: none;
    color: inherit;
    text-decoration: none
}

button {
    color: inherit;
    border: none;
    background: none
}

button:not([disabled]) {
    cursor: pointer
}

*:focus {
    outline: none
}

p {
    margin: 0.5rem 0;
    line-height: 1.5
}

dt {
    font-weight: 500;
    font-size: 0.95rem
}

dd+dt {
    margin-top: 0.5rem
}

dd {
    margin-left: 2rem
}

script {
    display: none !important
}

td[align=center],th[align=center] {
    text-align: center
}

td[valign=top],th[valign=top] {
    vertical-align: top
}

td[valign=middle],th[valign=middle] {
    vertical-align: middle
}

.pull-right {
    float: right
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.display-table-middle {
    display: table;
    width: 100%
}

.display-table-middle>* {
    display: table-cell;
    vertical-align: middle
}

.paragraph {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.paragraph-top {
    margin-top: 1.5rem
}

.paragraph-bottom {
    margin-bottom: 1.5rem
}

.block {
    display: block
}

.hidden {
    display: none
}

.hidden-important {
    display: none !important
}

.invisible {
    visibility: hidden
}

.clickable {
    cursor: pointer
}

.clickable.selecting-text {
    cursor: text
}

.no-wrap {
    white-space: nowrap
}

@media only screen and (orientation: portrait) and (max-width: 600px), only screen and (orientation: landscape) and (max-width: 935px) {
    .hide-on-small-and-down {
        display:none
    }
}

.card .card-title+.card-content {
    padding-top: 0
}

.flow-text {
    font-weight: 300;
    text-align: justify
}

@media only screen and (min-width: 360px) {
    .flow-text {
        font-size:.9rem
    }
}

@media only screen and (min-width: 0px) {
    .flow-text {
        line-height:.6rem
    }
}

@media only screen and (min-width: 393.25px) {
    .flow-text {
        font-size:.918rem
    }
}

@media only screen and (min-width: 33.25px) {
    .flow-text {
        line-height:.678rem
    }
}

@media only screen and (min-width: 426.5px) {
    .flow-text {
        font-size:.936rem
    }
}

@media only screen and (min-width: 66.5px) {
    .flow-text {
        line-height:.756rem
    }
}

@media only screen and (min-width: 459.75px) {
    .flow-text {
        font-size:.954rem
    }
}

@media only screen and (min-width: 99.75px) {
    .flow-text {
        line-height:.834rem
    }
}

@media only screen and (min-width: 493px) {
    .flow-text {
        font-size:.972rem
    }
}

@media only screen and (min-width: 133px) {
    .flow-text {
        line-height:.912rem
    }
}

@media only screen and (min-width: 526.25px) {
    .flow-text {
        font-size:.99rem
    }
}

@media only screen and (min-width: 166.25px) {
    .flow-text {
        line-height:.99rem
    }
}

@media only screen and (min-width: 559.5px) {
    .flow-text {
        font-size:1.008rem
    }
}

@media only screen and (min-width: 199.5px) {
    .flow-text {
        line-height:1.068rem
    }
}

@media only screen and (min-width: 592.75px) {
    .flow-text {
        font-size:1.026rem
    }
}

@media only screen and (min-width: 232.75px) {
    .flow-text {
        line-height:1.146rem
    }
}

@media only screen and (min-width: 626px) {
    .flow-text {
        font-size:1.044rem
    }
}

@media only screen and (min-width: 266px) {
    .flow-text {
        line-height:1.224rem
    }
}

@media only screen and (min-width: 659.25px) {
    .flow-text {
        font-size:1.062rem
    }
}

@media only screen and (min-width: 299.25px) {
    .flow-text {
        line-height:1.302rem
    }
}

@media only screen and (min-width: 692.5px) {
    .flow-text {
        font-size:1.08rem
    }
}

@media only screen and (min-width: 332.5px) {
    .flow-text {
        line-height:1.38rem
    }
}

@media only screen and (min-width: 725.75px) {
    .flow-text {
        font-size:1.098rem
    }
}

@media only screen and (min-width: 365.75px) {
    .flow-text {
        line-height:1.458rem
    }
}

@media only screen and (min-width: 759px) {
    .flow-text {
        font-size:1.116rem
    }
}

@media only screen and (min-width: 399px) {
    .flow-text {
        line-height:1.536rem
    }
}

@media only screen and (min-width: 792.25px) {
    .flow-text {
        font-size:1.134rem
    }
}

@media only screen and (min-width: 432.25px) {
    .flow-text {
        line-height:1.614rem
    }
}

@media only screen and (min-width: 825.5px) {
    .flow-text {
        font-size:1.152rem
    }
}

@media only screen and (min-width: 465.5px) {
    .flow-text {
        line-height:1.692rem
    }
}

@media only screen and (min-width: 858.75px) {
    .flow-text {
        font-size:1.17rem
    }
}

@media only screen and (min-width: 498.75px) {
    .flow-text {
        line-height:1.77rem
    }
}

@media only screen and (min-width: 892px) {
    .flow-text {
        font-size:1.188rem
    }
}

@media only screen and (min-width: 532px) {
    .flow-text {
        line-height:1.848rem
    }
}

@media only screen and (min-width: 925.25px) {
    .flow-text {
        font-size:1.206rem
    }
}

@media only screen and (min-width: 565.25px) {
    .flow-text {
        line-height:1.926rem
    }
}

@media only screen and (min-width: 958.5px) {
    .flow-text {
        font-size:1.224rem
    }
}

@media only screen and (min-width: 598.5px) {
    .flow-text {
        line-height:2.004rem
    }
}

@media only screen and (min-width: 991.75px) {
    .flow-text {
        font-size:1.242rem
    }
}

@media only screen and (min-width: 631.75px) {
    .flow-text {
        line-height:2.082rem
    }
}

@media only screen and (min-width: 1025px) {
    .flow-text {
        font-size:1.26rem
    }
}

@media only screen and (min-width: 665px) {
    .flow-text {
        line-height:2.16rem
    }
}

.icon-void:before {
    content: " "
}

img.responsive-img {
    max-width: 100%;
    max-height: 100%
}

.modal {
    display: none
}

.modal .modal-content {
    padding: 0 0.5rem 0.5rem 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify;
    max-width: 540px;
    margin: auto
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .modal .modal-content {
        max-width:935px;
        padding: 0 2rem 1rem 2rem
    }
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) .modal .modal-content {
        max-width:1004px
    }
}

@media only screen and (min-width: 1601px) {
    html:not(.mobile) .modal .modal-content {
        max-width:1040px
    }
}

.modal .modal-content textarea {
    width: 100%
}

.modal .modal-footer {
    text-align: right
}

ul.basic_ul,ul.simple_ul {
    margin-left: 1.2rem
}

ul.basic_ul>li,ul.simple_ul>li {
    margin: 0.5rem 0
}

ul.basic_ul>li {
    list-style-type: initial
}

ul.second_level_ul {
    margin-left: 2.4rem
}

ul.second_level_ul>li {
    list-style-type: circle
}

.text-secondary {
    font-size: 90%;
    color: rgba(0,0,0,0.54)
}

div.flex-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.5ex;
    margin-right: -0.5ex
}

div.flex-layout>* {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 0.5ex;
    margin-right: 0.5ex
}

div.flex-layout.first-child-wider>*:first-child {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

div.flex-layout.first-child-wider>*+* {
    margin-left: 1ex
}

div.flex-layout>.big {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.regular-link,#attachedFileDivLink a,.attachedFileDivLink a {
    color: #40c4ff
}

.regular-link:hover,#attachedFileDivLink a:hover,.attachedFileDivLink a:hover {
    text-decoration: underline
}

.form-label.password-rules,.label-in-input label.password-rules,.expense .details .amounts .amount label.password-rules,.expense .details .amounts .ttc label.password-rules {
    font-size: 70%;
    display: block
}

.form-label.grid-col,.label-in-input label.grid-col,.expense .details .amounts .amount label.grid-col,.expense .details .amounts .ttc label.grid-col {
    margin-top: .4em
}

.form-label.ocr,.label-in-input label.ocr,.expense .details .amounts .amount label.ocr,.expense .details .amounts .ttc label.ocr {
    color: #1ab75a
}

i[class^='icon-'] {
    color: rgba(0,0,0,0.87)
}

*[disabled] *:not(.not-disabled)>i[class^='icon-'] {
    color: rgba(0,0,0,0.26)
}

@media print {
    .not-printed {
        display: none
    }
}

span.badge {
    padding: 0 0.5rem;
    text-align: center;
    color: rgba(0,0,0,0.54)
}

span.badge.highlight {
    color: #fff;
    background-color: #FF5252
}

.default_logo {
    background: url(logo_m.png) no-repeat;
    height: 60px;
    width: 115px
}

table.glBtns div {
    cursor: pointer
}

table.glBtns td {
    width: 19px
}

table.glBtns td img {
    margin: 0 1px 0 1px
}

#attachedFileDivLink,.attachedFileDivLink {
    white-space: nowrap;
    display: inline-block
}

.refuseBtn {
    background: url(../../../../../eurecia/image/buttons/refuse.png) no-repeat;
    width: 19px;
    height: 19px
}

.refuseBtn:hover {
    background-image: url(../../../../../eurecia/image/buttons/refuse_hov.png)
}

.validateBtn {
    background: url(../../../../../eurecia/image/buttons/validate.png) no-repeat;
    width: 19px;
    height: 19px
}

.validateBtn:hover {
    background-image: url(../../../../../eurecia/image/buttons/validate_hov.png)
}

.cancelBtn {
    background: url(../../../../../eurecia/image/buttons/cancel.png) no-repeat;
    width: 19px;
    height: 19px
}

.cancelBtn:hover {
    background-image: url(../../../../../eurecia/image/buttons/cancel_hov.png)
}

.historyBtn {
    background: url(../../../../../eurecia/image/buttons/historic.png) no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer
}

.buttonDelete {
    background: url(../../../../../eurecia/image/icons/delete.png) no-repeat
}

.buttonDelete:hover {
    background: url(../../../../../eurecia/image/icons/delete_red.png) no-repeat
}

#warnInformation {
    background: url(../../../../../eurecia/image/warnInformation.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: help
}

#helpInformation {
    background: url(../../../../../eurecia/image/app/helpImg.gif) no-repeat;
    width: 20px;
    height: 20px;
    cursor: help
}

.historyTable {
    border: 1px solid black;
    width: 100%;
    text-align: center
}

.historyTable tr.titleLine th.titleLine {
    border: 1px solid black;
    padding: 5px;
    background-color: #DFDFDF
}

.historyTable tr.bodyLine td.bodyLine {
    border: 1px solid black;
    padding: 5px;
    font-weight: normal
}

.editBtn {
    background: url(../../../../../eurecia/image/icons/edit.png) no-repeat;
    width: 19px;
    height: 19px
}

.emptyBtn {
    background-repeat: no-repeat;
    width: 19px;
    height: 19px
}

.printBtn {
    background: url(../../../../../eurecia/image/app/planning_vacation/print_20_20.png) no-repeat;
    width: 19px;
    height: 19px
}

.copyBtn {
    background: url(../../../../../eurecia/image/app/btnCopy.png) no-repeat;
    width: 19px;
    height: 19px
}

.deleteBtn {
    background: url(../../../../../eurecia/image/icons/delete.png) no-repeat;
    width: 19px;
    height: 19px
}

.bourseBtn {
    background: url(../../../../../eurecia/image/app/icons/bourse.png) no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer
}

.bourseBtn:hover {
    background-image: url(../../../../../eurecia/image/app/icons/bourse_h.png)
}

div.messokSettingsHelper {
    width: 100%;
    background-color: #F5F8E9;
    text-align: center;
    color: #BBD26A;
    border: solid 1px #BBD26A
}

div.messok {
    position: fixed;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 997;
    text-align: center;
    color: #fff
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) div.messok {
        left:7.8rem;
        right: 3rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) div.messok {
        left:22rem;
        right: 12rem
    }
}

div.messok>div {
    display: inline-block;
    position: relative;
    margin: auto;
    padding: 5px 20px 5px 5px;
    max-width: 50%;
    text-align: justify;
    border: solid 1px rgba(0,0,0,0.087);
    background: #FF5252;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

@media print {
    div.messok>div {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

div.messok>div>span {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    color: #fff
}

div.messok>div>span:hover {
    background-color: #fff;
    color: #FF5252
}

.messerr {
    color: #D50000
}

div.messerr {
    border: solid 1px #D50000
}

div.messerr:before {
    content: "\E825"
}

.messwarn {
    color: #ff6d00
}

div.messwarn {
    border: solid 1px #ff6d00
}

div.messwarn:before {
    content: "\E803"
}

div.messerr,div.messwarn {
    border-radius: 3px;
    display: table;
    max-width: 50em;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1ex
}

div.messerr:before,div.messwarn:before {
    display: table-cell;
    font-family: "fontello", sans-serif;
    padding-left: 0.5ex;
    padding-right: 1ex;
    vertical-align: middle
}

div.messerr>div,div.messokSettingsHelper>div {
    padding: 1rem 0
}

div.messinfo {
    padding: 10px;
    background-color: rgba(153,238,255,0.3);
    text-align: center;
    color: #1697CE;
    font-size: 12px;
    border: solid 2px #1697CE;
    border-radius: 10px
}

a.no_decoration {
    text-decoration: none;
    border: none
}

#div_main_body_content {
    margin-top: 4.2rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #div_main_body_content {
        min-height:calc(100% - 9.5rem);
        margin-top: 5rem;
        margin-left: 3.8rem;
        padding: 2rem 1rem 0
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body.nav-menu-main-narrow #div_main_body_content {
        margin-left:3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) #div_main_body_content {
        margin-left:16rem
    }
}

@media print {
    #div_main_body_content {
        margin-top: 1rem;
        min-height: 0;
        padding: 0
    }
}

#div_main_body_content .ctxactions,#div_main_body_content .ctxaction {
    display: none
}

#btnBack {
    display: none
}

.nav-menu-state-buttons {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .nav-menu-state-buttons {
        width:1.5rem;
        height: 1.5rem;
        position: fixed;
        bottom: 3rem;
        text-align: center;
        border: 1px solid rgba(0,0,0,0.087);
        background-color: rgba(0,0,0,0.05)
    }

    html:not(.mobile) .nav-menu-state-buttons>button {
        display: inline-block;
        width: 100%;
        max-width: none;
        font-size: 1rem
    }
}

.menu-overlay.transparent {
    background: transparent
}

.menu-button .menu-options {
    position: absolute;
    z-index: 1098;
    display: none;
    background: white;
    padding: 5px 0;
    text-align: left;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    color: rgba(0,0,0,0.87)
}

@media print {
    .menu-button .menu-options {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.menu-button .menu-options li {
    cursor: pointer;
    white-space: nowrap;
    line-height: 2.5rem;
    padding: 0 1.5rem 0 1rem
}

.menu-button .menu-options li:hover {
    background: #eee
}

.menu-button .menu-options li i {
    font-size: 1.4rem;
    margin-right: 0.6rem;
    color: rgba(0,0,0,0.7)
}

.menu-button .menu-options li button[disabled] i {
    color: rgba(0,0,0,0.26)
}

.menu-button .menu-options li>ul {
    margin: 0 -0.7rem
}

.menu-button .menu-options li.submenu {
    cursor: inherit
}

.menu-button .menu-options li.submenu:hover {
    background: inherit
}

.menu-button .menu-options li .btn-flat-discreet {
    text-transform: none;
    width: 100%;
    text-align: left;
    font-weight: normal
}

.menu-button .menu-options li .btn-flat-discreet:enabled.positive i,.menu-button .menu-options li .btn-flat-discreet:enabled.positive span {
    color: #00C853
}

.menu-button .menu-options li .btn-flat-discreet:enabled.positive:hover:not(.disabled):not([disabled]) i,.menu-button .menu-options li .btn-flat-discreet:enabled.positive:hover:not(.disabled):not([disabled]) span {
    color: #00E676
}

.menu-button .menu-options li .btn-flat-discreet:enabled.negative i,.menu-button .menu-options li .btn-flat-discreet:enabled.negative span {
    color: #D50000
}

.menu-button .menu-options li .btn-flat-discreet:enabled.negative:hover:not(.disabled):not([disabled]) i,.menu-button .menu-options li .btn-flat-discreet:enabled.negative:hover:not(.disabled):not([disabled]) span {
    color: #FF1744
}

.menu-button .menu-options li .btn-flat-discreet:enabled.warning i,.menu-button .menu-options li .btn-flat-discreet:enabled.warning span {
    color: #D50000
}

.menu-button .menu-options li .btn-flat-discreet:enabled.warning:hover:not(.disabled):not([disabled]) i,.menu-button .menu-options li .btn-flat-discreet:enabled.warning:hover:not(.disabled):not([disabled]) span {
    color: #ff9100
}

.menu-button:hover .menu-options {
    display: block
}

.menu-button i {
    font-size: 1.25em
}

#ctxpanel {
    display: none;
    position: fixed;
    z-index: 1099;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white
}

#ctxpanel .ctxaction {
    font-size: 1rem;
    padding: 1ex;
    text-transform: uppercase;
    color: rgba(0,0,0,0.87)
}

#ctxpanel .ctxaction i {
    margin: 0
}

#ctxpanel .ctxaction.positive i,#ctxpanel .ctxaction.positive span {
    color: #00C853 !important
}

#ctxpanel .ctxaction.positive:hover:not(.disabled):not([disabled]) i,#ctxpanel .ctxaction.positive:hover:not(.disabled):not([disabled]) span {
    color: #00E676 !important
}

#ctxpanel .ctxaction.negative i,#ctxpanel .ctxaction.negative span {
    color: #D50000 !important
}

#ctxpanel .ctxaction.negative:hover:not(.disabled):not([disabled]) i,#ctxpanel .ctxaction.negative:hover:not(.disabled):not([disabled]) span {
    color: #FF1744 !important
}

#ctxpanel .ctxaction.warning i,#ctxpanel .ctxaction.warning span {
    color: #D50000 !important
}

#ctxpanel .ctxaction.warning:hover:not(.disabled):not([disabled]) i,#ctxpanel .ctxaction.warning:hover:not(.disabled):not([disabled]) span {
    color: #ff9100 !important
}

body.ctxpanel.ctxpanel-fixed #ctxpanel {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3rem;
    background-color: #212121;
    -webkit-box-shadow: 0 -8px 17px 0 rgba(0,0,0,0.2),0 -6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 -8px 17px 0 rgba(0,0,0,0.2),0 -6px 20px 0 rgba(0,0,0,0.19)
}

@media print {
    body.ctxpanel.ctxpanel-fixed #ctxpanel {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media print {
    body.ctxpanel.ctxpanel-fixed #ctxpanel {
        display: none
    }
}

body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction:not(:first-child) {
    border-left: solid 1px rgba(255,255,255,0.7)
}

body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction i {
    font-size: 2rem;
    line-height: 2.2rem;
    color: white;
    float: none
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-1 .ctxaction {
    width: 100%;
    line-height: 3rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-1 .ctxaction {
        line-height:inherit
    }
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-1 .ctxaction>* {
    vertical-align: middle
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-2 {
    height: 4rem
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-2 .ctxaction {
    width: 50%
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-2 .ctxaction>* {
    display: block
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-2 .ctxaction span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 1rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-2 .ctxaction span {
        white-space:normal
    }
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-3 .ctxaction {
    width: 33%
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-3 .ctxaction span {
    display: none
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-4 .ctxaction {
    width: 25%
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-4 .ctxaction span {
    display: none
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-5 .ctxaction {
    width: 20%
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-5 .ctxaction span {
    display: none
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-6 .ctxaction {
    width: 16%
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-6 .ctxaction span {
    display: none
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-7 .ctxaction {
    width: 14%
}

body.ctxpanel.ctxpanel-fixed #ctxpanel.manyactions-7 .ctxaction span {
    display: none
}

body.ctxpanel.ctxpanel-fixed #div_main_body_content {
    margin-bottom: 3rem
}

body.ctxpanel.ctxpanel-fixed.ctxpanel-manyactions-2 #div_main_body_content {
    margin-bottom: 4rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body.ctxpanel.ctxpanel-fixed {
        margin-bottom:0
    }
}

@media print {
    body.ctxpanel #div_main_body_content {
        margin-right: 0
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body.ctxpanel #div_main_body_content {
        margin-right:3rem
    }

    html:not(.mobile) body.ctxpanel #ctxpanel,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel {
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        z-index: 899;
        margin-top: 5rem;
        width: 3rem;
        height: auto !important;
        border-left: 1px solid rgba(0,0,0,0.087);
        background-color: #f5f5f5
    }

    html:not(.mobile) body.ctxpanel.tabbar #ctxpanel {
        margin-top: 6.8rem
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        margin: 0;
        padding: 1ex;
        border: 1px none rgba(0,0,0,0.087);
        border-bottom-style: solid;
        color: rgba(0,0,0,0.87)
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction:not(:first-child),html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction:not(:first-child) {
        border-left-style: none
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction.customized_css,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction.customized_css {
        background-color: inherit;
        color: inherit
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction:hover,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction:hover {
        background-color: #eee
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction:active,html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction:focus,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction:active,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction:focus {
        background-color: #e0e0e0
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction:focus,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction:focus {
        outline: none
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction>span:not(.modal),html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction>span:not(.modal) {
        display: none
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .ctxaction>i,html:not(.mobile) body.ctxpanel.ctxpanel-fixed #ctxpanel .ctxaction>i {
        font-size: 150%;
        color: rgba(0,0,0,0.7)
    }
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) body.ctxpanel #ctxpanel .nav-menu-state-buttons {
        display:block;
        border-radius: 0 3px 3px 0;
        border-left: 0
    }

    html:not(.mobile) body.ctxpanel #ctxpanel .nav-menu-state-buttons button.nav-menu-expand-narrow {
        display: none
    }
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) body.ctxpanel:not(.nav-menu-secondary-narrow) #div_main_body_content {
        margin-right:12rem
    }

    html:not(.mobile) body.ctxpanel:not(.nav-menu-secondary-narrow) #ctxpanel {
        width: 12rem
    }

    html:not(.mobile) body.ctxpanel:not(.nav-menu-secondary-narrow) #ctxpanel .ctxaction {
        min-height: 6rem;
        text-align: center
    }

    html:not(.mobile) body.ctxpanel:not(.nav-menu-secondary-narrow) #ctxpanel .ctxaction>span:not(.modal) {
        margin: 1ex 0 0 0;
        display: block
    }

    html:not(.mobile) body.ctxpanel.nav-menu-secondary-narrow #ctxpanel button.nav-menu-narrow {
        display: none
    }

    html:not(.mobile) body.ctxpanel.nav-menu-secondary-narrow #ctxpanel button.nav-menu-expand-narrow {
        display: inline-block
    }
}

body.ctxpanel.nav-menu-secondary-open {
    overflow: hidden
}

body.ctxpanel.nav-menu-secondary-open #ctxpanel {
    display: block;
    right: 0.5rem;
    top: 0.5rem;
    max-height: calc(100% - 3rem);
    max-width: 95%;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)
}

@media print {
    body.ctxpanel.nav-menu-secondary-open #ctxpanel {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

body.ctxpanel.nav-menu-secondary-open #ctxpanel .ctxaction {
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    line-height: 2.5rem;
    padding: 0 1.5rem 0 1rem
}

body.ctxpanel.nav-menu-secondary-open #ctxpanel .ctxaction:hover {
    background: #eee
}

body.ctxpanel.nav-menu-secondary-open #ctxpanel .ctxaction i {
    font-size: 1.4rem;
    margin-right: 0.6rem;
    color: rgba(0,0,0,0.7)
}

body.ctxpanel.nav-menu-secondary-open #ctxpanel .ctxaction button[disabled] i {
    color: rgba(0,0,0,0.26)
}

body.ctxpanel.nav-menu-secondary-open #ctxpanel .nav-menu-state-buttons {
    display: none
}

#ctxfba {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) button.nav-menu {
        display:none
    }
}

#frame_container {
    position: fixed;
    top: 5rem;
    bottom: 4rem;
    left: 16rem;
    right: 0;
    margin-top: 2rem
}

@media only screen and (max-width: 1462px) {
    html:not(.mobile) #frame_container {
        left:3.8rem
    }
}

#frame_container_admin {
    position: fixed;
    bottom: 0;
    left: 16rem;
    right: 0
}

@media only screen and (max-width: 1462px) {
    html:not(.mobile) #frame_container_admin {
        left:3.8rem
    }
}

.fErrMess {
    background-color: #D50000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px;
    margin: 5px;
    color: #fff
}

img.form_create_img {
    margin-right: 8px;
    width: 19px;
    height: 19px
}

.imputationStructureFilters {
    line-height: 3;
    width: 100%
}

.imputationStructureFilters>tbody>tr>*,.imputationStructureFilters>tbody>tr>*.fl {
    padding-right: 1ex
}

.imputationStructureFilters>tbody>tr>*:first-child {
    padding-left: 1ex
}

.imputationStructureFilters>tbody>tr>td:nth-child(5) {
    min-width: 7em
}

.imputationStructureFilters>tbody>tr>td:nth-child(7) {
    min-width: 10em
}

.imputationStructureFilters .axisSelected {
    white-space: nowrap
}

.imputationStructureFilters:not(.axis1) #filterAxis1Tr .axisSelected .ifselected {
    display: none
}

.imputationStructureFilters.axis1 #filterAxis1Tr {
    background-color: #e0f2f1
}

.imputationStructureFilters:not(.axis2) #filterAxis2Tr .axisSelected .ifselected {
    display: none
}

.imputationStructureFilters.axis2 #filterAxis2Tr {
    background-color: #e0f2f1
}

.imputationStructureFilters:not(.axis3) #filterAxis3Tr .axisSelected .ifselected {
    display: none
}

.imputationStructureFilters.axis3 #filterAxis3Tr {
    background-color: #e0f2f1
}

.imputationStructureFilters:not(.axis4) #filterAxis4Tr .axisSelected .ifselected {
    display: none
}

.imputationStructureFilters.axis4 #filterAxis4Tr {
    background-color: #e0f2f1
}

.imputationStructureFilters:not(.axis5) #filterAxis5Tr .axisSelected .ifselected {
    display: none
}

.imputationStructureFilters.axis5 #filterAxis5Tr {
    background-color: #e0f2f1
}

.imputationStructureFilters .axisSelected {
    color: #00695c;
    font-weight: 500
}

table.selectAnalyticalAxis {
    width: 100%
}

table.selectAnalyticalAxis td:first-child {
    width: 100%
}

table.selectAnalyticalAxis td.searchButton {
    min-width: 1.4em;
    cursor: pointer
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    line-height: 2rem;
    z-index: 900;
    background-color: #008ac9
}

#header #homeButton {
    display: none
}

#header .logo {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #header .logo {
        display:block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 900;
        height: 6.8rem;
        line-height: 6.8rem;
        width: 3.8rem;
        max-width: 95%;
        text-align: center;
        background-color: #008ac9
    }

    html:not(.mobile) #header .logo>a {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        text-align: center;
        border-radius: 2px
    }

    html:not(.mobile) #header .logo>a .img {
        display: none
    }

    html:not(.mobile) #header .logo>a i {
        color: rgba(255,255,255,0.7);
        font-size: 2rem;
        margin-bottom: -6.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) #header .logo {
        width:16rem
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #header .logo>a {
        width: 125px;
        height: 70px;
        line-height: 70px;
        -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #header .logo>a:hover {
        color: #e0f2f1;
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #header .logo>a .img {
        display: block;
        width: 115px;
        height: 60px;
        padding: 5px;
        vertical-align: middle;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #header .logo>a i {
        display: none
    }
}

#header #top-header {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #header {
        left:3.8rem
    }

    html:not(.mobile) #header #languages span {
        display: inline-block;
        height: 11px
    }

    html:not(.mobile) #header #languages .es,html:not(.mobile) #header #languages .it,html:not(.mobile) #header #languages .en,html:not(.mobile) #header #languages .de,html:not(.mobile) #header #languages .fr,html:not(.mobile) #header #languages .ro {
        background: url(../../../../../eurecia/image/app/flags_list_small.png) no-repeat;
        width: 16px
    }

    html:not(.mobile) #header #languages .es {
        background-position: 0 -22px
    }

    html:not(.mobile) #header #languages .it {
        background-position: 0 -11px
    }

    html:not(.mobile) #header #languages .en {
        background-position: 0 -44px
    }

    html:not(.mobile) #header #languages .de {
        background-position: 0 0
    }

    html:not(.mobile) #header #languages .fr {
        background-position: 0 -33px
    }

    html:not(.mobile) #header #languages .ro {
        background-position: 0 -55px
    }

    html:not(.mobile) #header #languages>ul>li span {
        margin-right: 8px
    }

    html:not(.mobile) #header #top-header {
        display: block;
        height: 2rem
    }

    html:not(.mobile) #header #top-header .left {
        float: left;
        line-height: 2rem
    }

    html:not(.mobile) #header #top-header .left>* {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center
    }

    html:not(.mobile) #header #top-header .left>*,html:not(.mobile) #header #top-header .left>*>* {
        vertical-align: middle
    }

    html:not(.mobile) #header #top-header .left #homeButton {
        display: none
    }

    html:not(.mobile) #header #top-header .left i {
        color: rgba(255,255,255,0.7);
        font-size: 1.5rem;
        -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
    }

    html:not(.mobile) #header #top-header .left .menuButton:hover>i,html:not(.mobile) #header #top-header .left i:hover {
        color: white
    }

    html:not(.mobile) #header #top-header .left i:before {
        width: auto;
        margin: 0
    }

    html:not(.mobile) #header #top-header .left .flag {
        display: inline-block
    }

    html:not(.mobile) #header #top-header .right {
        position: relative;
        float: right;
        z-index: 1;
        text-align: right;
        line-height: 0
    }

    html:not(.mobile) #header #top-header .right>* {
        display: inline-block;
        height: 2rem;
        line-height: 2rem
    }

    html.ie9 #usermenu-changePhoto {
        display: none
    }

    html:not(.mobile) #header #topMenuButton>div.menu-button-content {
        display: table;
        padding-right: 5px;
        cursor: default;
        color: rgba(255,255,255,0.7)
    }

    html:not(.mobile) #header #topMenuButton>div.menu-button-content>* {
        display: table-cell;
        vertical-align: middle
    }

    html:not(.mobile) #header #topMenuButton>div.menu-button-content>div {
        padding: 0 10px
    }

    html:not(.mobile) #header #topMenuButton>div.menu-button-content>div>span {
        display: block;
        line-height: 1.2rem
    }

    html:not(.mobile) #header #topMenuButton>div.menu-button-content .user-image,html:not(.mobile) #header #topMenuButton>div.menu-button-content .photoFile,html:not(.mobile) #header #topMenuButton>div.menu-button-content .photoFileMin {
        display: inline-block;
        padding: 0
    }

    html:not(.mobile) #header #topMenuButton:hover>div {
        color: white
    }

    html:not(.mobile) #header #topMenuButton .menu-options {
        top: 2rem;
        right: 3px
    }

    html:not(.mobile) #header #topMenuButton .menu-options a {
        display: block
    }

    html:not(.mobile) #header .menu-button {
        cursor: pointer
    }

    html:not(.mobile) #header .menu-button:hover {
        background: rgba(0,0,0,0.3);
        color: white
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) #header {
        left:16rem
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #header #top-header>.left>#homeButton {
        display: inline-block
    }
}

@media print {
    #header {
        position: static;
        background-color: transparent;
        color: rgba(0,0,0,0.87)
    }
}

.table-configuration.menuButton {
    cursor: pointer
}

#sidenav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -21rem;
    -webkit-transition: left 400ms ease;
    transition: left 400ms ease;
    width: 19rem;
    max-width: 95%;
    background-color: #fff;
    color: rgba(0,0,0,0.87);
    z-index: 1098;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    overflow-y: auto
}

@media print {
    #sidenav {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

#sidenav .logo {
    display: block;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: solid 1px rgba(0,0,0,0.12)
}

#sidenav .logo .img {
    max-height: 60px
}

@media only screen and (orientation: portrait) and (min-width: 601px) and (max-height: 670px), only screen and (orientation: landscape) and (min-width: 936px) and (max-height: 670px) {
    #sidenav>ul.ul_nb_items_10 {
        font-size:90%
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px) and (max-height: 590px), only screen and (orientation: landscape) and (min-width: 936px) and (max-height: 590px) {
    #sidenav>ul.ul_nb_items_10 {
        font-size:80%
    }

    #sidenav>ul.ul_nb_items_9 {
        font-size: 80%
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px) and (max-height: 530px), only screen and (orientation: landscape) and (min-width: 936px) and (max-height: 530px) {
    #sidenav>ul.ul_nb_items_10 {
        font-size:70%
    }

    #sidenav>ul.ul_nb_items_9 {
        font-size: 80%
    }

    #sidenav>ul.ul_nb_items_8 {
        font-size: 90%
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px) and (max-height: 485px), only screen and (orientation: landscape) and (min-width: 936px) and (max-height: 485px) {
    #sidenav>ul.ul_nb_items_10 {
        font-size:60%
    }

    #sidenav>ul.ul_nb_items_9 {
        font-size: 70%
    }

    #sidenav>ul.ul_nb_items_8 {
        font-size: 80%
    }

    #sidenav>ul.ul_nb_items_7 {
        font-size: 90%
    }
}

#sidenav>ul>li {
    margin-top: 1em
}

#sidenav>ul>li>div,#sidenav>ul>li>a {
    font-weight: 500
}

#sidenav>ul>li>div i,#sidenav>ul>li>a i {
    font-size: 2rem
}

#sidenav>ul>li>div>*,#sidenav>ul>li>a>* {
    vertical-align: middle
}

#sidenav>ul i {
    color: #004d40
}

#sidenav>ul a {
    display: block
}

#sidenav>ul li.link {
    cursor: pointer
}

#sidenav>ul li:not(.selected)>div>a,#sidenav>ul li:not(.selected)>a {
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
}

#sidenav>ul li:not(.selected)>div>a:hover,#sidenav>ul li:not(.selected)>a:hover {
    background: #eee;
    color: rgba(0,0,0,0.87)
}

#sidenav>ul li:not(.selected)>div>a:hover i,#sidenav>ul li:not(.selected)>a:hover i {
    color: rgba(0,0,0,0.7)
}

#sidenav>ul ul li {
    line-height: 2.5
}

#sidenav>ul ul li.selected:not(.parent)>div {
    color: #fff;
    background: #009bda;
    font-weight: 500
}

#sidenav>ul ul li i.icon-section-closed {
    display: none
}

#sidenav>ul ul li>div>a,#sidenav>ul ul li>a {
    padding-left: 3rem
}

#sidenav>ul ul li ul>li>div>a,#sidenav>ul ul li ul>li>a {
    padding-left: 5rem
}

#sidenav li.user {
    margin: 0;
    line-height: 5rem;
    background-color: #757575;
    color: white
}

#sidenav li.user .user-image,#sidenav li.user .photoFile,#sidenav li.user .photoFileMin {
    width: 3rem;
    height: 3rem
}

#sidenav li.user>div {
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#sidenav li.user>div>button {
    float: right;
    line-height: 4rem;
    height: 5rem
}

#sidenav li.user>div>button i {
    color: white;
    font-size: 1rem
}

#sidenav li.user>ul {
    display: none
}

#sidenav li.user li>a>i {
    margin-left: -2rem;
    color: white
}

#sidenav li.user.menu-open>ul {
    display: block
}

#sidenav li.user.menu-open>div>button {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#sidenav .nav-menu-state-buttons {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #sidenav {
        left:0;
        width: 3.8rem;
        overflow: visible;
        display: block;
        padding-top: 6.8rem;
        z-index: 897;
        border-right: 1px solid rgba(0,0,0,0.087);
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transition: none;
        transition: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    html:not(.mobile) #sidenav .logo {
        display: none
    }

    html:not(.mobile) #sidenav>ul>li.home,html:not(.mobile) #sidenav>ul li.user,html:not(.mobile) #sidenav>ul li.help,html:not(.mobile) #sidenav>ul li.separator {
        display: none
    }

    html:not(.mobile) #sidenav>ul>li {
        cursor: pointer;
        border-top: solid 1px;
        border-color: rgba(0,0,0,0.12);
        position: relative
    }

    html:not(.mobile) #sidenav>ul>li>i,html:not(.mobile) #sidenav>ul>li>div>i,html:not(.mobile) #sidenav>ul>li>a>i {
        font-size: 2em
    }

    html:not(.mobile) #sidenav>ul>li:nth-child(1),html:not(.mobile) #sidenav>ul>li:nth-child(2),html:not(.mobile) #sidenav>ul>li:nth-child(3) {
        border-top: none
    }

    html:not(.mobile) #sidenav>ul>li:nth-last-child(3) {
        border-bottom: solid 1px;
        border-color: rgba(0,0,0,0.12)
    }

    html:not(.mobile) #sidenav>ul>li.idle ul {
        display: none
    }

    html:not(.mobile) #sidenav>ul>li.active>a {
        background-color: #009bda
    }

    html:not(.mobile) #sidenav>ul>li.active>a,html:not(.mobile) #sidenav>ul>li.active>a>i {
        color: #fff
    }

    html:not(.mobile) #sidenav>ul>li ul li.selected:not(.parent)>div {
        color: rgba(0,0,0,0.87);
        background-color: transparent
    }

    html:not(.mobile) #sidenav>ul>li ul li:not(.selected)>div>a,html:not(.mobile) #sidenav>ul>li ul li:not(.selected)>a {
        background-color: transparent
    }

    html:not(.mobile) #sidenav>ul>li:hover:not(.active)>a,html:not(.mobile) #sidenav>ul>li>a:hover,html:not(.mobile) #sidenav>ul>li li:hover>div {
        background: #eee;
        color: rgba(0,0,0,0.87)
    }

    html:not(.mobile) #sidenav>ul>li:hover:not(.active)>a i,html:not(.mobile) #sidenav>ul>li>a:hover i,html:not(.mobile) #sidenav>ul>li li:hover>div i {
        color: rgba(0,0,0,0.7)
    }

    html:not(.mobile) #sidenav>ul>li>div,html:not(.mobile) #sidenav>ul>li>a {
        display: block;
        line-height: 4em;
        text-align: center;
        -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
    }

    html:not(.mobile) #sidenav>ul>li>div>i:before,html:not(.mobile) #sidenav>ul>li>a>i:before {
        line-height: inherit
    }

    html:not(.mobile) #sidenav>ul>li>div span,html:not(.mobile) #sidenav>ul>li>a span {
        display: none
    }

    html:not(.mobile) #sidenav>ul>li ul {
        padding: 0;
        margin: 0;
        display: none
    }

    html:not(.mobile) #sidenav>ul>li li {
        position: relative;
        line-height: 4ex;
        -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
    }

    html:not(.mobile) #sidenav>ul>li li>div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    html:not(.mobile) #sidenav>ul>li li>div i {
        position: absolute;
        top: 10px;
        left: 14.5rem
    }

    html:not(.mobile) #sidenav>ul>li li>div i:before {
        font-family: "fontello",sans-serif;
        content: "\e80d";
        top: 10px;
    }

    html:not(.mobile) #sidenav>ul>li li.selected>div,html:not(.mobile) #sidenav>ul>li li.selected>a {
        font-weight: 500
    }

    html:not(.mobile) #sidenav>ul>li li a {
        margin: 0 15px 0 10px;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden
    }

    html:not(.mobile) #sidenav>ul>li li:not(:first-child)>div>a {
        border-top: solid 1px;
        border-color: rgba(0,0,0,0.12)
    }

    html:not(.mobile) #sidenav>ul>li:hover:not(.active)>ul,html:not(.mobile) #sidenav>ul>li li:hover>ul {
        z-index: 1;
        display: block;
        padding: 5px;
        background-color: #fff;
        -webkit-animation-duration: 600ms;
        animation-duration: 600ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: openMenu;
        animation-name: openMenu;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        position: absolute;
        top: -1px;
        left: 3.8rem;
        width: 16rem;
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

    @-webkit-keyframes openMenu {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes openMenu {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    html:not(.mobile) #sidenav>ul>li:hover:not(.active)>ul li:hover:not(.active)>ul,html:not(.mobile) #sidenav>ul>li .hover>ul li:hover:not(.active)>ul {
        left: 15rem
    }

    html:not(.mobile) #sidenav>ul>li:hover:not(.active)>ul:hover>ul,html:not(.mobile) #sidenav>ul>li:hover:not(.active)>ul .idle:hover>ul,html:not(.mobile) #sidenav>ul>li .idle:hover>ul:hover>ul,html:not(.mobile) #sidenav>ul>li li:hover>ul li:hover>ul {
        -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)
    }

    html:not(.mobile) #sidenav>ul li {
        margin: 0
    }

    html:not(.mobile) #sidenav>ul li i.icon-section-closed {
        display: block !important
    }

    html:not(.mobile) #sidenav>ul li>div>a,html:not(.mobile) #sidenav>ul li>a {
        padding-left: 0 !important
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) #sidenav .nav-menu-state-buttons {
        border-radius:3px 0 0 3px;
        border-right: 0;
        left: calc(2.3rem - 1px);
        display: block
    }

    html:not(.mobile) #sidenav .nav-menu-state-buttons button.nav-menu-narrow {
        display: none
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav {
        width:16rem
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav>ul>li>div,html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav>ul>li>a {
        text-align: left;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav>ul>li>div span,html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav>ul>li>a span {
        display: inline
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav li:hover:not(.active)>ul {
        left: 16rem
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav .nav-menu-state-buttons {
        left: calc(14.5rem - 1px)
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav .nav-menu-state-buttons button.nav-menu-expand-narrow {
        display: none
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav .nav-menu-state-buttons button.nav-menu-narrow {
        display: inline-block
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav.expanded>ul>li.active>ul {
        display: block;
        background-color: #fff
    }

    html:not(.mobile) body:not(.nav-menu-main-narrow) #sidenav.expanded>ul>li.active>ul>li>div>a {
        border-top: none;
        margin-left: 3rem
    }
}

body.nav-menu-main-open {
    overflow: hidden
}

body.nav-menu-main-open #sidenav {
    left: 0;
    display: block
}

@media print {
    #sidenav {
        display: none
    }
}

#breadcrumb {
    margin: -1.5rem 0 0;
    padding: .2rem .2rem .2rem .5rem;
    border: none;
    background-color: #f5f5f5;
    z-index: 4
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #breadcrumb {
        margin:-2rem 0 0
    }
}

#breadcrumb.bc_section {
    position: relative;
    width: 100%;
    top: 2rem;
    margin: 0
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #breadcrumb.bc_section {
        margin:0;
        top: 6.8rem;
        position: fixed
    }
}

#breadcrumb span:empty {
    display: none
}

#breadcrumb span::before {
    content: "\00a0>\00a0"
}

#breadcrumb .bc_home::before {
    content: ""
}

#appbar {
    position: relative;
    clear: left;
    height: 3rem;
    font-size: 1.8rem;
    font-weight: 300;
    background-color: #009bda;
    padding-left: .5rem;
    line-height: 2.7rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #appbar {
        padding-left:1rem
    }
}

#appbar button {
    font-size: 95%;
    border-radius: 50%;
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
}

#appbar button:hover {
    background-color: #00695c
}

#appbar,#appbar i {
    color: #fff
}

#appbar .main>button {
    display: none;
    margin-right: 0.5rem
}

#appbar.back-button .main {
    cursor: pointer
}

#appbar.back-button .main:hover>button {
    background-color: #00695c
}

#appbar.back-button .main>button {
    display: inline-block
}

#appbar:not(.back-button) button.nav-menu-main+.main:not(.icon-back) {
    margin-left: 0.5rem
}

#appbar h1 {
    white-space: nowrap;
    max-width: calc(100% - 1rem);
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #appbar h1 {
        max-width:calc(100% - 3rem)
    }
}

#appbar h1 .mobileTitle {
    font-size: 60%
}

#appbar h1 .sub:before {
    content: "\00a0/\00a0";
    font-size: 2rem
}

#appbar h1 .sub small {
    font-size: 1rem;
    margin-left: 1rem
}

#appbar h1 .main {
    display: inline-block
}

#appbar h1 .main:not(.nosub)>span {
    font-size: 60%
}

#appbar h1>*,#appbar h1 .main>* {
    vertical-align: middle
}

#appbar .appbar-actions {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #009bda;
    text-align: right
}

@media print {
    #appbar .appbar-actions {
        display: none
    }
}

#appbar .appbar-actions>button {
    position: relative
}

#appbar .appbar-actions>button:last-child {
    margin-right: 0.75rem
}

#appbar .appbar-actions button.settings {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #appbar .appbar-actions button.settings {
        display:inline-block
    }
}

#appbar .appbar-actions .menu-options {
    right: 0;
    font-size: 1rem
}

#appbar .appbar-actions .menu-options button:hover {
    background-color: transparent
}

#appbar .appbar-actions .menu-options i {
    color: rgba(0,0,0,0.54)
}

#appbar input[type=search],#appbar .expenseReport>.content .title .principal>.container>div input[type=search]#description:hover,.expenseReport>.content .title .principal>.container>div #appbar input[type=search]#description:hover {
    font-size: 1rem;
    border-radius: .9em
}

@media print {
    #appbar {
        background-color: transparent;
        color: rgba(0,0,0,0.87)
    }

    #appbar button {
        display: none !important
    }
}

.themeSelector {
    width: 18rem
}

.themeSelector li {
    float: left;
    height: 3rem;
    line-height: 3rem;
    width: 3rem;
    cursor: default;
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
}

.themeSelector li:nth-child(6n+1) {
    clear: left
}

.themeSelector li.selected i,.themeSelector li.selected:hover i {
    color: white
}

.themeSelector li:hover {
    color: rgba(255,255,255,0.7)
}

.themeSelector li i {
    font-size: 2rem;
    vertical-align: middle;
    color: transparent
}

.themeSelector li:nth-child(12n+7) {
    float: right
}

.themeSelector li:nth-child(12n+8) {
    float: right
}

.themeSelector li:nth-child(12n+9) {
    float: right
}

.themeSelector li:nth-child(12n+10) {
    float: right
}

.themeSelector li:nth-child(12n+11) {
    float: right
}

.themeSelector li:nth-child(12n+12) {
    float: right
}

.red {
    background-color: #F44336 !important
}

.red-text {
    color: #F44336 !important
}

.pink {
    background-color: #e91e63 !important
}

.pink-text {
    color: #e91e63 !important
}

.purple {
    background-color: #9c27b0 !important
}

.purple-text {
    color: #9c27b0 !important
}

.deep-purple {
    background-color: #673ab7 !important
}

.deep-purple-text {
    color: #673ab7 !important
}

.indigo {
    background-color: #3f51b5 !important
}

.indigo-text {
    color: #3f51b5 !important
}

.blue {
    background-color: #2196F3 !important
}

.blue-text {
    color: #2196F3 !important
}

.light-blue {
    background-color: #03a9f4 !important
}

.light-blue-text {
    color: #03a9f4 !important
}

.cyan {
    background-color: #00bcd4 !important
}

.cyan-text {
    color: #00bcd4 !important
}

.teal {
    background-color: #009bda !important
}

.teal-text {
    color: #009bda !important
}

.green {
    background-color: #4CAF50 !important
}

.green-text {
    color: #4CAF50 !important
}

.light-green {
    background-color: #8bc34a !important
}

.light-green-text {
    color: #8bc34a !important
}

.lime {
    background-color: #cddc39 !important
}

.lime-text {
    color: #cddc39 !important
}

.yellow {
    background-color: #ffeb3b !important
}

.yellow-text {
    color: #ffeb3b !important
}

.amber {
    background-color: #ffc107 !important
}

.amber-text {
    color: #ffc107 !important
}

.orange {
    background-color: #ff9800 !important
}

.orange-text {
    color: #ff9800 !important
}

.deep-orange {
    background-color: #ff5722 !important
}

.deep-orange-text {
    color: #ff5722 !important
}

.brown {
    background-color: #795548 !important
}

.brown-text {
    color: #795548 !important
}

.blue-grey {
    background-color: #607d8b !important
}

.blue-grey-text {
    color: #607d8b !important
}

.grey {
    background-color: #9e9e9e !important
}

.grey-text {
    color: #9e9e9e !important
}

.btn-raised.primary {
    background-color: #009bda
}

.btn-flat,.modal .modal-footer button,.btn-flat i,.modal .modal-footer button i {
    color: #FF5252
}

.btn-link {
    text-decoration: underline;
    font-size: 0.8rem;
    padding: 0 0
}

.btn-flat-discreet {
    color: rgba(0,0,0,0.87)
}

.btn-icon {
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.5em;
    line-height: 1.5em;
    min-width: 1.5em;
    max-width: 1.5em;
    padding: 0;
    font-size: 1.25em;
    text-align: center;
    vertical-align: middle
}

.btn-icon:hover:not(.disabled):not([disabled]):not(.btn-icon-discreet)>i {
    color: #ffb8b8
}

.btn-icon.active>i {
    color: #FF5252
}

.btn-icon.positive i,.btn-icon.positive span {
    color: #00C853
}

.btn-icon.positive:hover:not(.disabled):not([disabled]) i,.btn-icon.positive:hover:not(.disabled):not([disabled]) span {
    color: #00E676
}

.btn-icon.negative i,.btn-icon.negative span {
    color: #D50000
}

.btn-icon.negative:hover:not(.disabled):not([disabled]) i,.btn-icon.negative:hover:not(.disabled):not([disabled]) span {
    color: #FF1744
}

.btn-icon.warning i,.btn-icon.warning span {
    color: #D50000
}

.btn-icon.warning:hover:not(.disabled):not([disabled]) i,.btn-icon.warning:hover:not(.disabled):not([disabled]) span {
    color: #ff9100
}

.btn-icon.accent {
    background-color: #FF5252;
    border-radius: 50%
}

.btn-less-important,.btn-less-important+.btn-more-important {
    display: inline-table;
    width: 49%
}

.btn-less-important>*,.btn-less-important+.btn-more-important>* {
    display: table-cell !important
}

.btn-bar {
    margin: 1rem
}

.btn-bar .btn+.btn.pull-right {
    margin-left: 0;
    margin-right: 3px
}

div.frameContain {
    margin-top: 10px;
    display: inline-block
}

@media print {
    div.frameContain {
        display: none
    }
}

div.frameContain span {
    cursor: pointer
}

div.frameContain table {
    margin: 10px;
    border-collapse: separate;
    border-spacing: 5px
}

td.selectAll {
    background: url(../../../../../eurecia/image/app/select_all.png) no-repeat;
    width: 20px;
    height: 16px;
    padding-right: 10px
}

.buttonsDays {
    border-bottom: solid 2px #009bda;
    width: 100%;
    line-height: 2
}

.buttonsDays td {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.buttonsDays td:hover {
    background-color: #eee
}

.buttonsDays td.buttonDaySelected {
    background-color: #009bda;
    color: #fff
}

#superHelpContent {
    margin-left: -180px;
    padding-top: 18px;
    display: none;
    position: absolute;
    z-index: 1000
}

#superHelpContent #helpContent,#copySuperHelpContent #helpContent {
    background: #F5F5F5;
    float: left;
    height: auto;
    overflow: auto;
    position: relative;
    width: 350px;
    z-index: 2;
    border: solid 1px #9E9F9F;
    -webkit-box-shadow: 1px 8px 12px #555;
    box-shadow: 1px 8px 12px #555;
    padding-bottom: 10px
}

#superHelpContent #helpContent a,#copySuperHelpContent #helpContent a {
    font-weight: bold;
    font-size: 12px;
    color: #a0a2a3;
    text-align: left;
    outline: none;
    white-space: nowrap;
    cursor: pointer
}

#superHelpContent #helpContent .titleClass,#copySuperHelpContent #helpContent .titleClass {
    position: relative;
    width: 100%;
    height: 25px;
    color: #FFFFFF
}

#historicNavigationContent p a,#helpContent p a {
    color: #464646
}

.titleClass font {
    padding-left: 10px
}

#superHistoricNavigationContent #historicNavigationContent .closeButtonClass,#superHelpContent #helpContent .closeButtonClass {
    cursor: pointer
}

#superUserContractsContent {
    padding-left: 12px;
    padding-top: 18px;
    display: none;
    position: absolute;
    z-index: 1000
}

#superUserContractsContent #userContractsContent {
    border-radius: 10px;
    background: none repeat scroll 0 0 #F5F5F5;
    float: left;
    height: 200px;
    opacity: 0.93;
    filter: alpha(opacity=93);
    overflow: auto;
    position: relative;
    width: 350px;
    z-index: 2;
    border: solid 1px #9E9F9F
}

#superUserContractsContent #userContractsContent .titleClass {
    border-radius: 10px;
    width: 99%;
    cursor: move;
    height: 30px;
    color: #FFFFFF
}

#userContractsContent p a {
    color: #464646
}

.titleClass font {
    padding-left: 10px
}

#superUserContractsContent #userContractsContent .closeButtonClass {
    cursor: pointer
}

.table-basic.card table {
    margin: 0 -1rem;
    width: calc(100% + 2rem)
}

.table-basic thead {
    border-bottom: solid 1px rgba(0,0,0,0.087)
}

.table-basic thead tr th {
    padding-bottom: 1ex;
    text-align: right
}

.table-basic thead tr:first-child th {
    vertical-align: top;
    padding-bottom: 0;
    padding-top: 1ex;
    text-align: left
}

.table-basic tbody td,.table-basic tbody th {
    border: 1px rgba(0,0,0,0.087);
    border-style: solid none;
    line-height: 1.5;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.table-basic th {
    font-weight: 500;
    font-size: 92%;
    color: rgba(0,0,0,0.54);
    text-align: left
}

.table-basic td,.table-basic th {
    padding: 0 1ex
}

.table-basic td:first-child,.table-basic th:first-child {
    padding-left: 2em
}

.table-basic td:last-child,.table-basic th:last-child {
    padding-right: 2em
}

.table-basic td.numeric {
    text-align: right
}

.table-basic td.numeric>input,.table-basic .expenseReport>.content .title .principal>.container>div td.numeric>input#description:hover,.expenseReport>.content .title .principal>.container>div .table-basic td.numeric>input#description:hover {
    text-align: right
}

.table-basic td.image {
    text-align: center
}

.table-basic tr.total>td,.table-basic td.total {
    font-weight: 500
}

.table-basic tfoot>tr.total>td,.table-basic tfoot>tr.total>th {
    border: 1px #bdbdbd;
    border-style: double none none none
}

@media print {
    .table-basic thead {
        background-color: #eee
    }
}

@media screen {
    table.table-basic {
        width: 100%
    }
}

table.table-basic.table-basic-incard {
    margin: 0 -1rem;
    width: calc(100% + 2rem)
}

.table-spaced-rows>tbody>tr:not(:first-child) {
    border-top: solid 1ex transparent
}

#id_message_err {
    font-size: 90%;
    text-align: left
}

#id_message_info {
    font-size: 90%;
    text-align: center
}

#id_message_ok {
    font-size: 90%;
    text-align: center
}

.negativeNumber,.negativeText {
    color: #D50000
}

.positiveNumber,.positiveText {
    color: #0A7F00
}

.negativeNumber,.positiveNumber {
    font-weight: 500
}

.error-text {
    color: #D50000
}

.helpLevel0 {
    cursor: pointer
}

.jquerybubblepopup-ie {
    -webkit-filter: none;
    filter: none
}

#footer {
    display: none;
    margin-top: 3rem;
    clear: left;
    height: 4.5rem
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #footer {
        display:block;
        margin-left: 3.8rem
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) body.ctxpanel #footer {
        margin-right:3rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) #footer {
        margin-left:16rem
    }
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) body.ctxpanel:not(.nav-menu-secondary-narrow) #footer {
        margin-right:12rem
    }
}

#footer .divider {
    margin: auto;
    width: calc(100% - 2.5rem);
    border-top: 1px solid rgba(0,0,0,0.087)
}

#footer .contact {
    float: left;
    width: calc(50% - 1.25rem);
    min-width: 250px;
    text-align: left;
    padding-bottom: 10px;
    margin-left: 1.25rem
}

#footer .contact>div {
    display: inline-block;
    text-align: left
}

#footer .contact>div h4 {
    color: rgba(0,0,0,0.54);
    margin-top: 0.5rem
}

#footer .contact>div h4:before {
    position: relative;
    top: 11px;
    content: '\e815';
    font-family: fontello, sans-serif;
    font-size: 2rem;
    float: left;
    margin-right: 10px
}

#footer .contact>div span:nth-of-type(1):after {
    content: "\00a0|\00a0"
}

#footer .contact>div>div {
    margin-left: 2.5rem
}

#footer .about {
    float: right;
    width: calc(49% - 1.25rem);
    text-align: right;
    line-height: 4.5rem;
    margin-right: 1.25rem;
    color: rgba(0,0,0,0.54)
}

#footer .about a {
    vertical-align: middle
}

#footer .about i {
    font-size: 2rem;
    vertical-align: middle
}

#footer .about div {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background: url(/eurecia/fw/eurecia/image/app/eurecia_sail.svg) no-repeat center center;
    background-size: contain
}

ul.palette-picker {
    display: none;
    position: absolute;
    z-index: 3;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    width: 24rem
}

@media print {
    ul.palette-picker {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

ul.palette-picker li {
    float: left;
    height: 3rem;
    line-height: 3rem;
    width: 3rem;
    cursor: default;
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
}

ul.palette-picker li:nth-child(8n+1) {
    clear: left
}

ul.palette-picker li.selected i,ul.palette-picker li.selected:hover i {
    color: white
}

ul.palette-picker li:hover {
    color: rgba(255,255,255,0.7)
}

ul.palette-picker li i {
    font-size: 2rem;
    vertical-align: middle;
    color: transparent
}

ul.palette-picker.active {
    display: block
}

.color-chip {
    border-radius: 50%;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7em;
    text-align: center
}

.rm-remove {
    background: url("../../../../../eurecia/image/icons/delete.png") no-repeat;
    height: 19px;
    width: 19px;
    cursor: pointer
}

table.basicTable {
    border: 1px solid rgba(0,0,0,0.087);
    text-align: center
}

table.basicTable>tbody>tr>td,table.basicTable>tbody>tr>th {
    text-align: left;
    padding: 1ex 1em;
    border-width: 1px
}

table.basicTable>tbody>tr>th {
    background-color: #9e9e9e;
    border-color: white;
    color: white
}

table.basicTable>tbody>tr>th:first-child {
    border-style: none solid solid none
}

table.basicTable>tbody>tr>td {
    border: 1px solid rgba(0,0,0,0.087)
}

.basicTableWithNoBorder {
    border: none;
    border-collapse: collapse;
    width: 100%;
    text-align: center
}

.basicTableWithNoBorder th {
    border: none;
    padding: 5px;
    font-weight: 500
}

.basicTableWithNoBorder td {
    border: none;
    padding: 5px;
    font-weight: normal
}

.basicTableWithNoBorder td.greyBackground {
    border: none;
    padding: 5px;
    background-color: #DFDFDF
}

.insideListTable td {
    padding: 3px;
    text-align: center
}

#summaryTable {
    margin: auto;
    line-height: 2
}

#summaryTable>tbody th {
    font-weight: 300;
    padding-right: 1ex
}

#summaryTable>tfoot {
    border-top: solid 1px #eeeeee
}

#summaryTable>tfoot th {
    font-weight: 500
}

.popUpDiv td.popUpDivTitle {
    font-weight: bold
}

.settingsHelperDiv {
    -webkit-box-shadow: 5px 6px 12px 2px rgba(0,0,0,0.6);
    box-shadow: 5px 6px 12px 2px rgba(0,0,0,0.6)
}

#SHlprTable {
    padding: 0
}

#SHlprTable select[multiple],#SHlprTable div[multiple].pq-select-button,#SHlprTable .expenseReport>.content .title .principal>.container>div select[multiple]#periode:hover,.expenseReport>.content .title .principal>.container>div #SHlprTable select[multiple]#periode:hover {
    height: auto
}

.SHlprSvcTd {
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    border-right: 1px solid;
    border-left: 1px solid;
    white-space: nowrap
}

.SHlBottomBorder {
    border-bottom: 1px solid #DFDFDF
}

.SHlRightBorder {
    border-right: 1px solid #DFDFDF
}

#SHlprProfDescrTr #SHlprConProfTD {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid;
    border-left: 1px solid
}

#settingsHelperDiv {
    text-align: center;
    display: none;
    z-index: 1006
}

#settingsHelperDiv td,#settingsHelperDiv th {
    background-color: white;
    padding: 0.5ex 0
}

#SHlprSvcDescr #SHlprparamsDescrTr {
    white-space: nowrap;
    min-width: 30px
}

#paramsDescrTd {
    text-align: left;
    min-width: 280px
}

#SHlprNfoBullImg {
    float: right
}

#SHlprConfirmeCtnt {
    display: inline-block;
    max-width: 600px
}

#SHlprConfirmeCtnt dd {
    font-weight: normal;
    text-align: justify;
    margin: 0
}

#SHlprConfirmeCtnt dt {
    font-weight: 500;
    margin-top: 1ex
}

#SHlprConfirmeCtnt dt:first-child {
    margin-top: 0
}

.SHlprParamTd {
    text-align: center !important;
    width: 350px;
    min-width: 350px;
    max-width: 350px
}

.spinner {
    height: 1rem;
    width: 1rem
}

.spinner:before {
    content: "Loading\2026";
    position: absolute;
    top: 50%;
    width: 150px;
    margin-top: -8px;
    text-align: center;
    color: #9e9e9e;
    line-height: 50px;
    font-size: 30px;
    background: white
}

.spinner:not(:required) {
    content: "";
    border: 3px solid white;
    border-radius: 100%;
    border-top-color: #009bda
}

.spinner:not(:required):before {
    display: none
}

#waiting-overlay {
    z-index: 1099
}

#ajaxWait {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1100;
    height: 100px;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px
}

i.icon-attention:before {
    color: #D50000
}

i.warning:before {
    color: #ff6d00
}

i.positive:before {
    color: #00C853
}

i.black:before {
    color: rgba(0,0,0,0.87)
}

i.icon-file-excel:before {
    color: #43A047
}

i.icon-file-word:before {
    color: #1E88E5
}

i.icon-file-pdf:before {
    color: #E53935
}

.err-msg {
    color: #D50000
}

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ms-parent .ms-choice {
    display: block;
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.087);
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    background-color: #fff
}

.ms-parent .ms-choice.disabled {
    border-color: transparent;
    background: transparent;
    cursor: default
}

.ms-parent .ms-choice>span.ui-icon {
    float: right
}

.ms-parent .ms-choice>span:not(.ui-icon) {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px
}

.ms-parent .ms-choice>span.placeholder {
    color: #999
}

.ms-parent .ms-choice>div {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 1.8rem;
    z-index: 1;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwwLjU0KSIgZD0iTSAxNiwyIDgsMTIgMCwyIDE2LDIgeiIvPjwvc3ZnPg==") no-repeat right 5px center;
    background-size: 8px
}

.ms-choice>div {
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwwLjU0KSIgZD0iTSAxNiwyIDgsMTIgMCwyIDE2LDIgeiIvPjwvc3ZnPg==") no-repeat right 5px center;
    background-size: 8px
}

.ms-parent.open .ms-choice {
    border-color: #FF5252
}

.ms-parent .ms-drop {
    width: 100%
}

.ms-drop {
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1099;
    background: white;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

@media print {
    .ms-drop {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.ms-drop.bottom {
    top: 100%
}

.ms-drop.top {
    bottom: 100%
}

.ms-drop .ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000
}

.ms-drop .ms-search input,.ms-drop .ms-search .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .ms-drop .ms-search input#description:hover {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ms-drop .ms-search,.ms-drop .ms-search input,.ms-drop .ms-search .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .ms-drop .ms-search input#description:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px
}

.ms-drop ul>li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static
}

.ms-drop ul>li.disabled {
    opacity: .35;
    filter: Alpha(Opacity=35)
}

.ms-drop ul>li.multiple {
    display: block;
    float: left
}

.ms-drop ul>li.group {
    clear: both
}

.ms-drop ul>li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ms-drop ul>li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ms-drop ul>li label.optgroup {
    font-weight: 500
}

.ms-drop ul input[type="checkbox"],.ms-drop ul .expenseReport>.content .title .principal>.container>div input[type="checkbox"]#description:hover,.expenseReport>.content .title .principal>.container>div .ms-drop ul input[type="checkbox"]#description:hover {
    vertical-align: middle
}

.ms-drop .ms-no-results {
    display: none
}

.ms-drop .buttonbar {
    text-align: center;
    padding: 5px 0;
    border-top: solid 1px #AA9
}

.ms-drop .buttonbar>button {
    width: 45%;
    margin: 0
}

.separator {
    border-top: solid 1px rgba(0,0,0,0.12)
}

.axisFilter-bloc {
    border: solid 1px rgba(0,0,0,0.087);
    padding: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.thumbnail {
    width: auto;
    height: auto;
    max-height: 8rem;
    max-width: 8rem;
    vertical-align: middle
}

.imagePreview .thumbnail {
    display: block;
    position: relative
}

.photoFile,.photoFileMin,.logoFile,.welcomeFile {
    overflow: hidden
}

.imageForm.deleted .imagePreview img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2
}

#feedBack-btn {
    display: none
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #feedBack-btn {
        display:block;
        position: fixed;
        bottom: 5em;
        right: -4.5em;
        height: 1em;
        line-height: 1em;
        width: 5.5em;
        z-index: 1003;
        cursor: pointer;
        -webkit-transform: rotate(-90deg) translateY(20%);
        transform: rotate(-90deg) translateY(20%);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0;
        padding: 0.5em;
        font-weight: 500;
        text-align: center;
        background-color: #FF5252;
        color: #fff;
        white-space: nowrap;
        -webkit-transition: -webkit-transform 300ms ease;
        transition: -webkit-transform 300ms ease;
        transition: transform 300ms ease;
        transition: transform 300ms ease, -webkit-transform 300ms ease
    }

    html:not(.mobile) #feedBack-btn:hover {
        -webkit-transform: rotate(-90deg) translateY(0%);
        transform: rotate(-90deg) translateY(0%)
    }

    html:not(.mobile) #feedBack-btn:not(:required) {
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: -3px -3px 11px 0 rgba(0,0,0,0.34);
        box-shadow: -3px -3px 11px 0 rgba(0,0,0,0.34)
    }

    html:not(.mobile) #feedBack-btn:not(:required):hover {
        -webkit-box-shadow: -3px -3px 15px 0 rgba(0,0,0,0.51);
        box-shadow: -3px -3px 15px 0 rgba(0,0,0,0.51)
    }

    html.ie9 #feedBack-btn {
        right: -5.2em
    }

    html.ie9 #feedBack-btn:hover {
        right: 0
    }

    html.ie9 #feedBack-btn:before {
        content: '\02c2';
        vertical-align: middle
    }

    html.ie9 #feedBack-btn:hover:before {
        content: ''
    }
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) #feedBack-dialog textarea {
        height:7rem;
        margin-top: 0.5rem
    }

    html:not(.mobile) #feedBack-dialog .rate {
        cursor: pointer;
        padding: 0.33ex
    }

    html:not(.mobile) #feedBack-dialog .rate i {
        font-size: 22px
    }

    html:not(.mobile) #feedBack-dialog .rate i.icon-star {
        color: #FFCB00
    }

    html:not(.mobile) #feedBack-dialog .rate i.icon-star-empty {
        color: lightgrey
    }

    html:not(.mobile) #feedBack-dialog .thanks {
        display: none;
        height: 100px;
        padding: 20px 0
    }

    html:not(.mobile) #feedBack-dialog.sent form {
        display: none
    }

    html:not(.mobile) #feedBack-dialog.sent .thanks {
        display: block
    }

    html:not(.mobile) #feedBack-dialog.sent button.close {
        display: inline
    }

    html:not(.mobile) #feedBack-dialog.sent button.send {
        display: none
    }
}

.jquerybubblepopup {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    border: 0;
    z-index: 1099;
    text-align: center;
    background-color: transparent
}

.jquerybubblepopup table {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    empty-cells: show;
    background-color: transparent
}

.jquerybubblepopup table tbody {
    display: table-row-group;
    vertical-align: middle;
    border: 0;
    background-color: transparent
}

.jquerybubblepopup table tbody td {
    margin: 0;
    padding: 0;
    background-color: transparent
}

.jquerybubblepopup .jquerybubblepopup-innerHtml {
    background-color: #FFFFFF
}

.jquerybubblepopup .jquerybubblepopup-top-left,.jquerybubblepopup .jquerybubblepopup-top-right,.jquerybubblepopup .jquerybubblepopup-bottom-left,.jquerybubblepopup .jquerybubblepopup-bottom-right {
    width: 21px;
    height: 21px;
    overflow: hidden;
    background-repeat: no-repeat
}

.jquerybubblepopup .jquerybubblepopup-top-middle,.jquerybubblepopup .jquerybubblepopup-bottom-middle {
    overflow: hidden;
    background-repeat: repeat-x
}

.jquerybubblepopup .jquerybubblepopup-middle-left,.jquerybubblepopup .jquerybubblepopup-middle-right {
    overflow: hidden;
    background-repeat: repeat-y
}

.jquerybubblepopup .jquerybubblepopup-tail {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: top
}

.inpage-tabs h4 {
    display: inline-block;
    font-size: 1rem;
    -webkit-transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
    color: rgba(0,0,0,0.54);
    background: transparent;
    text-transform: uppercase;
    padding: 0.5ex 0.8em;
    border-bottom-width: 0.3rem;
    border-style: none;
    border-bottom: solid transparent;
    cursor: pointer
}

.inpage-tabs h4.tab-selected {
    border-bottom-color: #009bda
}

.inpage-tabs h4.tab-selected,.inpage-tabs h4:hover {
    color: #00695c
}

#disableEmailDiv {
    display: block
}

@media print {
    button.toggle-filters {
        display: none
    }
}

.hscroller {
    max-width: calc(100% - 1rem);
    overflow-x: auto
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .hscroller {
        max-width:calc(100% - 2rem)
    }
}

@media only screen and (min-width: 936px) {
    html:not(.mobile) .grid-row {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto
    }

    html:not(.mobile) .grid-row>.grid-col.m1 {
        float: left;
        margin-right: -100%;
        width: 7.42%
    }

    html:not(.mobile) .grid-row>.grid-col.m2 {
        float: left;
        margin-right: -100%;
        width: 15.83%
    }

    html:not(.mobile) .grid-row>.grid-col.m3 {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .grid-row>.grid-col.m4 {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .grid-row>.grid-col.m5 {
        float: left;
        margin-right: -100%;
        width: 41.08%
    }

    html:not(.mobile) .grid-row>.grid-col.m6 {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .grid-row>.grid-col.m7 {
        float: left;
        margin-right: -100%;
        width: 57.92%
    }

    html:not(.mobile) .grid-row>.grid-col.m8 {
        float: left;
        margin-right: -100%;
        width: 66.33%
    }

    html:not(.mobile) .grid-row>.grid-col.m9 {
        float: left;
        margin-right: -100%;
        width: 74.75%
    }

    html:not(.mobile) .grid-row>.grid-col.m10 {
        float: left;
        margin-right: -100%;
        width: 83.17%
    }

    html:not(.mobile) .grid-row>.grid-col.m11 {
        float: left;
        margin-right: -100%;
        width: 91.58%
    }

    html:not(.mobile) .grid-row>.grid-col.m12 {
        float: left;
        margin-right: -100%;
        width: 100%
    }

    html:not(.mobile) .grid-row>.push-m0 {
        margin-left: 0%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m1 {
        margin-left: 8.42%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m2 {
        margin-left: 16.83%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m3 {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m4 {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m5 {
        margin-left: 42.08%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m6 {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m7 {
        margin-left: 58.92%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m8 {
        margin-left: 67.33%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m9 {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m10 {
        margin-left: 84.17%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-m11 {
        margin-left: 92.58%;
        clear: none
    }

    html:not(.mobile) .grid-row>.clear-m {
        clear: left
    }

    html:not(.mobile) .grid-col-fluid {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .grid-col-fluid.fm:nth-child(2n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .grid-col-fluid.fm:nth-child(2n+2) {
        margin-left: 50.5%;
        clear: none
    }
}

.grid-row {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    *zoom:1}

#angular>.grid-row {
    overflow: visible
}

@media only screen and (max-width: 935px) {
    html:not(.mobile) .grid-row {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto
    }

    html:not(.mobile) .grid-row>.grid-col.s1 {
        float: left;
        margin-right: -100%;
        width: 7.42%
    }

    html:not(.mobile) .grid-row>.grid-col.s2 {
        float: left;
        margin-right: -100%;
        width: 15.83%
    }

    html:not(.mobile) .grid-row>.grid-col.s3 {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .grid-row>.grid-col.s4 {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .grid-row>.grid-col.s5 {
        float: left;
        margin-right: -100%;
        width: 41.08%
    }

    html:not(.mobile) .grid-row>.grid-col.s6 {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .grid-row>.grid-col.s7 {
        float: left;
        margin-right: -100%;
        width: 57.92%
    }

    html:not(.mobile) .grid-row>.grid-col.s8 {
        float: left;
        margin-right: -100%;
        width: 66.33%
    }

    html:not(.mobile) .grid-row>.grid-col.s9 {
        float: left;
        margin-right: -100%;
        width: 74.75%
    }

    html:not(.mobile) .grid-row>.grid-col.s10 {
        float: left;
        margin-right: -100%;
        width: 83.17%
    }

    html:not(.mobile) .grid-row>.grid-col.s11 {
        float: left;
        margin-right: -100%;
        width: 91.58%
    }

    html:not(.mobile) .grid-row>.grid-col.s12 {
        float: left;
        margin-right: -100%;
        width: 100%
    }

    html:not(.mobile) .grid-row>.push-s0 {
        margin-left: 0%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s1 {
        margin-left: 8.42%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s2 {
        margin-left: 16.83%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s3 {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s4 {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s5 {
        margin-left: 42.08%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s6 {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s7 {
        margin-left: 58.92%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s8 {
        margin-left: 67.33%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s9 {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s10 {
        margin-left: 84.17%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-s11 {
        margin-left: 92.58%;
        clear: none
    }

    html:not(.mobile) .grid-row>.clear-s {
        clear: left
    }

    html:not(.mobile) .grid-col-fluid {
        float: left;
        margin-right: -100%;
        width: 100%
    }

    html:not(.mobile) .grid-col-fluid.fs:nth-child(1n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) .grid-row {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto
    }

    html:not(.mobile) .grid-row>.grid-col.l1 {
        float: left;
        margin-right: -100%;
        width: 7.42%
    }

    html:not(.mobile) .grid-row>.grid-col.l2 {
        float: left;
        margin-right: -100%;
        width: 15.83%
    }

    html:not(.mobile) .grid-row>.grid-col.l3 {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .grid-row>.grid-col.l4 {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .grid-row>.grid-col.l5 {
        float: left;
        margin-right: -100%;
        width: 41.08%
    }

    html:not(.mobile) .grid-row>.grid-col.l6 {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .grid-row>.grid-col.l7 {
        float: left;
        margin-right: -100%;
        width: 57.92%
    }

    html:not(.mobile) .grid-row>.grid-col.l8 {
        float: left;
        margin-right: -100%;
        width: 66.33%
    }

    html:not(.mobile) .grid-row>.grid-col.l9 {
        float: left;
        margin-right: -100%;
        width: 74.75%
    }

    html:not(.mobile) .grid-row>.grid-col.l10 {
        float: left;
        margin-right: -100%;
        width: 83.17%
    }

    html:not(.mobile) .grid-row>.grid-col.l11 {
        float: left;
        margin-right: -100%;
        width: 91.58%
    }

    html:not(.mobile) .grid-row>.grid-col.l12 {
        float: left;
        margin-right: -100%;
        width: 100%
    }

    html:not(.mobile) .grid-row>.push-l0 {
        margin-left: 0%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l1 {
        margin-left: 8.42%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l2 {
        margin-left: 16.83%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l3 {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l4 {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l5 {
        margin-left: 42.08%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l6 {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l7 {
        margin-left: 58.92%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l8 {
        margin-left: 67.33%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l9 {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l10 {
        margin-left: 84.17%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-l11 {
        margin-left: 92.58%;
        clear: none
    }

    html:not(.mobile) .grid-row>.clear-l {
        clear: left
    }

    html:not(.mobile) .grid-col-fluid {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .grid-col-fluid.fl:nth-child(3n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .grid-col-fluid.fl:nth-child(3n+2) {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .grid-col-fluid.fl:nth-child(3n+3) {
        margin-left: 67.33%;
        clear: none
    }
}

@media only screen and (min-width: 1601px) {
    html:not(.mobile) .grid-row {
        width:100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto
    }

    html:not(.mobile) .grid-row>.grid-col.h1 {
        float: left;
        margin-right: -100%;
        width: 7.42%
    }

    html:not(.mobile) .grid-row>.grid-col.h2 {
        float: left;
        margin-right: -100%;
        width: 15.83%
    }

    html:not(.mobile) .grid-row>.grid-col.h3 {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .grid-row>.grid-col.h4 {
        float: left;
        margin-right: -100%;
        width: 32.67%
    }

    html:not(.mobile) .grid-row>.grid-col.h5 {
        float: left;
        margin-right: -100%;
        width: 41.08%
    }

    html:not(.mobile) .grid-row>.grid-col.h6 {
        float: left;
        margin-right: -100%;
        width: 49.5%
    }

    html:not(.mobile) .grid-row>.grid-col.h7 {
        float: left;
        margin-right: -100%;
        width: 57.92%
    }

    html:not(.mobile) .grid-row>.grid-col.h8 {
        float: left;
        margin-right: -100%;
        width: 66.33%
    }

    html:not(.mobile) .grid-row>.grid-col.h9 {
        float: left;
        margin-right: -100%;
        width: 74.75%
    }

    html:not(.mobile) .grid-row>.grid-col.h10 {
        float: left;
        margin-right: -100%;
        width: 83.17%
    }

    html:not(.mobile) .grid-row>.grid-col.h11 {
        float: left;
        margin-right: -100%;
        width: 91.58%
    }

    html:not(.mobile) .grid-row>.grid-col.h12 {
        float: left;
        margin-right: -100%;
        width: 100%
    }

    html:not(.mobile) .grid-row>.push-h0 {
        margin-left: 0%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h1 {
        margin-left: 8.42%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h2 {
        margin-left: 16.83%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h3 {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h4 {
        margin-left: 33.67%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h5 {
        margin-left: 42.08%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h6 {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h7 {
        margin-left: 58.92%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h8 {
        margin-left: 67.33%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h9 {
        margin-left: 75.75%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h10 {
        margin-left: 84.17%;
        clear: none
    }

    html:not(.mobile) .grid-row>.push-h11 {
        margin-left: 92.58%;
        clear: none
    }

    html:not(.mobile) .grid-row>.clear-h {
        clear: left
    }

    html:not(.mobile) .grid-col-fluid {
        float: left;
        margin-right: -100%;
        width: 24.25%
    }

    html:not(.mobile) .grid-col-fluid.fh:nth-child(4n+1) {
        margin-left: 0%;
        clear: both;
        overflow: hidden;
        *zoom:1}

    html:not(.mobile) .grid-col-fluid.fh:nth-child(4n+2) {
        margin-left: 25.25%;
        clear: none
    }

    html:not(.mobile) .grid-col-fluid.fh:nth-child(4n+3) {
        margin-left: 50.5%;
        clear: none
    }

    html:not(.mobile) .grid-col-fluid.fh:nth-child(4n+4) {
        margin-left: 75.75%;
        clear: none
    }
}

.form-control {
    margin-bottom: .5rem
}

.icon-map {
    background-image: url("../../../../../eurecia/image/google-maps.svg")
}

@media only screen and (max-width: 935px) {
    #angular .mobile {
        visibility:visible
    }

    #angular .not-mobile {
        display: none;
        visibility: hidden
    }
}

@media only screen and (min-width: 936px) {
    #angular .mobile {
        display:none;
        visibility: hidden
    }

    #angular .not-mobile {
        visibility: visible
    }
}

[v-cloak] {
    display: none
}

[ng-click],[data-ng-click],[x-ng-click] {
    cursor: pointer
}

[ng-click].not-ng-click,[data-ng-click].not-ng-click,[x-ng-click].not-ng-click {
    cursor: default
}

.hidden {
    visibility: hidden !important
}

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak {
    display: none !important
}

[elastic] {
    overflow: hidden
}

.ng-invalid.ng-touched,.ng-submitted .ng-invalid {
    -webkit-box-shadow: 0px 0px 1.5px 1px red;
    box-shadow: 0px 0px 1.5px 1px red
}

:-moz-ui-invalid:not(output) {
    box-shadow: none
}

*:disabled.disabled-hide {
    display: none !important
}

.disabled {
    position: relative;
    opacity: .2
}

.disabled input,.disabled .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .disabled input#description:hover {
    color: white
}

[role='alert'] {
    font-size: .8rem;
    color: #FF5252
}

h1,h2,h3,h4 ~ .subTitle {
    margin-bottom: 0
}

.warning {
    color: #FF5252 !important
}

.warning.cancel {
    text-decoration: line-through
}

.attention {
    color: red !important
}

ul.inline-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.inline-list li {
    margin: .25em 0;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

ul.inline-list li>span {
    font-size: 90%
}

.padding-side {
    padding-right: 1rem;
    padding-left: 1rem
}

#wrapperService {
    z-index: 898
}

.scroll-off {
    overflow: hidden
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.workflow-bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1.5rem
}

.workflow-bar ol {
    counter-reset: statusBar;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.workflow-bar ol>li {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    line-height: 1.61rem
}

.workflow-bar ol>li.active {
    -webkit-box-flex: 20;
    -ms-flex-positive: 20;
    flex-grow: 20
}

.workflow-bar ol>li .title {
    display: inline
}

.workflow-bar ol>li .title>span {
    opacity: .6
}

.workflow-bar ol>li .title>button {
    float: right
}

.workflow-bar ol>li .content {
    margin-left: 1.2075rem;
    padding-left: calc(1.7075rem + 2px);
    border-left: 1px solid #CCCCCC;
    padding-bottom: 1rem
}

.workflow-bar ol>li .content .btn-raised {
    width: calc(100% - 1.5em * 2);
    display: block
}

.workflow-bar ol>li .content .btn-otherAction {
    display: none
}

.workflow-bar ol>li .content button+.btn-otherAction {
    display: block
}

.workflow-bar ol>li .content .otherAction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.workflow-bar ol>li .content .otherAction .form-control {
    margin-top: 0.8em;
    width: 100%
}

.workflow-bar ol>li:last-child>.content {
    border-left: 1px solid transparent
}

.workflow-bar ol>li .detail {
    font-size: 0.8em
}

.workflow-bar ol>li .detail date {
    margin-left: 0.5em
}

.workflow-bar ol>li .detail textarea {
    font-size: 1em
}

.workflow-bar ol>li:before {
    display: inline-block;
    width: 1.61rem;
    height: 1.61rem;
    margin-right: .9025rem;
    margin-left: .4025rem;
    content: counter(statusBar) " ";
    counter-increment: statusBar;
    text-align: center;
    vertical-align: baseline;
    opacity: .4;
    color: white;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.54)
}

.workflow-bar ol>li small {
    font-size: .75em
}

.workflow-bar ol>li.active .title>span,.workflow-bar ol>li.pass .title>span {
    opacity: 1;
    font-size: 0.9em
}

.workflow-bar ol>li.active:before,.workflow-bar ol>li.pass:before {
    font-weight: normal;
    opacity: 1;
    background-color: #009bda
}

.workflow-bar ol>li.active {
    line-height: 2.415rem
}

.workflow-bar ol>li.active:before {
    margin-left: 0;
    margin-right: .5rem;
    width: 2.415rem;
    height: 2.415rem
}

.workflow-bar ol>li.active .title>span {
    font-size: 1.2em;
    font-weight: 500
}

.workflow-bar ol>li.pass:before {
    font-family: 'fontello';
    content: '\E80f'
}

@media only screen and (max-width: 935px) {
    .workflow-bar {
        position:fixed;
        display: block !important;
        visibility: visible !important;
        z-index: 899;
        background-color: white;
        width: 100vw;
        padding: 1rem;
        left: 0;
        margin: 0;
        bottom: 3rem;
        max-height: calc(100vh - 3rem - 3rem);
        overflow-y: auto;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s
    }

    .workflow-bar ol>li .content button,.workflow-bar ol>li .content .btn-raised,.workflow-bar ol>li .content button+.btn-otherAction {
        display: none
    }

    .workflow-bar button,.workflow-bar .validation,.workflow-bar .transfer {
        display: none
    }

    .workflow-bar.hide {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.card-padding {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem !important
}

.dropzone {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 400px;
    text-align: center;
    background-color: rgba(224,242,241,0.3)
}

.dropzone.ng-not-empty {
    display: block
}

.dropzone.disabled {
    cursor: default
}

.dropzone.required {
    -webkit-box-shadow: 0px 0px 1.5px 1px red;
    box-shadow: 0px 0px 1.5px 1px red
}

.dropzone.dragover {
    font-size: .75em;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-box-shadow: inset 0 0 2px 25px #e0f2f1;
    box-shadow: inset 0 0 2px 25px #e0f2f1
}

.dropzone.dragover i {
    font-size: 3em;
    color: rgba(0,0,0,0.8)
}

.dropzone .center {
    display: table-cell;
    vertical-align: middle
}

.dropzone .center i {
    font-size: 12em;
    opacity: .5;
    color: #b2dfdb
}

.dropzone.min {
    font-size: .5em;
    width: 100%;
    height: 30px
}

.dropzone.min i {
    font-size: 3em
}

.show {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.zoomWindow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #FF5252 !important
}

.ui-dialog.angular {
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 88vw;
    height: 88vh;
    margin: 4vh 4vw 4vh 4vw;
    padding: 2em;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ui-dialog.angular .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.ui-dialog.angular .close i {
    color: inherit
}

.ui-dialog.angular .search {
    width: 100%
}

.ui-dialog.angular .title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ui-dialog.angular .title h3 {
    height: 3rem
}

.ui-dialog.angular .title .tooltip {
    position: relative;
    margin-left: 1rem;
    display: inline-block
}

.ui-dialog.angular .title .tooltip .tooltiptext {
    width: 300px;
    background-color: white;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 7px 11px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 11px 2px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -155px
}

.ui-dialog.angular .title .tooltip .tooltiptext:after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent
}

.ui-dialog.angular .title .right {
    position: absolute;
    right: 0;
    top: 15px;
    height: 25px
}

@media only screen and (max-width: 935px) {
    .ui-dialog.angular .title .right {
        top:100%
    }
}

.ui-dialog.angular .actions {
    height: 3rem;
    text-align: center
}

.ui-dialog.angular .actions button+button {
    margin-left: 1.5rem
}

.ui-dialog.angular .dropzone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: transparent;
    height: calc(88vh - 3rem - 3rem);
    -webkit-box-flex: 20;
    -ms-flex-positive: 20;
    flex-grow: 20;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 935px) {
    .ui-dialog.angular .dropzone {
        margin-top:2rem;
        height: calc(88vh - 5em - 3rem - 25px)
    }
}

.ui-dialog.angular .dropzone .file {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 175px;
    margin: .5rem;
    border: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: transparent
}

.ui-dialog.angular .dropzone .file p {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

@media only screen and (max-width: 935px) {
    .ui-dialog.angular .dropzone .file {
        width:40%
    }
}

.ui-dialog.angular .dropzone .file:hover {
    border-color: #e0f2f1
}

.ui-dialog.angular .dropzone .file.selected {
    border-color: #FF5252
}

.ui-dialog.angular .dropzone .file .miniature {
    width: 100%;
    height: 200px;
    background-color: rgba(224,242,241,0.3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.ui-dialog.angular .dropzone .add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(224,242,241,0.3);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.ui-dialog.angular .dropzone .add i {
    font-size: 5em;
    color: rgba(0,0,0,0.2)
}

.ui-dialog.angular .dropzone.dragover {
    font-size: .75em;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-box-shadow: inset 0 0 2px 25px #e0f2f1;
    box-shadow: inset 0 0 2px 25px #e0f2f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-dialog.angular .dropzone.dragover .file {
    display: none !important
}

.ui-dialog.angular .dropzone.dragover i {
    font-size: 9em
}

.angular-google-map-container {
    height: 400px
}

.magnify-container {
    position: relative;
    height: 400px;
    margin: auto
}

.magnify-container .magnify-glass {
    position: absolute;
    z-index: 999;
    width: 200px;
    height: 200px;
    cursor: none;
    opacity: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);
    box-shadow: 0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);
    filter: alpha(opacity=0)
}

.magnify-container .magnify-image {
    max-width: 100%;
    height: 100%
}

.tree-control .tree-input {
    position: relative;
    display: inline-block;
    height: auto;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    white-space: normal;
    width: 100% !important;
    -o-user-select: none
}

.tree-control .tree-input .placeholder {
    opacity: 0.54;
    font-size: 90%
}

.tree-control .tree-input span.selected-items .selected-item {
    padding: 3px
}

.tree-control .tree-input span.selected-items .selected-item-close {
    font-weight: bold;
    display: inline-block;
    width: 20px;
    cursor: pointer;
    text-align: left
}

.tree-control .tree-input span.selected-items .selected-item-close:before {
    content: 'x'
}

.tree-control .tree-input.open {
    background-color: #e0f2f1
}

.tree-control .tree-input.disabled {
    border: none;
    background-image: none;
    opacity: 1
}

.tree-control .tree-input.disabled span.placeholder {
    opacity: 0.2
}

.tree-control .tree-input.disabled span.selected-items .selected-item-close:before {
    content: ''
}

.tree-control .tree-view {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    min-width: 348px;
    margin-top: -0.7em;
    margin-right: 30px;
    padding: 10px 5px;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}

.tree-control .tree-view ul {
    margin: 0;
    padding: 0
}

.tree-control .tree-view ul .item-details {
    display: inline-block;
    margin-left: 5px
}

.tree-control .tree-view ul .tree-checkbox {
    margin-top: 0;
    margin-right: 3px;
    cursor: pointer;
    color: #ddd !important
}

.tree-control .tree-view .selected.active {
    background-color: #e0f2f1
}

.tree-control .tree-view .helper-container {
    padding: .5rem .5rem 0 .5rem
}

.tree-control .tree-view .tree-container {
    overflow: auto;
    max-height: 266px;
    padding: .5rem
}

.tree-control .tree-view .item-container {
    position: relative;
    padding: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border: solid transparent 1px;
    -o-user-select: none
}

.tree-control .tree-view .item-container:hover {
    cursor: pointer;
    background-color: #e0f2f1
}

.tree-control .tree-view .item-container.parent.disabled {
    opacity: 1
}

.tree-control .tree-view .off:hover {
    border: solid #e0f2f1 1px;
    background-color: transparent
}

.tree-control .tree-view .selected {
    cursor: pointer;
    background-color: #e0f2f1
}

.tree-control .tree-view .helper-button {
    font-size: 13px;
    line-height: 1.6;
    display: inline;
    height: 26px;
    margin: 0 0 8px 0;
    cursor: pointer;
    text-align: center;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #f1f1f1
}

.tree-control .tree-view .clear-button {
    font-size: 13px;
    line-height: 1.4;
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline;
    width: 22px;
    height: 22px;
    cursor: pointer;
    text-align: center
}

.tree-control .tree-view .input-filter {
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    margin: 0 0 8px 0;
    border-radius: 2px;
    -webkit-appearance: none
}

.tree-control .tree-view input[type='search']::-webkit-search-decoration,.tree-control .tree-view .expenseReport>.content .title .principal>.container>div input[type='search']#description:hover::-webkit-search-decoration,.expenseReport>.content .title .principal>.container>div .tree-control .tree-view input[type='search']#description:hover::-webkit-search-decoration,.tree-control .tree-view input[type='search']::-webkit-search-cancel-button,.tree-control .tree-view .expenseReport>.content .title .principal>.container>div input[type='search']#description:hover::-webkit-search-cancel-button,.expenseReport>.content .title .principal>.container>div .tree-control .tree-view input[type='search']#description:hover::-webkit-search-cancel-button,.tree-control .tree-view input[type='search']::-webkit-search-results-button,.tree-control .tree-view .expenseReport>.content .title .principal>.container>div input[type='search']#description:hover::-webkit-search-results-button,.expenseReport>.content .title .principal>.container>div .tree-control .tree-view input[type='search']#description:hover::-webkit-search-results-button,.tree-control .tree-view input[type='search']::-webkit-search-results-decoration,.tree-control .tree-view .expenseReport>.content .title .principal>.container>div input[type='search']#description:hover::-webkit-search-results-decoration,.expenseReport>.content .title .principal>.container>div .tree-control .tree-view input[type='search']#description:hover::-webkit-search-results-decoration {
    display: none
}

.tree-control .tree-view .helper-button:hover {
    border: 1px solid #ccc;
    background-color: #f4f4f4
}

.tree-control .tree-view .helper-button:focus {
    border: 1px solid #66afe9 !important;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.035),0 0 5px rgba(82,168,236,0.7) !important;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.035),0 0 5px rgba(82,168,236,0.7) !important
}

.tree-control .tree-view .line {
    position: relative;
    overflow: hidden;
    max-height: 34px
}

.tree-control .tree-view .item-close {
    font-weight: bold;
    width: 20px;
    padding: 5px;
    cursor: pointer
}

.tree-control .tree-view .item-close:hover {
    background-color: #f2f2f2
}

.tree-control .tree-view .item-close:before {
    content: 'x'
}

.tree-control .tree-view li {
    margin-left: 15px;
    list-style-type: none
}

.tree-control .tree-view li .expand {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #525252
}

.tree-control .tree-view li .expand-opened {
    border: none;
    border-top: 10px solid #525252;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.tree-control .tree-view li.top-level {
    margin: 0
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vertical-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media only screen and (min-width: 1256px) {
    html:not(.mobile) .flex-row {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.form-control label {
    margin-right: .5rem
}

.label-in-input,.expense .details .amounts .amount,.expense .details .amounts .ttc {
    position: relative
}

.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label {
    color: rgba(0,0,0,0.54);
    opacity: 0.8;
    font-size: 90%;
    position: absolute;
    bottom: 1em;
    padding-left: .2em
}

.label-in-input input,.expense .details .amounts .amount input,.expense .details .amounts .ttc input,.label-in-input .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .label-in-input input#description:hover,.expense .details .amounts .amount .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .amount input#description:hover,.expense .details .amounts .ttc .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .ttc input#description:hover {
    text-align: right
}

.label-in-input input[type=number],.expense .details .amounts .amount input[type=number],.expense .details .amounts .ttc input[type=number],.label-in-input .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .label-in-input input[type=number]#description:hover,.expense .details .amounts .amount .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .amount input[type=number]#description:hover,.expense .details .amounts .ttc .expenseReport>.content .title .principal>.container>div input[type=number]#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .ttc input[type=number]#description:hover {
    max-width: inherit
}

.label-in-input select,.expense .details .amounts .amount select,.expense .details .amounts .ttc select,.label-in-input div.pq-select-button,.expense .details .amounts .amount div.pq-select-button,.expense .details .amounts .ttc div.pq-select-button,.label-in-input .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .label-in-input select#periode:hover,.expense .details .amounts .amount .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .amount select#periode:hover,.expense .details .amounts .ttc .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .ttc select#periode:hover,.label-in-input select option,.expense .details .amounts .amount select option,.expense .details .amounts .ttc select option,.label-in-input div.pq-select-button option,.expense .details .amounts .amount div.pq-select-button option,.expense .details .amounts .ttc div.pq-select-button option,.label-in-input .expenseReport>.content .title .principal>.container>div select#periode:hover option,.expenseReport>.content .title .principal>.container>div .label-in-input select#periode:hover option,.expense .details .amounts .amount .expenseReport>.content .title .principal>.container>div select#periode:hover option,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .amount select#periode:hover option,.expense .details .amounts .ttc .expenseReport>.content .title .principal>.container>div select#periode:hover option,.expenseReport>.content .title .principal>.container>div .expense .details .amounts .ttc select#periode:hover option {
    text-align: right
}

.add-content.ng-hide {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.add-content.ng-show {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

.expense {
    -webkit-transition: all ease .25s;
    transition: all ease .25s
}

.expense.new {
    margin-bottom: 2rem;
    background-color: #e0f2f1
}

.expense.editing {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

@media print {
    .expense.editing {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.expense:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

@media print {
    .expense:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.expense .resume .new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.expense .resume .new h4 {
    text-align: center;
    -webkit-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100
}

.expense .resume .principal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: rgba(224,242,241,0.3);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expense .resume .principal .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 8em;
    min-width: 8em;
    max-width: 8em;
    padding: .5rem 0 .5rem .5rem;
    background-color: #e0f2f1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.expense .resume .principal .date>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 935px) {
    .expense .resume .principal .date {
        width:6.5em;
        min-width: inherit;
        max-width: 6.5em;
        text-align: center
    }
}

.expense .resume .principal .payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 8em;
    text-align: right;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.expense .resume .principal .payment small {
    color: rgba(0,0,0,0.87)
}

@media only screen and (max-width: 935px) {
    .expense .resume .principal .payment {
        min-width:inherit
    }
}

.expense .resume .principal .payment .icon-warning {
    cursor: help
}

.expense .resume .principal .payment .warning {
    color: red !important
}

.expense .resume .principal .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem .5rem .5rem 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.expense .resume .principal .content .row {
    width: 100%
}

.expense .resume .principal .content .row:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expense .resume .principal .content .row:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expense .resume .principal .content .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expense .resume .principal .content .desc .denomination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.expense .resume .principal .content .desc .denomination span+span:before {
    padding-right: .5rem;
    padding-left: .5rem;
    content: '-'
}

.expense .resume .principal .content .desc .denomination i {
    font-size: 1.2rem
}

.expense .resume .principal .content .desc .attach {
    opacity: .2
}

.expense .resume .principal .content .desc .attach.present {
    opacity: 1
}

.expense .resume .principal .content .axes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.expense .resume .principal .content .axes>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.expense fieldset.ng-enter,.expense fieldset.ng-leave {
    position: relative;
    overflow: hidden;
    -webkit-transition: all linear .5s;
    transition: all linear .5s
}

.expense fieldset.ng-enter .details,.expense fieldset.ng-leave .details {
    -webkit-transition: all ease-in .5s;
    transition: all ease-in .5s
}

.expense fieldset.ng-enter,.expense fieldset.ng-leave.ng-leave-active {
    height: 0
}

.expense fieldset.ng-enter .details,.expense fieldset.ng-leave.ng-leave-active .details {
    margin-top: -50%
}

.expense fieldset.ng-leave,.expense fieldset.ng-enter.ng-enter-active {
    height: 100%
}

.expense fieldset.ng-leave .details,.expense fieldset.ng-enter.ng-enter-active .details {
    margin-top: 0
}

.expense .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .8rem 1.6rem 0 1.6rem;
    background-color: white;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.expense .details.new {
    margin: 0 .8rem 0 .8rem;
    padding: .8rem .4rem 0 .4rem
}

.expense .details>*:first-child {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    margin-right: 1rem
}

.expense .details>* {
    width: 100%
}

@media only screen and (max-width: 935px) {
    .expense .details>*:first-child {
        width:auto;
        min-width: 0;
        max-width: none;
        margin-right: 0rem
    }

    .expense .details>* {
        width: 100%
    }
}

.expense .details input[name='date'],.expense .details .expenseReport>.content .title .principal>.container>div input[name='date']#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details input[name='date']#description:hover {
    max-width: 8em
}

.expense .details .amounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: .5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.expense .details .amounts .vats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.expense .details .amounts .vats button {
    margin-bottom: .7em;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.expense .details .amounts .vats .vats-amounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.expense .details .amounts :first-child {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.expense .details .amounts .amount.partiallyNoVat,.expense .details .amounts .partiallyNoVat.ttc {
    margin-left: 30%
}

.expense .details .fiscal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.expense .details .fiscal>* {
    width: 47.5%
}

.expense .details .fiscal>*+* {
    padding-left: 5%
}

.expense .details .fiscal.readOnly {
    margin-bottom: .7em;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.expense .details .fiscal.readOnly>* {
    width: 100%
}

.expense .details .km {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.expense .details .km .km-input {
    -webkit-box-flex: 50;
    -ms-flex-positive: 50;
    flex-grow: 50
}

.expense .details .km .km-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    -webkit-box-flex: 40;
    -ms-flex-positive: 40;
    flex-grow: 40;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expense .details .km .km-option .form-control {
    -webkit-box-flex: 70;
    -ms-flex-positive: 70;
    flex-grow: 70
}

.expense .details .km i {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (max-width: 935px) {
    .expense .details .km {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .expense .details .km .km-input {
        width: 100%
    }

    .expense .details .km .km-option {
        width: 100%;
        padding-left: 1.5rem
    }
}

.expense .details .maps {
    margin-bottom: .5rem
}

.expense .details .currency {
    margin-left: .9rem
}

.expense .details .reimbursement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.expense .details .reimbursement.km {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.expense .details .reimbursement div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.expense .details .reimbursement .form-control {
    font-size: 1.25rem;
    width: 100%;
    margin: 0;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.expense .details .reimbursement button {
    margin-left: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.expense .details .reimbursement p {
    text-align: right;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.expense .details .reimbursement input,.expense .details .reimbursement .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .reimbursement input#description:hover {
    width: auto;
    max-width: 7em;
    margin: 0;
    text-align: right
}

.expense .details .reimbursement .km-formula {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width: 935px) {
    .expense .details .reimbursement .form-control {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        width: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.expense .details .file {
    position: relative;
    margin-bottom: .8rem;
    background-color: rgba(224,242,241,0.3)
}

.expense .details .file .preview {
    margin-right: 2.1em
}

.expense .details .file embed {
    border-right: 2.1em solid rgba(224,242,241,0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.expense .details .file .file-actions {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: rgba(255,255,255,0.5)
}

.expense .details .file .notOpen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 400px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.expense .details .file .notOpen p {
    text-align: center
}

.expense .details .file .notOpen a {
    text-decoration: underline
}

.expense .details .ref {
    position: relative;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto
}

.expense .details .ref label {
    position: absolute;
    top: .4em;
    padding-left: .2em
}

.expense .details .ref input,.expense .details .ref .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .ref input#description:hover {
    text-align: right
}

.expense .details select.currency,.expense .details div.currency.pq-select-button,.expense .details .expenseReport>.content .title .principal>.container>div select.currency#periode:hover,.expenseReport>.content .title .principal>.container>div .expense .details select.currency#periode:hover {
    width: 4.3em
}

@media only screen and (max-width: 935px) {
    .expense .details .file-mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: .8rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .expense .details .file-mobile .ref {
        max-width: initial;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .expense .details .file-mobile .ref input,.expense .details .file-mobile .ref .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .expense .details .file-mobile .ref input#description:hover {
        margin-bottom: 0
    }
}

.expense .actions {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .5rem 0 0 0;
    background-color: #e0f2f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.expense .actions .buttons-icon {
    position: absolute;
    left: 0
}

.expense .actions .warning-not-saved {
    position: absolute;
    right: 1rem
}

.expense .actions .warning-not-saved i {
    color: #FF5252
}

.add-master {
    position: absolute;
    background-color: #FF5252;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-shadow: 0 1px 4px 1px rgba(0,0,0,0.16);
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.16);
    font-size: 1.75rem;
    line-height: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 5
}

.add-master>i {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.add-master.ng-leave-active,.add-master.ng-enter {
    opacity: 0
}

.add-master.ng-enter-active {
    opacity: 1
}

@media only screen and (max-width: 935px) {
    .add-master {
        position:fixed;
        bottom: 2.5rem;
        z-index: 901;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        opacity: 1
    }

    .add-master.hide,.add-master.hide-add-active {
        -webkit-transform: translateX(-50%) translateY(6rem);
        transform: translateX(-50%) translateY(6rem)
    }

    .add-master.hide-remove-active {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

html .expenseReport select,html .expenseReport div.pq-select-button,html .expenseReport>.content .title .principal>.container>div select#periode:hover {
    width: 100%
}

.transfer,.validator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.transfer .row,.validator .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.transfer .row .btn-icon,.validator .row .btn-icon {
    margin-bottom: 0px
}

.expenseReport {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: calc(100vh - 4.5rem);
    padding: 1rem
}

@media only screen and (max-width: 935px) {
    .expenseReport {
        padding:0;
        min-height: calc(100vh - 3rem)
    }
}

.expenseReport>.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 350px - 2rem)
}

@media only screen and (max-width: 935px) {
    .expenseReport>.content {
        width:100vw
    }
}

.expenseReport>.content .title {
    height: 4.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 935px) {
    .expenseReport>.content .title {
        display:none
    }
}

.expenseReport>.content .title .subTitle {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.expenseReport>.content .title .principal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.5rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.expenseReport>.content .title .principal>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.expenseReport>.content .title .principal>.container>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%
}

.expenseReport>.content .title .principal>.container>div h3 {
    font-size: 1em;
    display: inline-block;
    white-space: nowrap
}

.expenseReport>.content .title .principal>.container>div input#description,.expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div select#periode,.expenseReport>.content .title .principal>.container>div div#periode.pq-select-button,.expenseReport>.content .title .principal>.container>div select#periode:hover {
    margin-bottom: 0;
    max-width: 400px;
    border: 1px solid transparent;
    background: none
}

.expenseReport>.content .title .principal>.container>div div#periode.pq-select-button:hover,.expenseReport>.content .title .principal>.container>div select#periode:hover {
    border: 1px solid #4db6ac
}

.expenseReport>.content .title .principal>.container>div input#description:hover {
    margin-bottom: 0 !important
}

.expenseReport>.content .title .principal>.container .dates {
    margin-top: 0.5rem;
    font-size: 0.8rem
}

.expenseReport>.content .title .principal>.container .dates input,.expenseReport>.content .title .principal>.container>div .dates input#description:hover {
    max-width: 8em
}

.expenseReport>.content .items {
    width: 100%;
    position: relative
}

.expenseReport>.content .items .group-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.expenseReport>.content .items .group-actions select,.expenseReport>.content .items .group-actions div.pq-select-button,.expenseReport>.content .items .group-actions .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .items .group-actions select#periode:hover {
    margin-left: 1rem
}

.expenseReport>.content .items.add {
    margin-top: 2.5rem
}

@media only screen and (max-width: 935px) {
    .expenseReport>.content .items.add {
        margin-top:0
    }
}

.expenseReport>.content .items .list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.5rem 0
}

@media only screen and (max-width: 935px) {
    .expenseReport>.content .items .list>li {
        margin:0.5rem 0.5rem
    }
}

.expenseReport>.content .items .list>li form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.expenseReport>.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 350px;
    position: fixed;
    right: 2rem;
    -webkit-transition: right 1s ease;
    transition: right 1s ease;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: slideInFromRight;
    animation-name: slideInFromRight;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes slideInFromRight {
    0% {
        right: -100%
    }

    100% {
        right: 0
    }
}

@keyframes slideInFromRight {
    0% {
        right: -100%
    }

    100% {
        right: 0
    }
}

@media only screen and (max-width: 935px) {
    .expenseReport>.actions {
        position:absolute;
        right: -100000px
    }

    .expenseReport>.actions>* {
        display: none;
        visibility: hidden
    }

    .expenseReport>.actions ea-right-pane {
        display: block;
        visibility: visible
    }

    .expenseReport>.actions ea-total {
        display: block;
        position: fixed;
        bottom: 3rem;
        left: 0;
        padding: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: white;
        width: 100vw;
        visibility: visible;
        z-index: 899;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease
    }

    .expenseReport>.actions ea-total.hide {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.expenseReport>.actions.hide {
    right: -100%;
    position: absolute
}

.expenseReport>.actions .buttons {
    height: 4.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.expenseReport>.actions .buttons button+button,.expenseReport>.actions .buttons button+a,.expenseReport>.actions .buttons a+button,.expenseReport>.actions .buttons .more-options+button,.expenseReport>.actions .buttons button+.more-options {
    margin-left: 1em
}

.expenseReport>.actions .more-options-btn {
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear
}

.expenseReport>.actions .more-options-btn.active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.expenseReport>.actions .more-options {
    overflow: hidden;
    text-align: right;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.5em
}

.expenseReport>.actions .more-options.twoItems {
    width: 5em
}

.expenseReport>.actions .more-options.ng-hide-animate {
    border-right: 1px black solid
}

.expenseReport>.actions .more-options.ng-hide {
    width: 0
}

.expenseReport>.actions #btn-history {
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 1.8em
}

@media only screen and (max-width: 935px) {
    ea-total .card-content {
        display:block !important
    }
}

.angular-title {
    display: inline-block
}

.angular-title #angularTitle:before {
    content: ' / '
}

@media only screen and (max-width: 935px) {
    .angular-title {
        font-size:1rem;
        line-height: 1rem
    }

    .angular-title #angularTitle:before {
        content: ' ';
        display: block
    }
}

.optionList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.optionList>div {
    -webkit-box-flex: 30;
    -ms-flex-positive: 30;
    flex-grow: 30
}

.optionList .columnHide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.optionList .columnHide>div {
    margin-right: 1rem
}

.expenseForm .hasDatepicker,.expenseFormDuplicate .hasDatepicker {
    max-width: 8rem
}

.expenseForm .dates,.expenseFormDuplicate .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.expenseForm .dates span,.expenseFormDuplicate .dates span {
    margin: 0 0.5rem
}

.expenseForm h3,.expenseFormDuplicate h3 {
    margin-bottom: 1rem;
    text-align: center
}

.expenseForm #save,.expenseForm #duplicate,.expenseFormDuplicate #save,.expenseFormDuplicate #duplicate {
    margin-top: 1rem;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%
}

@media only screen and (max-width: 935px) {
    #appbar-actions {
        font-size:1.02rem;
        line-height: 3rem;
        position: fixed;
        top: 0;
        right: 0;
        height: 3rem;
        padding-left: .5rem;
        padding-right: .5rem;
        z-index: 902;
        text-align: right;
        background-color: #009bda
    }

    .footer {
        -webkit-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.16),0 -2px 10px 0 rgba(0,0,0,0.12);
        box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.16),0 -2px 10px 0 rgba(0,0,0,0.12);
        height: 3rem;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        background-color: #EEEEEE;
        z-index: 899;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0.5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .footer .otherAction,.footer .comment {
        text-align: center;
        width: 25vw;
        height: inherit
    }

    .footer .otherAction button i[class^='icon-'],.footer .comment button i[class^='icon-'] {
        margin-right: 0;
        color: inherit;
        float: none
    }

    .footer .otherAction button.active,.footer .comment button.active {
        color: #FF5252
    }

    .footer .amount,.footer .expense .details .amounts .ttc,.expense .details .amounts .footer .ttc {
        line-height: 1rem;
        text-align: center
    }

    .footer .amount b,.footer .expense .details .amounts .ttc b,.expense .details .amounts .footer .ttc b {
        font-size: 1.5em
    }

    .footer .amount.active,.footer .expense .details .amounts .active.ttc,.expense .details .amounts .footer .active.ttc {
        color: #FF5252
    }

    .footer .master-actions {
        text-align: center;
        width: 25vw;
        height: inherit
    }

    .footer .master-actions button i[class^='icon-'] {
        margin-right: 0;
        color: inherit;
        float: none
    }

    .otherActions {
        position: fixed;
        bottom: 3rem;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100vw;
        z-index: 899;
        -webkit-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.16),0 -2px 10px 0 rgba(0,0,0,0.12);
        box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.16),0 -2px 10px 0 rgba(0,0,0,0.12);
        background-color: #EEEEEE;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease
    }

    .otherActions.ng-enter,.otherActions.ng-leave-active {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .otherActions.ng-enter-active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    .otherActions .technical,.otherActions .workflow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1rem
    }

    .otherActions .workflow {
        background-color: #dedede
    }

    .otherActions button,.otherActions .btn {
        padding: 0 1em;
        font-size: 1rem;
        min-height: 2.1em;
        text-align: center;
        cursor: pointer;
        width: 30%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem
    }

    .otherActions button.positive i,.otherActions button.positive span,.otherActions .btn.positive i,.otherActions .btn.positive span {
        color: #00C853 !important
    }

    .otherActions button.positive:hover:not(.disabled):not([disabled]) i,.otherActions button.positive:hover:not(.disabled):not([disabled]) span,.otherActions .btn.positive:hover:not(.disabled):not([disabled]) i,.otherActions .btn.positive:hover:not(.disabled):not([disabled]) span {
        color: #00E676 !important
    }

    .otherActions button.negative i,.otherActions button.negative span,.otherActions .btn.negative i,.otherActions .btn.negative span {
        color: #D50000 !important
    }

    .otherActions button.negative:hover:not(.disabled):not([disabled]) i,.otherActions button.negative:hover:not(.disabled):not([disabled]) span,.otherActions .btn.negative:hover:not(.disabled):not([disabled]) i,.otherActions .btn.negative:hover:not(.disabled):not([disabled]) span {
        color: #FF1744 !important
    }

    .otherActions button.warning i,.otherActions button.warning span,.otherActions .btn.warning i,.otherActions .btn.warning span {
        color: #D50000 !important
    }

    .otherActions button.warning:hover:not(.disabled):not([disabled]) i,.otherActions button.warning:hover:not(.disabled):not([disabled]) span,.otherActions .btn.warning:hover:not(.disabled):not([disabled]) i,.otherActions .btn.warning:hover:not(.disabled):not([disabled]) span {
        color: #ff9100 !important
    }

    #angular {
        margin-bottom: 3rem
    }
}

ea-files-pane {
    height: calc(100vh - 5rem)
}

ea-files-pane h3 {
    margin-bottom: 1rem;
    text-align: center
}

ea-files-pane .zoom .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

ea-files-pane .zoom .name a {
    display: block;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

ea-files-pane .zoom .name .file-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ea-files-pane .zoom .noFile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 400px;
    opacity: .2
}

ea-files-pane .zoom .noFile i {
    font-size: 12em;
    color: #b2ebf2;
    opacity: 0.5
}

ea-files-pane .file {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: .5rem;
    border: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: transparent
}

ea-files-pane .file p {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

ea-files-pane .file:hover {
    border-color: #e0f2f1
}

ea-files-pane .file.selected {
    border-color: #FF5252
}

ea-files-pane .file .miniature {
    width: 100%;
    background-color: rgba(224,242,241,0.3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

ea-files-pane .file .miniature>img {
    height: 50px
}

ea-files-pane ul.files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

ea-files-pane ul.files li {
    margin: .25em 0;
    white-space: nowrap;
    text-align: center;
    min-width: 75px;
    max-width: 75px;
    width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

ea-files-pane ul.files li>span {
    font-size: 90%
}

ea-files-pane ul.files li+ea-files-pane ul.files li {
    margin-left: 10px
}

ea-files-pane .add-master {
    margin-top: 1rem;
    position: relative
}

#rightPane {
    position: fixed;
    right: 0;
    visibility: visible;
    width: calc(350px + 2rem);
    -webkit-box-shadow: 3px 0px 10px 0px black;
    box-shadow: 3px 0px 10px 0px black;
    z-index: 899;
    bottom: 0;
    top: 5rem;
    background-color: white;
    -webkit-transition: visibility 1s ease, -webkit-transform 1s ease;
    transition: visibility 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, visibility 1s ease;
    transition: transform 1s ease, visibility 1s ease, -webkit-transform 1s ease
}

#rightPane.ng-hide {
    visibility: hidden;
    -webkit-transform: translateX(110%);
    transform: translateX(110%)
}

#rightPane.ng-show {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

#rightPane .container {
    height: calc(100vh - 5rem);
    padding: 1rem;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#rightPane .container .close {
    position: absolute;
    top: 0;
    right: 0
}

#rightPane .container [ng-transclude] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

#rightPane .container h3 {
    margin-bottom: 1rem;
    text-align: center
}

@media only screen and (max-width: 935px) {
    #rightPane .container {
        height:calc(100vh - 3rem)
    }
}

@media only screen and (max-width: 935px) {
    #rightPane {
        width:100vw;
        top: 3rem
    }
}

.mobile #rightPane {
    top: 3rem
}

#filter .filter,#filter .order,#filter .column,#filter .options {
    margin-bottom: 1rem
}

#filter .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#filter .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

#filter .actions .btn-icon {
    position: absolute;
    left: 1rem;
    -ms-flex-item-align: center;
    align-self: center
}

#filter .order>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.scroll-btns .scroll {
    overflow: auto !important;
    width: 100%
}

.scroll-btns .scroll::-webkit-scrollbar {
    height: 6px
}

.scroll-btns .scroll::-webkit-scrollbar-track {
    background: #ddd
}

.scroll-btns .scroll::-webkit-scrollbar-thumb {
    background: #666
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0%) rotateY(0deg);
        transform: translateY(0%) rotateY(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    100% {
        -webkit-transform: translateY(100%) rotateY(90deg);
        transform: translateY(100%) rotateY(90deg);
        -webkit-transform-origin: top center;
        transform-origin: top center
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(0%) rotateY(0deg);
        transform: translateY(0%) rotateY(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    100% {
        -webkit-transform: translateY(100%) rotateY(90deg);
        transform: translateY(100%) rotateY(90deg);
        -webkit-transform-origin: top center;
        transform-origin: top center
    }
}

#zoom {
    color: white;
    background-color: rgba(0,0,0,0.72);
    max-height: 100vh;
    height: 100vh;
    max-width: 100vw;
    width: 100vw;
    margin: 0
}

#zoom .title {
    text-align: center
}

#zoom .title i {
    color: inherit
}

#zoom .image {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.badge {
    position: relative
}

.badge[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: .5rem;
    background: #FF5252;
    color: white;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px #333;
    box-shadow: 0 0 1px #333
}

ea-imputation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

ea-imputation>div {
    width: 100%
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
    margin: .5rem
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain,.card-margin,.workflow-bar {
        margin: 0
    }
}

.fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
    padding: 1rem 1rem 0 1rem
}

@media print {
    .fc_wf>.fc_body>.fc_section>.d,.fc_wf>.fc_body>.fc_section>div>.d,.info>.info_content,.card .card-content,.fc h3,.card .card-title {
        padding: 0
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    background: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 3px
}

@media print {
    .lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.lc,.fc_wf>.fc_body>.fc_section,.fc_nf .fc_message,.info,.card,div.frameContain {
    position: relative
}

.fc_wf>.fc_body>.fc_section>.d p,.info>.info_content p,.card .card-content p {
    margin: 0;
    color: inherit
}

.fc h3,.card .card-title {
    font-size: 1.5rem
}

.fc h3>i,.card .card-title>i {
    font-size: 2.5rem
}

.fc h3.primary,.card .primary.card-title {
    background-color: #009bda;
    color: #fff
}

.fc h3>.subTitle,.card .card-title>.subTitle {
    font-size: 0.5em
}

.card .card-action {
    clear: both;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.12);
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .card-action a {
    display: inline-block;
    line-height: 2rem;
    margin-right: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    cursor: pointer
}

.card .card-action a:hover,.card .card-action a:hover i {
    color: red
}

.tsc>.tabs-bar {
    position: fixed;
    z-index: 899;
    top: 3rem;
    left: 0;
    right: 0;
    min-height: 1.8rem;
    background-color: #009bda
}

@media only screen and (orientation: portrait) and (min-width: 601px), only screen and (orientation: landscape) and (min-width: 936px) {
    html:not(.mobile) .tsc>.tabs-bar {
        top:5rem;
        left: 3.8rem
    }
}

@media only screen and (min-width: 1463px) {
    html:not(.mobile) body:not(.nav-menu-main-narrow) .tsc>.tabs-bar {
        left:16rem
    }
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet,.btn-flat,.modal .modal-footer button,.btn-flat-discreet,#ea-smile .legend button,#ea-smile .menu button,.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 1rem;
    min-height: 2.1em;
    text-align: center;
    cursor: pointer
}

.form_changed #searchform_applybutton+#searchform_applybutton,.form_changed .btn-raised+#searchform_applybutton,.form_changed .btn-raised-discreet+#searchform_applybutton,.form_changed .btn-flat+#searchform_applybutton,.modal .modal-footer .form_changed button+#searchform_applybutton,.form_changed .modal .modal-footer button+#searchform_applybutton,.form_changed .btn-flat-discreet+#searchform_applybutton,#ea-smile .legend .form_changed button+#searchform_applybutton,.form_changed #ea-smile .legend button+#searchform_applybutton,#ea-smile .menu .form_changed button+#searchform_applybutton,.form_changed #ea-smile .menu button+#searchform_applybutton,.form_changed .btn-link+#searchform_applybutton,.form_changed #searchform_applybutton+.btn-raised,.btn-raised+.btn-raised,.btn-raised-discreet+.btn-raised,.btn-flat+.btn-raised,.modal .modal-footer button+.btn-raised,.btn-flat-discreet+.btn-raised,#ea-smile .legend button+.btn-raised,#ea-smile .menu button+.btn-raised,.btn-link+.btn-raised,.form_changed #searchform_applybutton+.btn-raised-discreet,.btn-raised+.btn-raised-discreet,.btn-raised-discreet+.btn-raised-discreet,.btn-flat+.btn-raised-discreet,.modal .modal-footer button+.btn-raised-discreet,.btn-flat-discreet+.btn-raised-discreet,#ea-smile .legend button+.btn-raised-discreet,#ea-smile .menu button+.btn-raised-discreet,.btn-link+.btn-raised-discreet,.form_changed #searchform_applybutton+.btn-flat,.btn-raised+.btn-flat,.btn-raised-discreet+.btn-flat,.btn-flat+.btn-flat,.modal .modal-footer button+.btn-flat,.btn-flat-discreet+.btn-flat,#ea-smile .legend button+.btn-flat,#ea-smile .menu button+.btn-flat,.btn-link+.btn-flat,.form_changed .modal .modal-footer #searchform_applybutton+button,.modal .modal-footer .form_changed #searchform_applybutton+button,.modal .modal-footer .btn-raised+button,.modal .modal-footer .btn-raised-discreet+button,.modal .modal-footer .btn-flat+button,.modal .modal-footer button+button,.modal .modal-footer .btn-flat-discreet+button,#ea-smile .legend .modal .modal-footer button+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .menu .modal .modal-footer button+button,.modal .modal-footer #ea-smile .menu button+button,.modal .modal-footer .btn-link+button,.form_changed #searchform_applybutton+.btn-flat-discreet,.btn-raised+.btn-flat-discreet,.btn-raised-discreet+.btn-flat-discreet,.btn-flat+.btn-flat-discreet,.modal .modal-footer button+.btn-flat-discreet,.btn-flat-discreet+.btn-flat-discreet,#ea-smile .legend button+.btn-flat-discreet,#ea-smile .menu button+.btn-flat-discreet,.btn-link+.btn-flat-discreet,.form_changed #ea-smile .legend #searchform_applybutton+button,#ea-smile .legend .form_changed #searchform_applybutton+button,#ea-smile .legend .btn-raised+button,#ea-smile .legend .btn-raised-discreet+button,#ea-smile .legend .btn-flat+button,.modal .modal-footer #ea-smile .legend button+button,#ea-smile .legend .modal .modal-footer button+button,#ea-smile .legend .btn-flat-discreet+button,#ea-smile .legend button+button,#ea-smile .menu .legend button+button,#ea-smile .legend .menu button+button,#ea-smile .legend .btn-link+button,.form_changed #ea-smile .menu #searchform_applybutton+button,#ea-smile .menu .form_changed #searchform_applybutton+button,#ea-smile .menu .btn-raised+button,#ea-smile .menu .btn-raised-discreet+button,#ea-smile .menu .btn-flat+button,.modal .modal-footer #ea-smile .menu button+button,#ea-smile .menu .modal .modal-footer button+button,#ea-smile .menu .btn-flat-discreet+button,#ea-smile .legend .menu button+button,#ea-smile .menu .legend button+button,#ea-smile .menu button+button,#ea-smile .menu .btn-link+button,.form_changed #searchform_applybutton+.btn-link,.btn-raised+.btn-link,.btn-raised-discreet+.btn-link,.btn-flat+.btn-link,.modal .modal-footer button+.btn-link,.btn-flat-discreet+.btn-link,#ea-smile .legend button+.btn-link,#ea-smile .menu button+.btn-link,.btn-link+.btn-link {
    margin-left: 0.5rem
}

.form_changed #searchform_applybutton:hover:not([disabled]),.btn-raised:hover:not([disabled]),.btn-raised-discreet:hover:not([disabled]),.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]),#ea-smile .legend button:hover:not([disabled]),#ea-smile .menu button:hover:not([disabled]),.btn-link:hover:not([disabled]) {
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0.1)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.form_changed #searchform_applybutton:focus,.btn-raised:focus,.btn-raised-discreet:focus,.btn-flat:focus,.modal .modal-footer button:focus,.btn-flat-discreet:focus,#ea-smile .legend button:focus,#ea-smile .menu button:focus,.btn-link:focus {
    outline: none
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    float: left
}

.form_changed #searchform_applybutton>i,.btn-raised>i,.btn-raised-discreet>i,.btn-flat>i,.modal .modal-footer button>i,.btn-flat-discreet>i,#ea-smile .legend button>i,#ea-smile .menu button>i,.btn-link>i {
    margin-right: 1ex;
    font-size: 1.25em
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover {
    cursor: not-allowed
}

.form_changed [disabled]#searchform_applybutton,[disabled].btn-raised,[disabled].btn-raised-discreet,[disabled].btn-flat,.modal .modal-footer button[disabled],[disabled].btn-flat-discreet,#ea-smile .legend button[disabled],#ea-smile .menu button[disabled],[disabled].btn-link,.form_changed [disabled]#searchform_applybutton>i,[disabled].btn-raised>i,[disabled].btn-raised-discreet>i,[disabled].btn-flat>i,.modal .modal-footer button[disabled]>i,[disabled].btn-flat-discreet>i,#ea-smile .legend button[disabled]>i,#ea-smile .menu button[disabled]>i,[disabled].btn-link>i,.form_changed [disabled]#searchform_applybutton:hover,[disabled].btn-raised:hover,[disabled].btn-raised-discreet:hover,[disabled].btn-flat:hover,.modal .modal-footer button[disabled]:hover,[disabled].btn-flat-discreet:hover,#ea-smile .legend button[disabled]:hover,#ea-smile .menu button[disabled]:hover,[disabled].btn-link:hover,.form_changed [disabled]#searchform_applybutton:hover>i,[disabled].btn-raised:hover>i,[disabled].btn-raised-discreet:hover>i,[disabled].btn-flat:hover>i,.modal .modal-footer button[disabled]:hover>i,[disabled].btn-flat-discreet:hover>i,#ea-smile .legend button[disabled]:hover>i,#ea-smile .menu button[disabled]:hover>i,[disabled].btn-link:hover>i {
    color: rgba(0,0,0,0.26)
}

.form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin-top: 3px;
    margin-bottom: 12px
}

@media print {
    .form_changed #searchform_applybutton,.btn-raised,.btn-raised-discreet {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

@media print {
    .form_changed #searchform_applybutton:hover,.btn-raised:hover,.btn-raised-discreet:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.form_changed #searchform_applybutton,.btn-raised {
    color: #fff;
    background-color: #FF5252
}

.btn-raised-discreet {
    background-color: white;
    color: #FF5252
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    padding: 0 0.5rem
}

.btn-flat,.modal .modal-footer button,.btn-flat-discreet {
    background-color: transparent
}

.btn-flat:hover:not([disabled]),.modal .modal-footer button:hover:not([disabled]),.btn-flat-discreet:hover:not([disabled]) {
    background-color: #eee
}

.btn-flat:active,.modal .modal-footer button:active,.btn-flat-discreet:active {
    background-color: #e0e0e0
}

.ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 1px transparent
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select,.ui-datepicker .ui-datepicker-title html:not(.ie9) select,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggc3R5bGU9ImZpbGw6d2hpdGUiIGQ9Ik0gMTYsMiA4LDEyIDAsMiAxNiwyIHoiLz48L3N2Zz4=")
}

.ui-datepicker .ui-datepicker-title select:hover,.ui-datepicker .ui-datepicker-title div.pq-select-button:hover,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover {
    border-bottom: solid 1px #fff
}

html.ie9 .ui-datepicker .ui-datepicker-title select>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 select>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title div.pq-select-button>option:not([selected]),.ui-datepicker .ui-datepicker-title html.ie9 div.pq-select-button>option:not([selected]),html.ie9 .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option:not([selected]),.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html.ie9 select#periode:hover>option:not([selected]),html.ie9 .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option:not([selected]),.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html.ie9 select#periode:hover>option:not([selected]) {
    color: rgba(0,0,0,0.87)
}

html:not(.ie9) .ui-datepicker .ui-datepicker-title select>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) select>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title div.pq-select-button>option,.ui-datepicker .ui-datepicker-title html:not(.ie9) div.pq-select-button>option,html:not(.ie9) .ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div select#periode:hover>option,.ui-datepicker .ui-datepicker-title .expenseReport>.content .title .principal>.container>div html:not(.ie9) select#periode:hover>option,html:not(.ie9) .expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title select#periode:hover>option,.expenseReport>.content .title .principal>.container>div .ui-datepicker .ui-datepicker-title html:not(.ie9) select#periode:hover>option {
    color: rgba(0,0,0,0.87);
    background: white
}

.lc_row .lc_secondary label,.lc_row .lc_reveal label,.fl,.form-label,.label-in-input label,.expense .details .amounts .amount label,.expense .details .amounts .ttc label,#breadcrumb,.expense .details .amounts .more-options label,.optionList .columnHide>div label,ea-guest .btn-less-important {
    color: rgba(0,0,0,0.54);
    font-size: 90%
}

.user-image,.photoFile,.photoFileMin {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle
}

.user-image.link,.link.photoFile,.link.photoFileMin {
    cursor: pointer
}

.switch {
    position: relative;
    display: inline-block;
    width: 2.875em;
    height: 1.725em
}

.switch input,.switch .expenseReport>.content .title .principal>.container>div input#description:hover,.expenseReport>.content .title .principal>.container>div .switch input#description:hover {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 1.15em;
    width: 1.15em;
    left: .2875em;
    bottom: .2875em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider {
    background-color: #009bda
}

input:focus+.slider,.expenseReport>.content .title .principal>.container>div input#description:focus:hover+.slider {
    -webkit-box-shadow: 0 0 1px #009bda;
    box-shadow: 0 0 1px #009bda
}

input:checked+.slider:before,.expenseReport>.content .title .principal>.container>div input#description:checked:hover+.slider:before {
    -webkit-transform: translateX(1.15em);
    transform: translateX(1.15em)
}

.slider.round {
    border-radius: 1.15em
}

.slider.round:before {
    border-radius: 50%
}

ea-guest .btn-less-important {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ea-guest .btn-less-important:first-child {
    margin-bottom: .7rem
}

ea-guest .guest-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .7em;
    padding: .7em 0;
    -webkit-box-shadow: 0 0 1px 1px #b2dfdb;
    box-shadow: 0 0 1px 1px #b2dfdb
}

ea-guest .guest-list {
    margin: .7em 1rem
}

ea-guest input[type='search'].search,ea-guest .expenseReport>.content .title .principal>.container>div input[type='search'].search#description:hover,.expenseReport>.content .title .principal>.container>div ea-guest input[type='search'].search#description:hover {
    position: relative;
    display: inline-block;
    width: 100%;
    height: initial;
    margin-bottom: .7em;
    cursor: default
}

ea-guest .add {
    width: 100%;
    border: dashed 1px #b2dfdb
}

ea-guest .add.btn {
    margin-bottom: .7em
}

ea-guest .add.btn:hover {
    -webkit-box-shadow: 1px 1px 2px 1px #b2dfdb;
    box-shadow: 1px 1px 2px 1px #b2dfdb
}

ea-guest .suggest-view {
    position: absolute;
    z-index: 999;
    overflow: hidden;
    margin-top: -0.7em;
    margin-right: 30px;
    padding: 10px 5px;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}

ea-guest .suggest-view li {
    padding: .2rem .2rem
}

ea-guest .suggest-view li.focus,ea-guest .suggest-view li:hover {
    background-color: #e0f2f1
}

ea-guest .guest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: .5rem;
    padding-left: .5rem;
    background-color: rgba(224,242,241,0.3);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ea-guest .guest button {
    -ms-flex-item-align: end;
    align-self: flex-end
}

ea-guest .guest button.btn-icon {
    -ms-flex-item-align: start;
    align-self: flex-start
}

ea-guest .guest .inputs {
    max-width: 70%;
    padding: .5rem
}

ea-guest .guest .inputs input:last-child,ea-guest .guest .inputs .expenseReport>.content .title .principal>.container>div input#description:last-child:hover,.expenseReport>.content .title .principal>.container>div ea-guest .guest .inputs input#description:last-child:hover {
    margin-bottom: 0
}

ea-guest .guest+.guest {
    margin-top: .5rem
}