.hierarchical_show_inView>*,
[class^=uk-animation-] {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.uk-alert,
.uk-badge {
    border: none;
    text-shadow: none
}

.uk-form-width-large,
.uk-form-width-medium,
.uk-form-width-mini,
.uk-form-width-small,
.uk-notify {
    max-width: 100%
}

.uk-badge,
.uk-dotnav>*>*,
.uk-input-group-addon,
.uk-table-nowrap td,
.uk-table-nowrap th {
    white-space: nowrap
}

.clndr .clndr_days_grid:after,
.clndr .clndr_days_names:after,
.md-card .md-card-toolbar:after,
.md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper,
.md-card-list-wrapper .md-card-list>ul>li:after,
.md-card.md-card-overlay .md-card-overlay-header:after,
.uk-accordion-content:after,
.uk-dotnav:after,
.uk-htmleditor-navbar:after,
.uk-modal-dialog .uk-modal-footer:after {
    clear: both
}

.irs,
.uk-nestable a,
.uk-nestable img,
.uk-sortable a,
.uk-sortable img {
    -webkit-touch-callout: none
}

.enjoyhint,
.line-numbers .line-numbers-rows,
.line-numbers-rows>span,
.md-input-wrapper>label,
.uk-nestable-dragged,
.uk-nestable-moving iframe,
.uk-slider img,
.uk-sortable-dragged,
.uk-sortable-moving iframe,
.waves-effect .waves-ripple {
    pointer-events: none
}

[class^=uk-animation-] {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-animation-duration: 280ms;
    animation-duration: 280ms
}

.uk-alert {
    background: #1976d2;
    color: #fff;
    padding-right: 32px;
    position: relative;
    display: block
}

.uk-alert-success {
    background: #8bc34a!important
}

.uk-alert-danger {
    background: #e53935!important
}

.uk-alert-warning {
    background: #ffa000!important
}

.uk-alert-info {
    background: #0097a7!important
}

.uk-alert-large {
    padding: 24px 32px 24px 24px
}

.uk-alert-close {
    position: absolute;
    top: 10px;
    right: 8px;
    float: none!important;
    margin: 0!important
}

.uk-alert-close:after {
    color: #fff!important
}

.uk-badge {
    background: #0097a7;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400
}

.uk-badge-primary {
    background: #2196f3
}

.uk-badge-danger {
    background: #e53935
}

.uk-badge-warning {
    background: #ffa000
}

.uk-badge-success {
    background: #7cb342
}

.uk-badge-muted {
    background: #bdbdbd
}

.uk-badge-notification {
    border-radius: 20px
}

.uk-badge.inline-label {
    vertical-align: 1px;
    margin-left: 4px
}

.uk-badge-outline {
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    color: #212121;
    padding-bottom: 0;
    line-height: 16px
}

.uk-button {
    font-weight: 400;
    border-radius: 2px;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.uk-comment-list>li+li {
    border-top: 1px dashed rgba(0, 0, 0, .12);
    margin-top: 16px!important
}

.uk-comment-list .uk-comment+ul {
    margin: 8px 0 0
}

@media only screen and (min-width:768px) {
    .uk-comment-list .uk-comment+ul {
        padding-left: 48px
    }
}

.uk-comment-header {
    padding: 16px 8px 8px;
    border: none;
    background: 0 0;
    margin-bottom: 0
}

.uk-comment-title {
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

.uk-modal {
    z-index: 1304;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    overflow: auto!important
}

.uk-modal-page, .uk-modal-page body {
    overflow: auto !important;
}

.uk-modal.uk-modal-no-backdrop {
    background: 0 0
}

.uk-modal-dialog {
    border-radius: 2px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    padding: 24px;
    display: block!important;
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 280ms cubic-bezier(.4, 0, .2, 1), opacity 280ms ease-in;
    transition: transform 280ms cubic-bezier(.4, 0, .2, 1), opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.uk-modal-dialog-blank {
    padding: 0;
    background: 0 0;
    box-shadow: none
}

.uk-open .uk-modal-dialog {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-modal-dialog .uk-modal-header {
    background: 0 0;
    border-bottom: none;
    margin: 0 -24px 24px;
    padding: 0 32px 0 24px;
    overflow: hidden
}

.uk-modal-dialog .uk-modal-header .uk-modal-title {
    margin: 0;
    font: 500 18px/28px Roboto, sans-serif
}

.uk-modal-dialog .uk-modal-header .uk-modal-title span {
    font-size: 16px;
    display: block;
    color: #727272
}

.uk-modal-dialog .uk-modal-header .material-icons {
    font-size: 24px;
    vertical-align: -4px;
    cursor: default
}

.uk-input-group-addon,
.uk-table-align-vertical td,
.uk-table-align-vertical th {
    vertical-align: middle
}

.uk-modal-dialog .uk-modal-footer {
    margin: 16px -16px -16px;
    padding: 16px;
    background: #fff;
    border-top: none
}

.uk-modal-dialog .uk-modal-footer:after,
.uk-modal-dialog .uk-modal-footer:before {
    content: " ";
    display: table
}

.uk-modal-dialog .uk-modal-footer .md-icon-btn {
    margin-top: 2px
}

.uk-modal-dialog .uk-modal-caption {
    bottom: 16px;
    margin: 0 32px
}

.uk-modal-dialog>.uk-close:first-child {
    top: 8px;
    right: 8px;
    position: absolute;
    float: none;
    margin: 0
}

.uk-modal-dialog-lightbox {
    padding: 0
}

.uk-modal-dialog-lightbox>.uk-close:first-child {
    top: -11px;
    right: -11px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    border: none
}

.uk-modal-dialog .uk-overflow-container {
    margin: 16px 0
}

.uk-modal-card-fullscreen {
    overflow: hidden!important
}

.uk-modal-card-fullscreen .uk-modal-close {
    float: left;
    margin: 8px 8px 0 0;
    display: block
}

.uk-modal-card-fullscreen>.uk-modal-dialog>.md-card>.md-card-toolbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    z-index: 10
}

.uk-modal-card-fullscreen>.uk-modal-dialog>.md-card>.md-card-content {
    position: absolute;
    top: 48px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto
}

.uk-modal .uk-margin.uk-modal-content {
    margin-bottom: 0
}

.uk-modal.uk-modal-dialog-replace .uk-modal-content {
    font-size: 18px
}

.uk-modal-spinner {
    -webkit-animation: uk-rotate 2s infinite linear;
    animation: uk-rotate 2s infinite linear;
    margin-left: -12px;
    margin-top: -17px;
    left: 50%;
    right: auto
}

.uk-dropdown {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transform-origin: 50% 0!important;
    transform-origin: 50% 0!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border: none;
    border-radius: 2px;
}

.uk-close,
.uk-close:focus,
.uk-close:hover {
    opacity: 1
}

.uk-dropdown.uk-dropdown-xlarge {
    width: 265px
}

@media only screen and (max-width:479px) {
    .uk-dropdown.uk-dropdown-xlarge {
        width: 265px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .uk-dropdown.uk-dropdown-xlarge {
        width: 265px
    }
}

.uk-dropdown.uk-dropdown-large {
    width: 265px
}

.uk-dropdown.uk-dropdown-small {
    width: 160px
}

.uk-dropdown>ul>li>a {
    font-size: 14px;
    color: #212121
}

.uk-dropdown>ul>li.uk-active>a,
.uk-dropdown>ul>li>a:hover {
    background: rgba(0, 0, 0, .085)
}

.uk-dropdown>ul>li.padding_sm {
    padding: 2px 4px
}

.uk-dropdown>ul>li.padding_md {
    padding: 4px 8px
}

.uk-dropdown.dropdown-modal {
    z-index: 1310
}

.uk-dropdown.dropdown-fs {
    z-index: 9999
}

.uk-dropdown.uk-dropdown-scrollable {
    -webkit-overflow-scrolling: touch
}

[data-uk-dropdown*=top-] .uk-dropdown {
    -webkit-transform-origin: 50% 100%!important;
    transform-origin: 50% 100%!important
}

[data-uk-dropdown*=left-] .uk-dropdown {
    -webkit-transform-origin: 100% 50%!important;
    transform-origin: 100% 50%!important
}

[data-uk-dropdown*=right-] .uk-dropdown {
    -webkit-transform-origin: 0 50%!important;
    transform-origin: 0 50%!important
}

[data-uk-dropdown*=justify] {
    position: static!important
}

[data-uk-dropdown*=justify] [class*=uk-dropdown-width] {
    left: 0!important;
    width: 100%!important;
    min-width: inherit!important;
    margin-left: 0!important
}

.uk-dropdown-active {
    display: block!important
}

.uk-dropdown-shown {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.uk-nav-dropdown>li>a:focus,
.uk-nav-dropdown>li>a:hover {
    text-shadow: none;
    box-shadow: none;
    color: #212121;
    background: rgba(153, 153, 153, .2)
}

.uk-form input:not([type]),
.uk-form input[type=color],
.uk-form input[type=date],
.uk-form input[type=datetime-local],
.uk-form input[type=email],
.uk-form input[type=month],
.uk-form input[type=number],
.uk-form input[type=password],
.uk-form input[type=search],
.uk-form input[type=tel],
.uk-form input[type=text],
.uk-form input[type=time],
.uk-form input[type=url],
.uk-form input[type=week],
.uk-form select,
.uk-form textarea {
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, .12);
    -webkit-transition: border .2s ease-in;
    transition: border .2s ease-in;
    resize: none
}

.uk-form input:not([type]):focus,
.uk-form input[type=color]:focus,
.uk-form input[type=date]:focus,
.uk-form input[type=datetime-local]:focus,
.uk-form input[type=email]:focus,
.uk-form input[type=month]:focus,
.uk-form input[type=number]:focus,
.uk-form input[type=password]:focus,
.uk-form input[type=search]:focus,
.uk-form input[type=tel]:focus,
.uk-form input[type=text]:focus,
.uk-form input[type=time]:focus,
.uk-form input[type=url]:focus,
.uk-form input[type=week]:focus,
.uk-form select:focus,
.uk-form textarea:focus {
    background: 0 0;
    border-color: #2196f3
}

.uk-form textarea {
    -webkit-transition: border-color .2s ease-in, height 280ms ease-in;
    transition: border-color .2s ease-in, height 280ms ease-in
}

.icheckbox_md,
.uk-form-row {
    -webkit-transition: all .2s ease-out
}

.uk-form-row {
    transition: all .2s ease-out
}

.uk-form-row+.uk-form-row {
    margin-top: 24px
}

.uk-form-stacked .uk-form-label {
    font-weight: 500;
    font-size: 13px;
    display: block;
    padding-bottom: 8px
}

.uk-form-stacked .uk-form-label+p {
    margin-top: 0
}

.uk-form-help-block {
    display: block;
    font-size: 12px;
    color: #727272;
    padding: 4px 0 0;
    font-style: italic
}

.uk-grid+.uk-grid,
.uk-grid-margin,
.uk-grid>*>.uk-panel+.uk-panel {
    margin-top: 24px
}

.uk-grid.uk-grid-small+.uk-grid-small,
.uk-grid.uk-grid-small>*>.uk-panel+.uk-panel,
.uk-grid.uk-grid-small>.uk-grid-margin {
    margin-top: 10px
}

.uk-height-viewport {
    min-height: 200px
}

.uk-nestable-empty,
.uk-sortable-empty {
    min-height: 30px
}

[class*=uk-icon-] {
    color: #727272
}

.uk-input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.uk-input-group>input[type=text] {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.uk-input-group-addon,
.uk-input-group>input[type=text] {
    display: table-cell
}

.uk-input-group-addon {
    width: 1%;
    line-height: 1;
    text-align: center;
    padding: 0 16px;
    font-size: 16px;
    min-width: 22px
}

.uk-input-group>.md-input-wrapper {
    display: inline-block
}

.uk-input-group.uk-input-group-danger .uk-input-group-addon i {
    color: #e53935!important
}

.uk-input-group.uk-input-group-danger+.parsley-errors-list {
    margin-left: 58px
}

.uk-input-group.uk-input-group-success .uk-input-group-addon i {
    color: #7cb342!important
}

.uk-list-hover li:hover {
    background: rgba(0, 0, 0, .1)
}

.uk-pagination {
    margin: 0
}

.uk-pagination>li {
    outline: 0!important
}

.uk-pagination>li>a,
.uk-pagination>li>span {
    border: none;
    padding: 4px 8px;
    min-width: 32px;
    line-height: 24px;
    height: 32px;
    box-sizing: border-box;
    text-shadow: none;
    color: #212121;
    border-radius: 4px
}

.uk-dotnav>*>*,
.uk-progress {
    height: 20px;
    overflow: hidden
}

.uk-pagination>li>a [class*=uk-icon-],
.uk-pagination>li>span [class*=uk-icon-] {
    font-size: 16px
}

.uk-pagination>li>a {
    background: 0 0
}

.uk-pagination>li>a:hover {
    background: #e1efd2
}

.uk-pagination>li.uk-active>a,
.uk-pagination>li.uk-active>span {
    background: #7cb342
}

.uk-pagination>li.uk-active>a,
.uk-pagination>li.uk-active>a:hover,
.uk-pagination>li.uk-active>span,
.uk-pagination>li.uk-active>span:hover {
    color: #fff
}

.uk-pagination>li.uk-disabled>a,
.uk-pagination>li.uk-disabled>span {
    border: none;
    text-shadow: none;
    background: 0 0!important;
    color: #aaa;
    cursor: default
}

.uk-panel-box {
    border-radius: 2px;
    background: #fff;
    border-color: rgba(0, 0, 0, .12)
}

.uk-panel-box .uk-panel-teaser {
    border-radius: 2px 2px 0 0
}

.uk-table th {
    border-bottom: 1px #444
}

.uk-table tr td.small_col,
.uk-table tr th.small_col {
    width: 1%
}

.uk-table tr.row_checked td {
    background: #e3f2fd
}

.uk-table-no-border td {
    border-bottom-color: transparent
}

.uk-sticky-placeholder .uk-active {
    z-index: 1094
}

.uk-subnav-pill>*>* {
    color: #212121
}

.uk-subnav-pill>.uk-active>* {
    background: #7cb342
}

.uk-table thead th {
    border-bottom: 2px solid rgba(0, 0, 0, .12)
}

.uk-table tfoot td,
.uk-table tfoot th,
.uk-table thead th {
    font-style: normal;
    font-weight: 400;
    color: #727272;
    font-size: 14px
}

.uk-table td {
    border-bottom-color: #e0e0e0
}

.uk-table tfoot td,
.uk-table tfoot th {
    border-top: 2px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.uk-table-hover tbody tr:hover,
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, .085)
}

.uk-thumbnail {
    border-radius: 0;
    border-color: rgba(0, 0, 0, .12)
}

.uk-thumbnail-caption {
    padding: 4px 4px 0;
    line-height: 20px;
    color: #727272;
    font-size: 12px
}

.uk-text-muted {
    color: #757575!important
}

.uk-text-primary {
    color: #2196f3!important
}

.uk-text-danger {
    color: #e53935!important
}

.uk-text-success {
    color: #7cb342!important
}

.uk-text-warning {
    color: #ffa000!important
}

.uk-accordion-title:after,
.uk-close:after {
    font-family: "Material Icons";
    color: #727272
}

.uk-margin-bottom {
    margin-bottom: 16px!important
}

.uk-margin-small-bottom {
    margin-bottom: 8px!important
}

.uk-margin-medium-bottom {
    margin-bottom: 32px!important
}

.uk-margin-large-bottom {
    margin-bottom: 48px!important
}

.uk-margin-medium-top {
    margin-top: 32px!important
}

.uk-margin-large-top {
    margin-top: 48px!important
}

.uk-close {
    font-size: 18px
}

.uk-close:after {
    opacity: 1!important;
    content: '\E5CD'
}

.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 24px;
    cursor: pointer
}

.uk-accordion-content:after,
.uk-accordion-content:before {
    content: "";
    display: table
}

.uk-accordion-content>:last-child {
    margin-bottom: 0
}

.uk-accordion-title {
    background: rgba(153, 153, 153, .2);
    border-radius: 0;
    border: none;
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 24px 8px 16px;
    position: relative
}

.uk-accordion-title:after {
    content: '\E313';
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    -webkit-transition: -webkit-transform 280ms;
    transition: -webkit-transform 280ms;
    transition: transform 280ms;
    transition: transform 280ms, -webkit-transform 280ms
}

.uk-accordion-title.uk-active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.uk-accordion-title-primary {
    background: #2196f3;
    color: #fff
}

.uk-accordion-title-primary:after {
    color: #fff
}

.uk-accordion-title-danger {
    background: #e53935;
    color: #fff
}

.uk-accordion-title-danger:after {
    color: #fff
}

.uk-accordion-title-success {
    background: #7cb342;
    color: #fff
}

.uk-accordion-title-success:after {
    color: #fff
}

.uk-accordion-title-warning {
    background: #ffa000;
    color: #fff
}

.uk-accordion-title-warning:after {
    color: #fff
}

.uk-accordion-content {
    padding: 16px
}

.uk-accordion-alt .uk-accordion-title {
    background: #fff;
    margin: 0;
    padding: 16px 24px 16px 48px;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.uk-accordion-alt .uk-accordion-title:first-child {
    border-top: none
}

.uk-accordion-alt .uk-accordion-title:after {
    color: #2196f3;
    content: '\E145';
    right: auto;
    left: 16px;
    top: 16px
}

.uk-accordion-alt .uk-accordion-title.uk-active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    content: '\E15B'
}

.uk-accordion-alt .uk-accordion-content {
    padding: 24px
}

.uk-dotnav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-top: -15px;
    padding: 0;
    list-style: none
}

*+.uk-progress,
.uk-dotnav>* {
    margin-top: 15px
}

.uk-dotnav>* {
    -ms-flex: none;
    -webkit-box-flex: 0;
    flex: none;
    padding-left: 15px;
    float: left
}

.uk-dotnav:after,
.uk-dotnav:before {
    content: "";
    display: block;
    overflow: hidden
}

.uk-dotnav>*>* {
    display: block;
    box-sizing: content-box;
    width: 20px;
    border-radius: 50%;
    background: rgba(50, 50, 50, .1);
    text-indent: 100%
}

.uk-file-upload,
.uk-htmleditor .CodeMirror,
.uk-htmleditor-code,
.uk-htmleditor-navbar-nav>li>a,
.uk-htmleditor-preview,
.uk-notify,
.uk-progress,
.uk-slidenav {
    box-sizing: border-box
}

.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
    background: rgba(50, 50, 50, .4);
    outline: 0
}

.uk-dotnav>*>:active {
    background: rgba(50, 50, 50, .6)
}

.uk-dotnav>.uk-active>* {
    background: rgba(50, 50, 50, .4)
}

.uk-dotnav-contrast>*>* {
    background: rgba(255, 255, 255, .4)
}

.uk-dotnav-contrast>*>:focus,
.uk-dotnav-contrast>*>:hover {
    background: rgba(255, 255, 255, .7)
}

.uk-dotnav-contrast>*>:active,
.uk-dotnav-contrast>.uk-active>* {
    background: rgba(255, 255, 255, .9)
}

.uk-dotnav-vertical {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.uk-dotnav-vertical>* {
    float: none
}

.uk-progress {
    margin-bottom: 15px;
    background: #f5f5f5;
    line-height: 20px
}

.uk-progress-bar {
    width: 0;
    height: 100%;
    float: left;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}

.uk-progress-mini {
    height: 6px
}

.uk-progress-small {
    height: 12px
}

.uk-progress-striped .uk-progress-bar {
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 30px 30px
}

.uk-progress-striped.uk-active .uk-progress-bar {
    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
    animation: uk-progress-bar-stripes 2s linear infinite
}

@-webkit-keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 30px 0
    }
}

@keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 30px 0
    }
}

.uk-progress-mini,
.uk-progress-small {
    border-radius: 500px
}

.uk-progress {
    box-shadow: none;
    border-radius: 2px
}

.uk-progress-bar {
    background: #009688
}

.uk-progress-success .uk-progress-bar {
    background-color: #7cb342
}

.uk-progress-danger .uk-progress-bar {
    background-color: #e53935
}

.uk-progress-warning .uk-progress-bar {
    background-color: #ffa000
}

.uk-htmleditor-navbar {
    border: 1px solid rgba(0, 0, 0, .06);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.uk-htmleditor-navbar-nav>li.uk-active>a,
.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:active,
.uk-htmleditor-navbar-nav>li>a:focus {
    color: #444;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1)
}

.uk-htmleditor-navbar:after,
.uk-htmleditor-navbar:before {
    content: "";
    display: table
}

.uk-htmleditor-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.uk-htmleditor-navbar-nav>li {
    float: left
}

.uk-htmleditor-navbar-nav>li>a {
    display: block;
    text-decoration: none;
    padding: 0 15px;
    line-height: 40px;
    color: #444;
    font-size: 11px;
    cursor: pointer;
    margin-top: -1px;
    margin-left: -1px;
    text-shadow: 0 1px 0 #fff
}

.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:focus {
    background-color: #fafafa;
    outline: 0;
    position: relative;
    z-index: 1;
    border-top-color: rgba(0, 0, 0, .1)
}

.uk-htmleditor-navbar-nav>li>a:active {
    background-color: #eee;
    border-top-color: rgba(0, 0, 0, .2)
}

.uk-htmleditor-navbar-nav>li.uk-active>a {
    background-color: #fafafa;
    border-top-color: rgba(0, 0, 0, .1)
}

.uk-htmleditor-navbar-flip {
    float: right
}

[data-mode=split] .uk-htmleditor-button-code,
[data-mode=split] .uk-htmleditor-button-preview {
    display: none
}

.uk-htmleditor-content {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.uk-htmleditor-content:after,
.uk-htmleditor-content:before {
    content: "";
    display: table
}

.uk-htmleditor-content:after {
    clear: both
}

.uk-htmleditor-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1154
}

.uk-htmleditor-fullscreen .uk-htmleditor-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.uk-htmleditor-fullscreen .uk-icon-expand:before {
    content: "\F066"
}

.uk-htmleditor-preview {
    padding: 20px;
    overflow-y: scroll;
    position: relative
}

[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,
[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
    display: none
}

.uk-form-file,
.uk-form-select {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

[data-mode=split] .uk-htmleditor-code,
[data-mode=split] .uk-htmleditor-preview {
    float: left;
    width: 50%
}

[data-mode=split] .uk-htmleditor-code {
    border-right: 1px solid #eee
}

.uk-htmleditor-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.uk-htmleditor .CodeMirror {
    padding: 10px
}

.uk-htmleditor-navbar-nav:first-child>li:first-child>a {
    border-top-left-radius: 4px
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a {
    margin-left: 0;
    margin-right: -1px
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a {
    border-top-left-radius: 0
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a {
    border-top-right-radius: 4px
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.uk-htmleditor-fullscreen .uk-htmleditor-content {
    border: none;
    border-radius: 0;
    top: 38px
}

.uk-form-file input[type=file],
.uk-form-select select {
    top: 0;
    z-index: 1;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    left: 0
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a {
    border-radius: 0!important
}

.uk-htmleditor-navbar {
    border-radius: 0;
    background: #f9f9f9;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    overflow: hidden
}

.uk-htmleditor-navbar-nav>li>a {
    border: none;
    border-radius: 0!important;
    height: 38px
}

.uk-htmleditor-navbar-nav>li.uk-active>a,
.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:focus {
    background: #ebebeb
}

.uk-htmleditor-content {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .12)
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.uk-form-file {
    position: relative
}

.uk-dragover {
    box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}

.uk-file-upload {
    width: 100%;
    padding: 32px 16px;
    background: #f5f5f5;
    text-align: center;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.uk-file-upload p {
    margin: 0
}

.uk-file-upload.uk-dragover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .3)
}

div.uk-form-file {
    padding: 3px 2px
}

div.uk-form-file.md-btn {
    padding: 2px 12px
}

.uk-form-file input[type=file] {
    position: absolute;
    font-size: 500px
}

.uk-form-file input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

.uk-form-select {
    position: relative
}

.uk-form-select select {
    position: absolute;
    height: 100%;
    -webkit-appearance: none
}

.uk-datepicker {
    z-index: 1094;
    width: auto;
    padding: 0;
}

.uk-datepicker-nav {
    margin-bottom: 15px;
    text-align: center;
    line-height: 20px;
    background: #009688;
    padding: 10px 0
}

.uk-datepicker-nav a,
.uk-datepicker-nav a:hover {
    text-decoration: none;
    color: #fff
}

.uk-datepicker-nav .uk-form-select {
    font: 400 16px/22px Roboto, sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding: 0 4px
}

.uk-datepicker-nav .uk-form-select+.uk-form-select {
    margin-left: 2px
}

.uk-datepicker-nav .uk-datepicker-heading {
    color: #fff;
}

.uk-datepicker-previous {
    float: left;
    margin-left: 8px
}

.uk-datepicker-previous:after {
    content: "\F053"
}

.uk-datepicker-next {
    float: right;
    margin-right: 8px
}

.uk-datepicker-next:after {
    content: "\F054"
}

.uk-datepicker-next:after,
.uk-datepicker-previous:after {
    width: 20px;
    font-family: FontAwesome
}

.uk-datepicker.dp-top {
    -webkit-transform-origin: 50% 100%!important;
    transform-origin: 50% 100%!important
}

.uk-datepicker-table {
    width: 100%
}

.uk-datepicker-table td,
.uk-datepicker-table th {
    padding: 2px;
    font: 400 13px/15px Roboto, sans-serif
}

.uk-datepicker-table th {
    color: #727272;
    font-size: 12px;
    text-transform: uppercase
}

.uk-datepicker-table a {
    display: block;
    width: 30px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: #212121
}

.uk-datepicker-table a:hover {
    background-color: rgba(0, 0, 0, .085);
    color: #212121;
    outline: 0
}

.uk-datepicker-table a.uk-active {
    background-color: #009688;
    color: #fff
}

a.uk-datepicker-table-muted {
    color: #999
}

.uk-autocomplete .uk-dropdown {
    display: block;
    max-height: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0;
    border: none;
    -webkit-transform: scale(.25, 0);
    transform: scale(.25, 0);
    opacity: 0;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-autocomplete.uk-open .uk-dropdown {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

[data-uk-autocomplete] .uk-dropdown {
    width: 100%;
    box-sizing: border-box
}

[data-uk-autocomplete] .uk-dropdown .uk-nav {
    margin: 0
}

.uk-form-password-toggle {
    position: absolute;
    right: 8px;
    top: 16px;
    color: #727272
}

.uk-form-password-toggle:hover {
    color: #727272
}

.uk-nestable {
    padding: 0;
    list-style: none
}

.uk-nestable-list {
    margin: 0;
    padding-left: 40px;
    list-style: none
}

.uk-nestable-item {
    -ms-touch-action: none;
    touch-action: none
}

.uk-nestable-item+.uk-nestable-item,
.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child {
    margin-top: 10px
}

.uk-nestable-dragged {
    position: absolute;
    z-index: 1050;
    padding-left: 0
}

.uk-nestable-placeholder {
    position: relative
}

.uk-nestable-placeholder>* {
    opacity: 0
}

.uk-nestable-handle {
    -ms-touch-action: none;
    touch-action: none;
    margin-right: 16px
}

.uk-nestable-handle:hover,
.uk-nestable-moving,
.uk-nestable-moving * {
    cursor: move
}

[data-nestable-action=toggle] {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-nestable-toggle {
    visibility: hidden;
    font-size: 18px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 8px;
    display: none
}

.uk-slider-fullscreen,
.uk-slider-fullscreen>li,
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
    height: 100vh
}

.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle {
    visibility: visible
}

.uk-collapsed .uk-nestable-list {
    display: none
}

.uk-nestable-panel {
    padding: 8px 16px;
    background: #fff;
    border-radius: 4px;
    border: none;
    text-shadow: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.uk-nestable-placeholder:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    background: rgba(0, 0, 0, .085);
    opacity: 1
}

.uk-nestable-toggle:after {
    vertical-align: top;
    content: '\E316';
    font-family: "Material Icons"
}

.uk-parent>.uk-nestable-panel .uk-nestable-toggle {
    display: inline-block
}

.uk-collapsed .uk-nestable-toggle:after {
    content: "\E313"
}

.uk-notify {
    position: fixed;
    left: 10px
}

.uk-notify-bottom-right,
.uk-notify-top-right {
    left: auto
}

.uk-notify-bottom-center,
.uk-notify-top-center {
    left: 50%
}

@media (max-width:479px) {
    .uk-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notify-bottom-left,
.uk-notify-top-left {
    left: 24px
}

.uk-notify-bottom-right,
.uk-notify-top-right {
    right: 24px
}

.uk-notify-message {
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    cursor: pointer
}

.uk-notify-message>.uk-close {
    visibility: hidden;
    float: right
}

.uk-notify-message:hover>.uk-close {
    visibility: visible
}

.uk-notify-message-primary {
    background: #ebf7fd;
    color: #2d7091;
    border-color: rgba(45, 112, 145, .3)
}

.uk-notify-message-success {
    border-color: rgba(101, 159, 19, .3)
}

.uk-notify-message-warning {
    border-color: rgba(226, 131, 39, .3)
}

.uk-notify-message-danger {
    border-color: rgba(216, 80, 48, .3)
}

.uk-notify {
    z-index: 1114;
    width: 400px;
    top: 56px
}

.uk-notify-bottom-center,
.uk-notify-top-center {
    margin-left: -200px
}

.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
    top: auto;
    bottom: 8px
}

.uk-notify-message {
    background: #323232;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 18px;
    border: none
}

.uk-notify .uk-close {
    display: none
}

.uk-notify .notify-action {
    float: right;
    text-transform: uppercase;
    color: #8bc34a;
    margin-left: 16px
}

.uk-notify .notify-action:hover {
    color: #689f38
}

.uk-notify .notify-content {
    overflow: hidden
}

.uk-notify-message-info {
    background: #1976d2;
    color: #fff
}

.uk-notify-message-success {
    background: #7cb342
}

.uk-notify-message-warning {
    background: #ffa000
}

.uk-notify-message-danger {
    background: #e53935
}

.uk-notify-message-danger,
.uk-notify-message-danger .notify-action,
.uk-notify-message-info,
.uk-notify-message-info .notify-action,
.uk-notify-message-success,
.uk-notify-message-success .notify-action,
.uk-notify-message-warning,
.uk-notify-message-warning .notify-action {
    color: #fff
}

.uk-notify-message-danger .notify-action:hover,
.uk-notify-message-info .notify-action:hover,
.uk-notify-message-success .notify-action:hover,
.uk-notify-message-warning .notify-action:hover {
    color: #fff;
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .uk-notify-bottom-center,
    .uk-notify-bottom-left,
    .uk-notify-bottom-right,
    .uk-notify-top-center,
    .uk-notify-top-left,
    .uk-notify-top-right {
        width: 100%;
        margin: 0;
        left: 0;
        right: 0
    }
    .uk-notify-bottom-center>.uk-notify-message,
    .uk-notify-bottom-left>.uk-notify-message,
    .uk-notify-bottom-right>.uk-notify-message,
    .uk-notify-top-center>.uk-notify-message,
    .uk-notify-top-left>.uk-notify-message,
    .uk-notify-top-right>.uk-notify-message {
        border-radius: 0;
        padding: 16px 32px
    }
    .uk-notify-top-center,
    .uk-notify-top-left,
    .uk-notify-top-right {
        top: 0;
        bottom: auto
    }
    .uk-notify-bottom-center,
    .uk-notify-bottom-left,
    .uk-notify-bottom-right {
        top: auto;
        bottom: -10px
    }
}

@media only screen and (min-width:960px) {
    .sidebar_main_active .uk-notify-bottom-left,
    .sidebar_main_active .uk-notify-top-left,
    .sidebar_main_open .uk-notify-bottom-left,
    .sidebar_main_open .uk-notify-top-left {
        left: 256px
    }
    .sidebar_main_active .uk-notify-bottom-center,
    .sidebar_main_active .uk-notify-top-center,
    .sidebar_main_open .uk-notify-bottom-center,
    .sidebar_main_open .uk-notify-top-center {
        margin-left: -80px
    }
}

.uk-slider:not(.uk-grid),
.uk-slideshow {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-slideshow {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.uk-slideshow>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.uk-slideshow>.uk-active {
    z-index: 10;
    opacity: 1
}

.uk-slideshow>li>img {
    visibility: hidden
}

[data-uk-slideshow-slide] {
    cursor: pointer
}

.uk-slideshow-fade-in {
    -webkit-animation: uk-fade .5s linear;
    animation: uk-fade .5s linear
}

.uk-slideshow-fade-out {
    -webkit-animation: uk-fade .5s linear reverse;
    animation: uk-fade .5s linear reverse
}

.uk-slideshow-scroll-forward-in {
    -webkit-animation: uk-slide-right .5s ease-in-out;
    animation: uk-slide-right .5s ease-in-out
}

.uk-slideshow-scroll-forward-out {
    -webkit-animation: uk-slide-left .5s ease-in-out reverse;
    animation: uk-slide-left .5s ease-in-out reverse
}

.uk-slideshow-scroll-backward-in {
    -webkit-animation: uk-slide-left .5s ease-in-out;
    animation: uk-slide-left .5s ease-in-out
}

.uk-slideshow-scroll-backward-out {
    -webkit-animation: uk-slide-right .5s ease-in-out reverse;
    animation: uk-slide-right .5s ease-in-out reverse
}

.uk-slideshow-scale-out {
    -webkit-animation: uk-fade-scale-15 .5s ease-in-out reverse;
    animation: uk-fade-scale-15 .5s ease-in-out reverse
}

.uk-slideshow-swipe-forward-in {
    -webkit-animation: uk-slide-left-33 .5s ease-in-out;
    animation: uk-slide-left-33 .5s ease-in-out
}

.uk-slideshow-swipe-forward-out {
    -webkit-animation: uk-slide-left .5s ease-in-out reverse;
    animation: uk-slide-left .5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in {
    -webkit-animation: uk-slide-right-33 .5s ease-in-out;
    animation: uk-slide-right-33 .5s ease-in-out
}

.uk-slideshow-swipe-backward-out {
    -webkit-animation: uk-slide-right .5s ease-in-out reverse;
    animation: uk-slide-right .5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in:before,
.uk-slideshow-swipe-forward-in:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    -webkit-animation: uk-fade .5s ease-in-out reverse;
    animation: uk-fade .5s ease-in-out reverse
}

[data-uk-slider] {
    direction: ltr
}

html[dir=rtl] .uk-slider>* {
    direction: rtl
}

.uk-slider {
    position: relative;
    z-index: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.uk-slider>* {
    position: absolute;
    top: 0;
    left: 0
}

.uk-slidenav-position,
.uk-sortable,
.uk-tab>li>a {
    position: relative
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider:not(.uk-drag) {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.uk-slider.uk-drag {
    cursor: col-resize;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-slider a,
.uk-slider img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none
}

.uk-slider .uk-active .md-card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.uk-slider-center li {
    opacity: .4
}

.uk-slider-center li.uk-active {
    opacity: 1
}

.uk-slidenav {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgba(50, 50, 50, .4);
    font-size: 60px;
    text-align: center
}

.uk-tab>li>a,
.uk-tooltip {
    font-size: 13px;
    text-shadow: none;
    box-sizing: border-box
}

.uk-slidenav:focus,
.uk-slidenav:hover {
    outline: 0;
    text-decoration: none;
    color: rgba(50, 50, 50, .7);
    cursor: pointer
}

.uk-sortable .sortable-handler,
.uk-sortable-handle:hover,
.uk-sortable-moving,
.uk-sortable-moving *,
.uk-sortable.sortable-handler>* {
    cursor: move
}

.uk-slidenav:active {
    color: rgba(50, 50, 50, .9)
}

.uk-slidenav-previous:before {
    content: "\F104";
    font-family: FontAwesome
}

.uk-slidenav-next:before {
    content: "\F105";
    font-family: FontAwesome
}

.uk-slidenav-position .uk-slidenav {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -30px
}

.uk-slidenav-position:hover .uk-slidenav {
    display: block
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 20px
}

.uk-slidenav-position .uk-slidenav-next {
    right: 20px
}

.uk-slidenav-contrast {
    color: rgba(255, 255, 255, .5)
}

.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover {
    color: rgba(255, 255, 255, .7)
}

.uk-slidenav-contrast:active {
    color: rgba(255, 255, 255, .9)
}

.uk-tooltip {
    display: none;
    position: absolute;
    max-width: 200px;
    border-radius: 3px;
    background: #424242;
    color: #fff;
    padding: 3px 16px;
    line-height: 22px;
    min-width: 80px;
    text-align: center;
    z-index: 1304;
}

.uk-tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px dashed #333
}

.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after,
.uk-tooltip-top:after {
    bottom: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #333
}

.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after,
.uk-tooltip-bottom:after {
    top: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #333
}

.uk-tooltip-left:after,
.uk-tooltip-right:after {
    top: 50%;
    margin-top: -5px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.uk-tooltip-bottom:after,
.uk-tooltip-top:after {
    left: 50%;
    margin-left: -5px
}

.uk-tooltip-bottom-left:after,
.uk-tooltip-top-left:after {
    left: 10px
}

.uk-tooltip-bottom-right:after,
.uk-tooltip-top-right:after {
    right: 10px
}

.uk-tooltip-left:after {
    right: -5px;
    border-left-style: solid;
    border-right: none;
    border-left-color: #333
}

.uk-tooltip-right:after {
    left: -5px;
    border-right-style: solid;
    border-left: none;
    border-right-color: #333
}

.uk-tooltip .uk-tooltip-inner {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.uk-tooltip:after {
    display: none!important
}

.k-list-wrapper-content>span,
.uk-text-truncate {
    display: block
}

.uk-tooltip.long-text {
    text-align: left
}

.uk-tooltip.long-text .uk-tooltip-inner {
    white-space: normal;
    overflow: visible;
    line-height: 18px;
    padding: 4px 0
}

.uk-tooltip-small {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.uk-tab {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.uk-sticky-placeholder .uk-tab {
    background: #fff;
    padding-top: 8px
}

.uk-tab>li {
    margin-bottom: 0;
    margin-top: 0;
    z-index: 1
}

.uk-tab>li>a {
    text-transform: capitalize;
    color: #212121;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0!important;
    font-weight: 500;
    min-width: 100px;
    max-width: 100%;
    text-align: center;
    -webkit-transition: all 220ms cubic-bezier(.4, 0, .2, 1);
    transition: all 220ms cubic-bezier(.4, 0, .2, 1);
    padding: 8px!important;
    margin: 0!important;
    top: 1px
}

.uk-tab>li>a:focus,
.uk-tab>li>a:hover {
    background: 0 0;
    color: #212121;
    border-bottom-color: #b2dbfb
}

.uk-tab>li.uk-active>a {
    background: 0 0!important;
    border-bottom-color: #2196f3
}

.uk-tab>li.uk-disabled>a,
.uk-tab>li.uk-disabled>a:focus,
.uk-tab>li.uk-disabled>a:hover {
    color: #aaa
}

.uk-tab-bottom li {
    margin-top: 0
}

.uk-tab-bottom li>a {
    border-top: 2px solid transparent;
    border-bottom: none;
    top: auto;
    bottom: 1px
}

.uk-tab-left li>a,
.uk-tab-right li>a {
    border-bottom: none;
    top: auto;
    bottom: auto
}

.uk-tab-bottom li>a:focus,
.uk-tab-bottom li>a:hover {
    border-top-color: #b2dbfb
}

.uk-tab-bottom li.uk-active>a {
    border-top-color: #2196f3
}

.uk-tab-left {
    border-bottom: none
}

.uk-tab-left li>a {
    border-right: 2px solid transparent;
    text-align: right
}

.uk-tab-left li>a:focus,
.uk-tab-left li>a:hover {
    border-right-color: #b2dbfb
}

.uk-tab-left li.uk-active>a {
    border-right-color: #2196f3
}

.uk-tab-right {
    border-bottom: none
}

.uk-tab-right li>a {
    border-left: 2px solid transparent;
    text-align: left
}

.uk-tab-right li>a:focus,
.uk-tab-right li>a:hover {
    border-left-color: #b2dbfb
}

.uk-tab-right li.uk-active>a {
    border-left-color: #2196f3
}

.uk-tab-responsive li a {
    border: none!important
}

.uk-tab-responsive>a:before {
    content: '\E5D2';
    font-family: "Material Icons";
    color: #727272;
    margin-right: 8px;
    vertical-align: -4px;
    font-size: 18px
}

.md-btn.uk-active:after,
.timeline:before {
    bottom: 0;
    content: ''
}

.uk-tab-icons>li>a {
    min-width: 64px
}

.uk-tab-icons>li>a>.material-icons {
    font-size: 24px
}

.uk-tab-double-header {
    margin: 10px 24px 0!important
}

.uk-tab-double-header>li>a {
    color: #fff;
    border-bottom: 4px solid transparent
}

.uk-tab-double-header>li>a:focus,
.uk-tab-double-header>li>a:hover {
    color: #fff;
    border-bottom-color: #39a1f4
}

.uk-tab-double-header>li.uk-active>a {
    color: #fff;
    border-bottom-color: #7cb342
}

.uk-tab-double-header>li.uk-tab-responsive>a {
    border-bottom: none;
    padding-bottom: 5px!important
}

.uk-tab-double-header>li.uk-tab-responsive>a:before {
    color: #fff
}

.uk-sortable>:last-child {
    margin-bottom: 0
}

.uk-sortable-dragged {
    position: absolute;
    z-index: 1050
}

.uk-sortable-placeholder {
    opacity: 0
}

.uk-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.uk-sortable>* {
    -ms-touch-action: auto;
    touch-action: auto
}

.uk-sortable-single {
    min-height: 0
}

.uk-switcher {
    overflow: hidden
}

@media (min-width:1480px) {
    .uk-grid-width-xLarge-1-1>*,
    .uk-width-xLarge-1-1 {
        width: 100%
    }
    .uk-grid-width-xLarge-1-2>*,
    .uk-grid-width-xLarge-2-4>*,
    .uk-grid-width-xLarge-3-6>*,
    .uk-grid-width-xLarge-5-10>*,
    .uk-width-xLarge-1-2,
    .uk-width-xLarge-2-4,
    .uk-width-xLarge-3-6,
    .uk-width-xLarge-5-10 {
        width: 50%
    }
    .uk-grid-width-xLarge-1-3>*,
    .uk-grid-width-xLarge-2-6>*,
    .uk-width-xLarge-1-3,
    .uk-width-xLarge-2-6 {
        width: 33.333%
    }
    .uk-grid-width-xLarge-2-3>*,
    .uk-grid-width-xLarge-4-6>*,
    .uk-width-xLarge-2-3,
    .uk-width-xLarge-4-6 {
        width: 66.666%
    }
    .uk-grid-width-xLarge-1-4>*,
    .uk-width-xLarge-1-4 {
        width: 25%
    }
    .uk-grid-width-xLarge-3-4>*,
    .uk-width-xLarge-3-4 {
        width: 75%
    }
    .uk-grid-width-xLarge-1-5>*,
    .uk-grid-width-xLarge-2-10>*,
    .uk-width-xLarge-1-5,
    .uk-width-xLarge-2-10 {
        width: 20%
    }
    .uk-grid-width-xLarge-2-5>*,
    .uk-grid-width-xLarge-4-10>*,
    .uk-width-xLarge-2-5,
    .uk-width-xLarge-4-10 {
        width: 40%
    }
    .uk-grid-width-xLarge-3-5>*,
    .uk-grid-width-xLarge-6-10>*,
    .uk-width-xLarge-3-5,
    .uk-width-xLarge-6-10 {
        width: 60%
    }
    .uk-grid-width-xLarge-4-5>*,
    .uk-grid-width-xLarge-8-10>*,
    .uk-width-xLarge-4-5,
    .uk-width-xLarge-8-10 {
        width: 80%
    }
    .uk-grid-width-xLarge-1-6>*,
    .uk-width-xLarge-1-6 {
        width: 16.666%
    }
    .uk-grid-width-xLarge-5-6>*,
    .uk-width-xLarge-5-6 {
        width: 83.333%
    }
    .uk-grid-width-xLarge-1-10>*,
    .uk-width-xLarge-1-10 {
        width: 10%
    }
    .uk-grid-width-xLarge-3-10>*,
    .uk-width-xLarge-3-10 {
        width: 30%
    }
    .uk-grid-width-xLarge-7-10>*,
    .uk-width-xLarge-7-10 {
        width: 70%
    }
    .uk-grid-width-xLarge-9-10>*,
    .uk-width-xLarge-9-10 {
        width: 90%
    }
}

.lte-ie9 [class*=uk-animation-] {
    opacity: 1!important
}

.k-button,
.k-header {
    font-weight: 400
}

.k-list-wrapper {
    padding: 8px 0
}

.k-list-wrapper-addon {
    margin-right: 16px;
    float: left
}

.k-list-wrapper-addon>img {
    width: 34px;
    border-radius: 50%
}

.k-list-wrapper-addon>img-large {
    width: 82px;
    border-radius: 50%
}

.k-list-wrapper-content {
    overflow: hidden;
    display: block
}

.k-list-wrapper-content>p {
    margin: 0;
    font-weight: 500;
    line-height: 18px
}

.k-tag-image {
    width: auto;
    height: 17px;
    margin: 4px 5px 0 0;
    vertical-align: top;
    border-radius: 50%
}

.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete,
.k-multiselect .k-delete {
    background-position: -162px -80px
}

.k-multiselect .k-delete {
    opacity: .5
}

.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
    opacity: 1
}

.k-window-title {
    font-size: 14px
}

.k-panelbar li.k-item {
    background: #fff
}

.k-panelbar li.k-state-default>.k-link.k-state-selected {
    box-shadow: none
}

.md-preloader {
    font-size: 0;
    display: inline-block;
    -webkit-animation: outer 6s linear infinite;
    animation: outer 6s linear infinite
}

.md-preloader svg {
    -webkit-animation: inner 1.2s linear infinite;
    animation: inner 1.2s linear infinite
}

.md-preloader svg circle {
    fill: none;
    stroke: #448aff;
    stroke-linecap: round;
    -webkit-animation: arc 1.2s cubic-bezier(.4, 0, .2, 1) infinite;
    animation: arc 1.2s cubic-bezier(.4, 0, .2, 1) infinite
}

@-webkit-keyframes outer {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes outer {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes inner {
    0% {
        -webkit-transform: rotate(-64.8deg);
        transform: rotate(-64.8deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes inner {
    0% {
        -webkit-transform: rotate(-64.8deg);
        transform: rotate(-64.8deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes arc {
    0% {
        stroke-dasharray: 1 210.49px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 172.6px, 210.49px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.49px;
        stroke-dashoffset: -172.6px
    }
}

@keyframes arc {
    0% {
        stroke-dasharray: 1 210.49px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 172.6px, 210.49px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.49px;
        stroke-dashoffset: -172.6px
    }
}

.md-preloader-success svg circle {
    stroke: #7cb342
}

.md-preloader-danger svg circle {
    stroke: #e53935
}

.md-preloader-warning svg circle {
    stroke: #ffa000
}

.content-preloader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    left: 50%;
    overflow: hidden;
    margin-left: -24px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    padding: 8px;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: top .4s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: top .4s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: top .4s cubic-bezier(.4, 0, .2, 1) 50ms, transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: top .4s cubic-bezier(.4, 0, .2, 1) 50ms, transform .4s cubic-bezier(.4, 0, .2, 1), -webkit-transform .4s cubic-bezier(.4, 0, .2, 1)
}

.content-preloader .regular-preloader {
    position: relative;
    width: 30px;
    height: 30px
}

.content-preloader .regular-preloader>div {
    width: 26px;
    height: 26px
}

.content-preloader.preloader-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: top 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .4s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: top 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .4s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: top 280ms cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: top 280ms cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .4s cubic-bezier(.4, 0, .2, 1) 50ms
}

.content-preloader-success svg circle {
    stroke: #7cb342
}

.content-preloader-danger svg circle {
    stroke: #e53935
}

.content-preloader-warning svg circle {
    stroke: #ffa000
}

.sidebar_main_active>.content-preloader,
.sidebar_main_open>.content-preloader {
    margin-left: 96px!important
}

body>.content-preloader {
    position: fixed;
    z-index: 1099;
    top: -48px
}

body>.content-preloader.preloader-active {
    top: 56px
}

.sidebar_main_active body>.content-preloader,
.sidebar_main_open body>.content-preloader {
    margin-left: 96px
}

.md-card>.content-preloader {
    position: absolute;
    z-index: 10;
    top: 0
}

.md-card>.content-preloader.preloader-active {
    top: 64px
}

.timeline {
    position: relative;
    min-height: 40px;
    padding: 8px 0 8px 62px
}

.timeline,
.timeline *,
.timeline :after,
.timeline :before,
.timeline:after,
.timeline:before {
    box-sizing: border-box
}

.timeline:before {
    position: absolute;
    left: 29px;
    top: 0;
    width: 3px;
    background: rgba(0, 0, 0, .085);
    display: block
}

.timeline_item {
    position: relative;
    min-height: 64px;
    padding: 16px 0
}

.timeline_icon {
    position: absolute;
    left: -54px;
    top: 16px;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background: #9e9e9e;
    text-align: center;
    border: 4px solid #fff
}

.timeline_icon .material-icons {
    color: #fff;
    font-size: 18px;
    line-height: 36px
}

.timeline_icon_danger {
    background: #e53935
}

.timeline_icon_success {
    background: #7cb342
}

.timeline_icon_warning {
    background: #ffa000
}

.timeline_icon_primary {
    background: #2196f3
}

.timeline_date {
    float: left;
    min-width: 60px;
    color: #aaa;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    margin-right: 8px;
    padding-top: 6px
}

.timeline_date span {
    font-size: 11px;
    display: block;
    text-transform: uppercase
}

.timeline_content {
    padding: 5px 4px 8px;
    overflow: hidden
}

.timeline_content_addon {
    background: #fff;
    margin-top: 8px;
    max-width: 340px;
    padding: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border-radius: 4px
}

.timeline_content_addon>img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.timeline_content_addon blockquote {
    margin: 8px 0 8px 8px;
    font-size: 15px
}

.timeline.timeline_small {
    padding: 4px 0 4px 48px
}

.timeline.timeline_small:before {
    left: 16px
}

.timeline.timeline_small .timeline_item {
    min-height: 32px
}

.timeline.timeline_small .timeline_icon {
    left: -50px;
    height: 40px;
    width: 40px
}

.timeline.timeline_small .timeline_icon .material-icons {
    color: #fff;
    font-size: 18px;
    line-height: 32px
}

.timeline.timeline_small .timeline_date {
    float: none;
    text-align: left;
    font-size: 11px
}

.md-btn,
.md-fab {
    text-align: center
}

.timeline.timeline_small .timeline_date span {
    display: inline
}

.timeline.timeline_small .timeline_content {
    font-size: 13px;
    padding-left: 0
}

.timeline.timeline_small .timeline_content .md-list li {
    margin-left: 0;
    text-align: center
}

.timeline.timeline_small .timeline_content .md-list .md-list-addon-element {
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 0
}

.timeline.timeline_small .timeline_content blockquote {
    font-size: 13px
}

.md-bg-cyan {
    background-color: #00acc1!important;
    color: #fff
}

.md-bg-light-green {
    background-color: #7cb342!important;
    color: #fff
}

.md-bg-grey {
    background-color: #616161!important;
    color: #fff
}

.md-bg-red {
    background-color: #d32f2f!important;
    color: #fff
}

.md-bg-light-blue {
    background-color: #0288d1!important;
    color: #fff
}

.md-bg-teal {
    background-color: #00897b!important;
    color: #fff
}

.md-bg-purple {
    background-color: #8e24aa!important;
    color: #fff
}

.md-btn {
    background: #fff;
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    min-height: 31px;
    min-width: 70px;
    padding: 2px 16px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease;
    color: #212121;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    font: 500 14px/31px Roboto, sans-serif!important
}

.md-btn:active,
.md-btn:focus,
.md-btn:hover,
.uk-button-dropdown.uk-open>.md-btn {
    background: #fff;
    outline: 0;
    text-decoration: none;
    color: #212121;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.md-btn.uk-active,
.md-btn:active,
.uk-button-dropdown.uk-open>.md-btn {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.md-btn.uk-active {
    position: relative
}

.md-btn.uk-active:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    border: 2px solid rgba(0, 0, 0, .4);
    border-radius: 2px
}

.md-btn-group,
.md-card,
.md-card .md-card-head,
.md-fab {
    position: relative
}

.md-btn-flat {
    box-shadow: none!important;
    background: 0 0
}

.md-btn-flat:focus,
.md-btn-flat:hover {
    background: rgba(153, 153, 153, .2)
}

.md-btn-flat.uk-active,
.md-btn-flat:active {
    background: rgba(153, 153, 153, .4)
}

.md-btn-flat-danger,
.md-btn-flat-danger .uk-active,
.md-btn-flat-danger:active,
.md-btn-flat-danger:focus,
.md-btn-flat-danger:hover {
    color: #e53935
}

.md-btn-flat-danger:active,
.md-btn-flat-danger:focus,
.md-btn-flat-danger:hover {
    background: #fceaea
}

.md-btn-flat-danger.uk-active {
    color: #cd1e1a;
    background: #f6bebd
}

.md-btn-flat-primary,
.md-btn-flat-primary.uk-active,
.md-btn-flat-primary:active,
.md-btn-flat-primary:focus,
.md-btn-flat-primary:hover {
    color: #1976d2
}

.md-btn-flat-primary:active,
.md-btn-flat-primary:focus,
.md-btn-flat-primary:hover {
    background: #e3f2fd
}

.md-btn-flat-primary.uk-active {
    color: #0c7cd5;
    background: #b2dbfb
}

.md-btn-flat-success,
.md-btn-flat-success.uk-active,
.md-btn-flat-success:active,
.md-btn-flat-success:focus,
.md-btn-flat-success:hover {
    color: #7cb342
}

.md-btn-flat-success:active,
.md-btn-flat-success:focus,
.md-btn-flat-success:hover {
    background: #e1efd2
}

.md-btn-flat-success.uk-active {
    color: #628e34;
    background: #c8e1ad
}

.md-btn-flat-warning,
.md-btn-flat-warning.uk-active,
.md-btn-flat-warning:active,
.md-btn-flat-warning:focus,
.md-btn-flat-warning:hover {
    color: #ffa000
}

.md-btn-flat-warning:active,
.md-btn-flat-warning:focus,
.md-btn-flat-warning:hover {
    background: #ffeccc
}

.md-btn-flat-warning.uk-active {
    color: #cc8000;
    background: #ffd999
}

.md-btn-flat.disabled {
    background: 0 0!important
}

.md-btn-danger,
.md-btn-danger.uk-active,
.md-btn-danger:active,
.md-btn-danger:focus,
.md-btn-danger:hover {
    background: #e53935
}

.md-btn-primary,
.md-btn-primary.uk-active,
.md-btn-primary:active,
.md-btn-primary:focus,
.md-btn-primary:hover {
    background: #2196f3
}

.md-btn-success,
.md-btn-success.uk-active,
.md-btn-success:active,
.md-btn-success:focus,
.md-btn-success:hover {
    background: #7cb342
}

.md-btn-warning,
.md-btn-warning.uk-active,
.md-btn-warning:active,
.md-btn-warning:focus,
.md-btn-warning:hover {
    background: #ffa000
}

.md-btn-danger,
.md-btn-danger.uk-active,
.md-btn-danger:active,
.md-btn-danger:focus,
.md-btn-danger:hover,
.md-btn-danger>i,
.md-btn-primary,
.md-btn-primary.uk-active,
.md-btn-primary:active,
.md-btn-primary:focus,
.md-btn-primary:hover,
.md-btn-primary>i,
.md-btn-success,
.md-btn-success.uk-active,
.md-btn-success:active,
.md-btn-success:focus,
.md-btn-success:hover,
.md-btn-success>i,
.md-btn-warning,
.md-btn-warning.uk-active,
.md-btn-warning:active,
.md-btn-warning:focus,
.md-btn-warning:hover,
.md-btn-warning>i {
    color: #fff
}

.md-btn.disabled,
.md-btn.disabled.uk-active,
.md-btn.disabled:active,
.md-btn.disabled:focus,
.md-btn.disabled:hover {
    color: #a8a8a8;
    background: #eaeaea;
    box-shadow: none!important;
    cursor: default;
    pointer-events: none
}

.md-btn>i.material-icons {
    margin-top: 5px;
    font-size: 18px
}

.md-btn-mini {
    line-height: 21px!important;
    min-width: 12px;
    font-size: 10px!important;
    min-height: 24px
}

.md-btn-small {
    line-height: 27px!important;
    min-width: 14px;
    font-size: 11px!important
}

.md-btn-large {
    line-height: 42px!important;
    font-size: 16px!important
}

.md-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.md-btn+.md-btn {
    margin-left: 8px
}

.md-btn-block {
    width: 100%
}

.md-btn-block+.md-btn-block {
    margin-left: 0;
    margin-top: 12px
}

.md-btn+.md-btn-group {
    margin-left: 16px
}

.md-btn-facebook {
    background: #3b5998!important
}

.md-btn-twitter {
    background: #00aced!important
}

.md-btn-gplus {
    background: #dd4b39!important
}

.md-btn-facebook,
.md-btn-facebook>i,
.md-btn-gplus,
.md-btn-gplus>i,
.md-btn-twitter,
.md-btn-twitter>i {
    color: #fff!important
}

.md-btn-icon>i.no_margin {
    margin-right: 0!important;
    margin-left: 0!important
}

.md-btn-icon-large,
.md-btn-icon.md-btn-large {
    min-width: 72px
}

.md-btn-icon-large>i,
.md-btn-icon.md-btn-large>i {
    font-size: 24px;
    margin-right: 12px;
    vertical-align: -3px
}

.md-btn-icon,
.md-btn-icon-default {
    min-width: 64px
}

.md-btn-icon-default>i,
.md-btn-icon>i {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: -2px
}

.md-btn-icon-small,
.md-btn-icon.md-btn-small {
    min-width: 48px
}

.md-btn-icon-small>i,
.md-btn-icon.md-btn-small>i {
    font-size: 16px;
    margin-right: 6px;
    vertical-align: -2px
}

.md-btn-icon-mini,
.md-btn-icon.md-btn-mini {
    min-width: 36px
}

.md-btn-icon-mini>i,
.md-btn-icon.md-btn-mini>i {
    font-size: 16px;
    margin-right: 4px;
    vertical-align: -2px
}

.md-fab {
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    color: #727272;
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    border: none;
    cursor: pointer
}

.md-fab.md-fab-accent,
.md-fab.md-fab-success {
    background: #7cb342
}

.md-fab:active,
.md-fab:focus,
.md-fab:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.md-fab>i {
    font-size: 36px;
    line-height: 64px;
    height: inherit;
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    color: #727272
}

.md-fab.md-fab-accent>i,
.md-fab.md-fab-danger>i,
.md-fab.md-fab-primary>i,
.md-fab.md-fab-success>i,
.md-fab.md-fab-warning>i {
    color: #fff
}

.md-fab.md-fab-danger {
    background: #e53935
}

.md-fab.md-fab-primary {
    background: #2196f3
}

.md-fab.md-fab-warning {
    background: #ffa000
}

.md-fab.md-fab-small {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.md-fab.md-fab-small>i {
    line-height: 48px;
    height: inherit;
    width: inherit;
    font-size: 24px
}

.md-fab-speed-dial .md-fab-action-close {
    display: none
}

.md-fab-wrapper {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1004;
    -webkit-transition: margin 280ms cubic-bezier(.4, 0, .2, 1);
    transition: margin 280ms cubic-bezier(.4, 0, .2, 1)
}

@media only screen and (max-width:767px) {
    .md-fab-wrapper {
        bottom: 20px;
        right: 20px
    }
}

.md-fab-wrapper>.md-fab+.md-fab {
    margin-top: 16px
}

.md-fab-wrapper.md-fab-in-card {
    position: absolute
}

.md-fab-speed-dial .md-fab-wrapper-small {
    position: absolute;
    bottom: 80px;
    right: 8px;
    min-height: 48px;
    width: 48px;
    z-index: -1
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    position: absolute;
    right: 0
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(1) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
    bottom: 64px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(2) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
    bottom: 128px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(3) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
    bottom: 192px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(4) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
    bottom: 256px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(5) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
    bottom: 320px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(6) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
    bottom: 384px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(7) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
    bottom: 448px
}

.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(8) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s
}

.md-fab-speed-dial.md-fab-active .md-fab-small {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 10
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(1) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(2) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(3) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(4) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(5) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(6) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(7) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms
}

.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(8) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small {
    position: absolute;
    right: 80px;
    bottom: 8px;
    min-height: 48px;
    width: 48px;
    z-index: -1
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    position: absolute;
    right: 0
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(1) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
    right: 64px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(2) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
    right: 128px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(3) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
    right: 192px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(4) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
    right: 256px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(5) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
    right: 320px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(6) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
    right: 384px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(7) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
    right: 448px
}

.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(8) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 10
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(1) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 50ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(2) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .1s, opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(3) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 150ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(4) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .2s, opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(5) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 250ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(6) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .3s, opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(7) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) 350ms, opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms
}

.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(8) {
    -webkit-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), transform .1s cubic-bezier(.4, 0, .2, 1) .4s, opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s
}

.md-fab-toolbar {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    cursor: default
}

.md-fab-toolbar>i {
    cursor: pointer
}

.md-fab-toolbar-actions {
    visibility: hidden;
    white-space: nowrap;
    padding: 0 16px;
    overflow: hidden;
    box-sizing: border-box
}

.md-fab-toolbar-actions>a,
.md-fab-toolbar-actions>button {
    display: block;
    float: left;
    opacity: 0;
    margin: 0 0 0 16px;
    height: 64px;
    width: 48px;
    box-sizing: border-box;
    -webkit-transition: opacity 280ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 280ms cubic-bezier(.4, 0, .2, 1);
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer
}

.md-fab-sheet.md-fab-animated,
.md-fab-toolbar.md-fab-animated {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.md-fab-toolbar-actions>a:first-child,
.md-fab-toolbar-actions>button:first-child {
    margin-left: 0
}

.md-fab-toolbar-actions .material-icons {
    font-size: 36px;
    line-height: 64px
}

.md-fab-toolbar.md-fab-animated>i {
    display: none
}

.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions {
    visibility: visible
}

.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions>a,
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions>button {
    opacity: 1
}

.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions>a,
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions>button {
    height: 48px;
    width: 36px;
    padding: 0;
    margin: 0 0 0 8px
}

.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions>a:first-child,
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions>button:first-child {
    margin-left: 0
}

.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions .material-icons {
    font-size: 24px;
    line-height: 48px;
    height: inherit
}

.md-fab-sheet {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    cursor: default
}

.md-card.md-card-fullscreen-activate,
.md-fab-sheet>i {
    cursor: pointer
}

.md-fab-sheet-actions {
    visibility: hidden;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding: 4px 0
}

.md-fab-sheet-actions>a {
    display: block;
    opacity: 0;
    padding: 4px 16px;
    box-sizing: border-box;
    font: 400 16px/32px Roboto, sans-serif;
    text-align: left
}

.md-fab-sheet-actions>a,
.md-fab-sheet-actions>a:hover {
    color: #212121
}

.md-fab-sheet-actions .material-icons {
    font-size: 24px;
    margin-right: 8px;
    vertical-align: -6px
}

.md-fab-sheet.md-fab-animated>i {
    display: none
}

.md-fab-sheet.md-fab-active .md-fab-sheet-actions {
    visibility: visible
}

.md-fab-sheet.md-fab-active .md-fab-sheet-actions>a {
    opacity: 1
}

.sidebar_secondary_active .md-fab-wrapper {
    margin-right: 264px
}

@media only screen and (max-width:767px) {
    .sidebar_secondary_active .md-fab-wrapper {
        margin-right: 280px
    }
}

.md-toggle-group .md-toggle-button {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: transparent;
    background: 0 0;
    line-height: 30px;
    min-width: 42px;
    text-align: center;
    padding: 0 8px;
    vertical-align: middle;
    cursor: pointer
}

.md-toggle-group .md-toggle-button.md-toggle-active {
    border-bottom-color: #212121
}

.md-toggle-group.md-toggle-group-small .md-toggle-button {
    font-size: 11px;
    line-height: 24px;
    min-width: 16px;
    padding: 0 6px
}

.md-btn-group {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    white-space: nowrap
}

.md-btn-group .md-btn {
    vertical-align: top;
    margin-left: 0!important
}

.md-btn-group .md-btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.md-btn-group .md-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.md-btn-group .md-btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.md-color-red-50 {
    color: #ffebee!important
}

.md-bg-red-50 {
    background-color: #ffebee!important
}

.md-color-red-100 {
    color: #ffcdd2!important
}

.md-bg-red-100 {
    background-color: #ffcdd2!important
}

.md-color-red-200 {
    color: #ef9a9a!important
}

.md-bg-red-200 {
    background-color: #ef9a9a!important
}

.md-color-red-300 {
    color: #e57373!important
}

.md-bg-red-300 {
    background-color: #e57373!important
}

.md-color-red-400 {
    color: #ef5350!important
}

.md-bg-red-400 {
    background-color: #ef5350!important
}

.md-color-red-500 {
    color: #f44336!important
}

.md-bg-red-500 {
    background-color: #f44336!important
}

.md-color-red-600 {
    color: #e53935!important
}

.md-bg-red-600 {
    background-color: #e53935!important
}

.md-color-red-700 {
    color: #d32f2f!important
}

.md-bg-red-700 {
    background-color: #d32f2f!important
}

.md-color-red-800 {
    color: #c62828!important
}

.md-bg-red-800 {
    background-color: #c62828!important
}

.md-color-red-900 {
    color: #b71c1c!important
}

.md-bg-red-900 {
    background-color: #b71c1c!important
}

.md-color-red-A100 {
    color: #ff8a80!important
}

.md-bg-red-A100 {
    background-color: #ff8a80!important
}

.md-color-red-A200 {
    color: #ff5252!important
}

.md-bg-red-A200 {
    background-color: #ff5252!important
}

.md-color-red-A400 {
    color: #ff1744!important
}

.md-bg-red-A400 {
    background-color: #ff1744!important
}

.md-color-red-A700 {
    color: #d50000!important
}

.md-bg-red-A700 {
    background-color: #d50000!important
}

.md-color-pink-50 {
    color: #fce4ec!important
}

.md-bg-pink-50 {
    background-color: #fce4ec!important
}

.md-color-pink-100 {
    color: #f8bbd0!important
}

.md-bg-pink-100 {
    background-color: #f8bbd0!important
}

.md-color-pink-200 {
    color: #f48fb1!important
}

.md-bg-pink-200 {
    background-color: #f48fb1!important
}

.md-color-pink-300 {
    color: #f06292!important
}

.md-bg-pink-300 {
    background-color: #f06292!important
}

.md-color-pink-400 {
    color: #ec407a!important
}

.md-bg-pink-400 {
    background-color: #ec407a!important
}

.md-color-pink-500 {
    color: #e91e63!important
}

.md-bg-pink-500 {
    background-color: #e91e63!important
}

.md-color-pink-600 {
    color: #d81b60!important
}

.md-bg-pink-600 {
    background-color: #d81b60!important
}

.md-color-pink-700 {
    color: #c2185b!important
}

.md-bg-pink-700 {
    background-color: #c2185b!important
}

.md-color-pink-800 {
    color: #ad1457!important
}

.md-bg-pink-800 {
    background-color: #ad1457!important
}

.md-color-pink-900 {
    color: #880e4f!important
}

.md-bg-pink-900 {
    background-color: #880e4f!important
}

.md-color-pink-A100 {
    color: #ff80ab!important
}

.md-bg-pink-A100 {
    background-color: #ff80ab!important
}

.md-color-pink-A200 {
    color: #ff4081!important
}

.md-bg-pink-A200 {
    background-color: #ff4081!important
}

.md-color-pink-A400 {
    color: #f50057!important
}

.md-bg-pink-A400 {
    background-color: #f50057!important
}

.md-color-pink-A700 {
    color: #c51162!important
}

.md-bg-pink-A700 {
    background-color: #c51162!important
}

.md-color-purple-50 {
    color: #f3e5f5!important
}

.md-bg-purple-50 {
    background-color: #f3e5f5!important
}

.md-color-purple-100 {
    color: #e1bee7!important
}

.md-bg-purple-100 {
    background-color: #e1bee7!important
}

.md-color-purple-200 {
    color: #ce93d8!important
}

.md-bg-purple-200 {
    background-color: #ce93d8!important
}

.md-color-purple-300 {
    color: #ba68c8!important
}

.md-bg-purple-300 {
    background-color: #ba68c8!important
}

.md-color-purple-400 {
    color: #ab47bc!important
}

.md-bg-purple-400 {
    background-color: #ab47bc!important
}

.md-color-purple-500 {
    color: #9c27b0!important
}

.md-bg-purple-500 {
    background-color: #9c27b0!important
}

.md-color-purple-600 {
    color: #8e24aa!important
}

.md-bg-purple-600 {
    background-color: #8e24aa!important
}

.md-color-purple-700 {
    color: #7b1fa2!important
}

.md-bg-purple-700 {
    background-color: #7b1fa2!important
}

.md-color-purple-800 {
    color: #6a1b9a!important
}

.md-bg-purple-800 {
    background-color: #6a1b9a!important
}

.md-color-purple-900 {
    color: #4a148c!important
}

.md-bg-purple-900 {
    background-color: #4a148c!important
}

.md-color-purple-A100 {
    color: #ea80fc!important
}

.md-bg-purple-A100 {
    background-color: #ea80fc!important
}

.md-color-purple-A200 {
    color: #e040fb!important
}

.md-bg-purple-A200 {
    background-color: #e040fb!important
}

.md-color-purple-A400 {
    color: #d500f9!important
}

.md-bg-purple-A400 {
    background-color: #d500f9!important
}

.md-color-purple-A700 {
    color: #a0f!important
}

.md-bg-purple-A700 {
    background-color: #a0f!important
}

.md-color-deep-purple-50 {
    color: #ede7f6!important
}

.md-bg-deep-purple-50 {
    background-color: #ede7f6!important
}

.md-color-deep-purple-100 {
    color: #d1c4e9!important
}

.md-bg-deep-purple-100 {
    background-color: #d1c4e9!important
}

.md-color-deep-purple-200 {
    color: #b39ddb!important
}

.md-bg-deep-purple-200 {
    background-color: #b39ddb!important
}

.md-color-deep-purple-300 {
    color: #9575cd!important
}

.md-bg-deep-purple-300 {
    background-color: #9575cd!important
}

.md-color-deep-purple-400 {
    color: #7e57c2!important
}

.md-bg-deep-purple-400 {
    background-color: #7e57c2!important
}

.md-color-deep-purple-500 {
    color: #673ab7!important
}

.md-bg-deep-purple-500 {
    background-color: #673ab7!important
}

.md-color-deep-purple-600 {
    color: #5e35b1!important
}

.md-bg-deep-purple-600 {
    background-color: #5e35b1!important
}

.md-color-deep-purple-700 {
    color: #512da8!important
}

.md-bg-deep-purple-700 {
    background-color: #512da8!important
}

.md-color-deep-purple-800 {
    color: #4527a0!important
}

.md-bg-deep-purple-800 {
    background-color: #4527a0!important
}

.md-color-deep-purple-900 {
    color: #311b92!important
}

.md-bg-deep-purple-900 {
    background-color: #311b92!important
}

.md-color-deep-purple-A100 {
    color: #b388ff!important
}

.md-bg-deep-purple-A100 {
    background-color: #b388ff!important
}

.md-color-deep-purple-A200 {
    color: #7c4dff!important
}

.md-bg-deep-purple-A200 {
    background-color: #7c4dff!important
}

.md-color-deep-purple-A400 {
    color: #651fff!important
}

.md-bg-deep-purple-A400 {
    background-color: #651fff!important
}

.md-color-deep-purple-A700 {
    color: #6200ea!important
}

.md-bg-deep-purple-A700 {
    background-color: #6200ea!important
}

.md-color-indigo-50 {
    color: #e8eaf6!important
}

.md-bg-indigo-50 {
    background-color: #e8eaf6!important
}

.md-color-indigo-100 {
    color: #c5cae9!important
}

.md-bg-indigo-100 {
    background-color: #c5cae9!important
}

.md-color-indigo-200 {
    color: #9fa8da!important
}

.md-bg-indigo-200 {
    background-color: #9fa8da!important
}

.md-color-indigo-300 {
    color: #7986cb!important
}

.md-bg-indigo-300 {
    background-color: #7986cb!important
}

.md-color-indigo-400 {
    color: #5c6bc0!important
}

.md-bg-indigo-400 {
    background-color: #5c6bc0!important
}

.md-color-indigo-500 {
    color: #3f51b5!important
}

.md-bg-indigo-500 {
    background-color: #3f51b5!important
}

.md-color-indigo-600 {
    color: #3949ab!important
}

.md-bg-indigo-600 {
    background-color: #3949ab!important
}

.md-color-indigo-700 {
    color: #303f9f!important
}

.md-bg-indigo-700 {
    background-color: #303f9f!important
}

.md-color-indigo-800 {
    color: #283593!important
}

.md-bg-indigo-800 {
    background-color: #283593!important
}

.md-color-indigo-900 {
    color: #1a237e!important
}

.md-bg-indigo-900 {
    background-color: #1a237e!important
}

.md-color-indigo-A100 {
    color: #8c9eff!important
}

.md-bg-indigo-A100 {
    background-color: #8c9eff!important
}

.md-color-indigo-A200 {
    color: #536dfe!important
}

.md-bg-indigo-A200 {
    background-color: #536dfe!important
}

.md-color-indigo-A400 {
    color: #3d5afe!important
}

.md-bg-indigo-A400 {
    background-color: #3d5afe!important
}

.md-color-indigo-A700 {
    color: #304ffe!important
}

.md-bg-indigo-A700 {
    background-color: #304ffe!important
}

.md-color-blue-50 {
    color: #e3f2fd!important
}

.md-bg-blue-50 {
    background-color: #e3f2fd!important
}

.md-color-blue-100 {
    color: #bbdefb!important
}

.md-bg-blue-100 {
    background-color: #bbdefb!important
}

.md-color-blue-200 {
    color: #90caf9!important
}

.md-bg-blue-200 {
    background-color: #90caf9!important
}

.md-color-blue-300 {
    color: #64b5f6!important
}

.md-bg-blue-300 {
    background-color: #64b5f6!important
}

.md-color-blue-400 {
    color: #42a5f5!important
}

.md-bg-blue-400 {
    background-color: #42a5f5!important
}

.md-color-blue-500 {
    color: #2196f3!important
}

.md-bg-blue-500 {
    background-color: #2196f3!important
}

.md-color-blue-600 {
    color: #1e88e5!important
}

.md-bg-blue-600 {
    background-color: #1e88e5!important
}

.md-color-blue-700 {
    color: #1976d2!important
}

.md-bg-blue-700 {
    background-color: #1976d2!important
}

.md-color-blue-800 {
    color: #1565c0!important
}

.md-bg-blue-800 {
    background-color: #1565c0!important
}

.md-color-blue-900 {
    color: #0d47a1!important
}

.md-bg-blue-900 {
    background-color: #0d47a1!important
}

.md-color-blue-A100 {
    color: #82b1ff!important
}

.md-bg-blue-A100 {
    background-color: #82b1ff!important
}

.md-color-blue-A200 {
    color: #448aff!important
}

.md-bg-blue-A200 {
    background-color: #448aff!important
}

.md-color-blue-A400 {
    color: #2979ff!important
}

.md-bg-blue-A400 {
    background-color: #2979ff!important
}

.md-color-blue-A700 {
    color: #2962ff!important
}

.md-bg-blue-A700 {
    background-color: #2962ff!important
}

.md-color-light-blue-50 {
    color: #e1f5fe!important
}

.md-bg-light-blue-50 {
    background-color: #e1f5fe!important
}

.md-color-light-blue-100 {
    color: #b3e5fc!important
}

.md-bg-light-blue-100 {
    background-color: #b3e5fc!important
}

.md-color-light-blue-200 {
    color: #81d4fa!important
}

.md-bg-light-blue-200 {
    background-color: #81d4fa!important
}

.md-color-light-blue-300 {
    color: #4fc3f7!important
}

.md-bg-light-blue-300 {
    background-color: #4fc3f7!important
}

.md-color-light-blue-400 {
    color: #29b6f6!important
}

.md-bg-light-blue-400 {
    background-color: #29b6f6!important
}

.md-color-light-blue-500 {
    color: #03a9f4!important
}

.md-bg-light-blue-500 {
    background-color: #03a9f4!important
}

.md-color-light-blue-600 {
    color: #039be5!important
}

.md-bg-light-blue-600 {
    background-color: #039be5!important
}

.md-color-light-blue-700 {
    color: #0288d1!important
}

.md-bg-light-blue-700 {
    background-color: #0288d1!important
}

.md-color-light-blue-800 {
    color: #0277bd!important
}

.md-bg-light-blue-800 {
    background-color: #0277bd!important
}

.md-color-light-blue-900 {
    color: #01579b!important
}

.md-bg-light-blue-900 {
    background-color: #01579b!important
}

.md-color-light-blue-A100 {
    color: #80d8ff!important
}

.md-bg-light-blue-A100 {
    background-color: #80d8ff!important
}

.md-color-light-blue-A200 {
    color: #40c4ff!important
}

.md-bg-light-blue-A200 {
    background-color: #40c4ff!important
}

.md-color-light-blue-A400 {
    color: #00b0ff!important
}

.md-bg-light-blue-A400 {
    background-color: #00b0ff!important
}

.md-color-light-blue-A700 {
    color: #0091ea!important
}

.md-bg-light-blue-A700 {
    background-color: #0091ea!important
}

.md-color-cyan-50 {
    color: #e0f7fa!important
}

.md-bg-cyan-50 {
    background-color: #e0f7fa!important
}

.md-color-cyan-100 {
    color: #b2ebf2!important
}

.md-bg-cyan-100 {
    background-color: #b2ebf2!important
}

.md-color-cyan-200 {
    color: #80deea!important
}

.md-bg-cyan-200 {
    background-color: #80deea!important
}

.md-color-cyan-300 {
    color: #4dd0e1!important
}

.md-bg-cyan-300 {
    background-color: #4dd0e1!important
}

.md-color-cyan-400 {
    color: #26c6da!important
}

.md-bg-cyan-400 {
    background-color: #26c6da!important
}

.md-color-cyan-500 {
    color: #00bcd4!important
}

.md-bg-cyan-500 {
    background-color: #00bcd4!important
}

.md-color-cyan-600 {
    color: #00acc1!important
}

.md-bg-cyan-600 {
    background-color: #00acc1!important
}

.md-color-cyan-700 {
    color: #0097a7!important
}

.md-bg-cyan-700 {
    background-color: #0097a7!important
}

.md-color-cyan-800 {
    color: #00838f!important
}

.md-bg-cyan-800 {
    background-color: #00838f!important
}

.md-color-cyan-900 {
    color: #006064!important
}

.md-bg-cyan-900 {
    background-color: #006064!important
}

.md-color-cyan-A100 {
    color: #84ffff!important
}

.md-bg-cyan-A100 {
    background-color: #84ffff!important
}

.md-color-cyan-A200 {
    color: #18ffff!important
}

.md-bg-cyan-A200 {
    background-color: #18ffff!important
}

.md-color-cyan-A400 {
    color: #00e5ff!important
}

.md-bg-cyan-A400 {
    background-color: #00e5ff!important
}

.md-color-cyan-A700 {
    color: #00b8d4!important
}

.md-bg-cyan-A700 {
    background-color: #00b8d4!important
}

.md-color-teal-50 {
    color: #e0f2f1!important
}

.md-bg-teal-50 {
    background-color: #e0f2f1!important
}

.md-color-teal-100 {
    color: #b2dfdb!important
}

.md-bg-teal-100 {
    background-color: #b2dfdb!important
}

.md-color-teal-200 {
    color: #80cbc4!important
}

.md-bg-teal-200 {
    background-color: #80cbc4!important
}

.md-color-teal-300 {
    color: #4db6ac!important
}

.md-bg-teal-300 {
    background-color: #4db6ac!important
}

.md-color-teal-400 {
    color: #26a69a!important
}

.md-bg-teal-400 {
    background-color: #26a69a!important
}

.md-color-teal-500 {
    color: #009688!important
}

.md-bg-teal-500 {
    background-color: #009688!important
}

.md-color-teal-600 {
    color: #00897b!important
}

.md-bg-teal-600 {
    background-color: #00897b!important
}

.md-color-teal-700 {
    color: #00796b!important
}

.md-bg-teal-700 {
    background-color: #00796b!important
}

.md-color-teal-800 {
    color: #00695c!important
}

.md-bg-teal-800 {
    background-color: #00695c!important
}

.md-color-teal-900 {
    color: #004d40!important
}

.md-bg-teal-900 {
    background-color: #004d40!important
}

.md-color-teal-A100 {
    color: #a7ffeb!important
}

.md-bg-teal-A100 {
    background-color: #a7ffeb!important
}

.md-color-teal-A200 {
    color: #64ffda!important
}

.md-bg-teal-A200 {
    background-color: #64ffda!important
}

.md-color-teal-A400 {
    color: #1de9b6!important
}

.md-bg-teal-A400 {
    background-color: #1de9b6!important
}

.md-color-teal-A700 {
    color: #00bfa5!important
}

.md-bg-teal-A700 {
    background-color: #00bfa5!important
}

.md-color-green-50 {
    color: #e8f5e9!important
}

.md-bg-green-50 {
    background-color: #e8f5e9!important
}

.md-color-green-100 {
    color: #c8e6c9!important
}

.md-bg-green-100 {
    background-color: #c8e6c9!important
}

.md-color-green-200 {
    color: #a5d6a7!important
}

.md-bg-green-200 {
    background-color: #a5d6a7!important
}

.md-color-green-300 {
    color: #81c784!important
}

.md-bg-green-300 {
    background-color: #81c784!important
}

.md-color-green-400 {
    color: #66bb6a!important
}

.md-bg-green-400 {
    background-color: #66bb6a!important
}

.md-color-green-500 {
    color: #4caf50!important
}

.md-bg-green-500 {
    background-color: #4caf50!important
}

.md-color-green-600 {
    color: #43a047!important
}

.md-bg-green-600 {
    background-color: #43a047!important
}

.md-color-green-700 {
    color: #388e3c!important
}

.md-bg-green-700 {
    background-color: #388e3c!important
}

.md-color-green-800 {
    color: #2e7d32!important
}

.md-bg-green-800 {
    background-color: #2e7d32!important
}

.md-color-green-900 {
    color: #1b5e20!important
}

.md-bg-green-900 {
    background-color: #1b5e20!important
}

.md-color-green-A100 {
    color: #b9f6ca!important
}

.md-bg-green-A100 {
    background-color: #b9f6ca!important
}

.md-color-green-A200 {
    color: #69f0ae!important
}

.md-bg-green-A200 {
    background-color: #69f0ae!important
}

.md-color-green-A400 {
    color: #00e676!important
}

.md-bg-green-A400 {
    background-color: #00e676!important
}

.md-color-green-A700 {
    color: #00c853!important
}

.md-bg-green-A700 {
    background-color: #00c853!important
}

.md-color-light-green-50 {
    color: #f1f8e9!important
}

.md-bg-light-green-50 {
    background-color: #f1f8e9!important
}

.md-color-light-green-100 {
    color: #dcedc8!important
}

.md-bg-light-green-100 {
    background-color: #dcedc8!important
}

.md-color-light-green-200 {
    color: #c5e1a5!important
}

.md-bg-light-green-200 {
    background-color: #c5e1a5!important
}

.md-color-light-green-300 {
    color: #aed581!important
}

.md-bg-light-green-300 {
    background-color: #aed581!important
}

.md-color-light-green-400 {
    color: #9ccc65!important
}

.md-bg-light-green-400 {
    background-color: #9ccc65!important
}

.md-color-light-green-500 {
    color: #8bc34a!important
}

.md-bg-light-green-500 {
    background-color: #8bc34a!important
}

.md-color-light-green-600 {
    color: #7cb342!important
}

.md-bg-light-green-600 {
    background-color: #7cb342!important
}

.md-color-light-green-700 {
    color: #689f38!important
}

.md-bg-light-green-700 {
    background-color: #689f38!important
}

.md-color-light-green-800 {
    color: #558b2f!important
}

.md-bg-light-green-800 {
    background-color: #558b2f!important
}

.md-color-light-green-900 {
    color: #33691e!important
}

.md-bg-light-green-900 {
    background-color: #33691e!important
}

.md-color-light-green-A100 {
    color: #ccff90!important
}

.md-bg-light-green-A100 {
    background-color: #ccff90!important
}

.md-color-light-green-A200 {
    color: #b2ff59!important
}

.md-bg-light-green-A200 {
    background-color: #b2ff59!important
}

.md-color-light-green-A400 {
    color: #76ff03!important
}

.md-bg-light-green-A400 {
    background-color: #76ff03!important
}

.md-color-light-green-A700 {
    color: #64dd17!important
}

.md-bg-light-green-A700 {
    background-color: #64dd17!important
}

.md-color-lime-50 {
    color: #f9fbe7!important
}

.md-bg-lime-50 {
    background-color: #f9fbe7!important
}

.md-color-lime-100 {
    color: #f0f4c3!important
}

.md-bg-lime-100 {
    background-color: #f0f4c3!important
}

.md-color-lime-200 {
    color: #e6ee9c!important
}

.md-bg-lime-200 {
    background-color: #e6ee9c!important
}

.md-color-lime-300 {
    color: #dce775!important
}

.md-bg-lime-300 {
    background-color: #dce775!important
}

.md-color-lime-400 {
    color: #d4e157!important
}

.md-bg-lime-400 {
    background-color: #d4e157!important
}

.md-color-lime-500 {
    color: #cddc39!important
}

.md-bg-lime-500 {
    background-color: #cddc39!important
}

.md-color-lime-600 {
    color: #c0ca33!important
}

.md-bg-lime-600 {
    background-color: #c0ca33!important
}

.md-color-lime-700 {
    color: #afb42b!important
}

.md-bg-lime-700 {
    background-color: #afb42b!important
}

.md-color-lime-800 {
    color: #9e9d24!important
}

.md-bg-lime-800 {
    background-color: #9e9d24!important
}

.md-color-lime-900 {
    color: #827717!important
}

.md-bg-lime-900 {
    background-color: #827717!important
}

.md-color-lime-A100 {
    color: #f4ff81!important
}

.md-bg-lime-A100 {
    background-color: #f4ff81!important
}

.md-color-lime-A200 {
    color: #eeff41!important
}

.md-bg-lime-A200 {
    background-color: #eeff41!important
}

.md-color-lime-A400 {
    color: #c6ff00!important
}

.md-bg-lime-A400 {
    background-color: #c6ff00!important
}

.md-color-lime-A700 {
    color: #aeea00!important
}

.md-bg-lime-A700 {
    background-color: #aeea00!important
}

.md-color-yellow-50 {
    color: #fffde7!important
}

.md-bg-yellow-50 {
    background-color: #fffde7!important
}

.md-color-yellow-100 {
    color: #fff9c4!important
}

.md-bg-yellow-100 {
    background-color: #fff9c4!important
}

.md-color-yellow-200 {
    color: #fff59d!important
}

.md-bg-yellow-200 {
    background-color: #fff59d!important
}

.md-color-yellow-300 {
    color: #fff176!important
}

.md-bg-yellow-300 {
    background-color: #fff176!important
}

.md-color-yellow-400 {
    color: #ffee58!important
}

.md-bg-yellow-400 {
    background-color: #ffee58!important
}

.md-color-yellow-500 {
    color: #ffeb3b!important
}

.md-bg-yellow-500 {
    background-color: #ffeb3b!important
}

.md-color-yellow-600 {
    color: #fdd835!important
}

.md-bg-yellow-600 {
    background-color: #fdd835!important
}

.md-color-yellow-700 {
    color: #fbc02d!important
}

.md-bg-yellow-700 {
    background-color: #fbc02d!important
}

.md-color-yellow-800 {
    color: #f9a825!important
}

.md-bg-yellow-800 {
    background-color: #f9a825!important
}

.md-color-yellow-900 {
    color: #f57f17!important
}

.md-bg-yellow-900 {
    background-color: #f57f17!important
}

.md-color-yellow-A100 {
    color: #ffff8d!important
}

.md-bg-yellow-A100 {
    background-color: #ffff8d!important
}

.md-color-yellow-A200 {
    color: #ff0!important
}

.md-bg-yellow-A200 {
    background-color: #ff0!important
}

.md-color-yellow-A400 {
    color: #ffea00!important
}

.md-bg-yellow-A400 {
    background-color: #ffea00!important
}

.md-color-yellow-A700 {
    color: #ffd600!important
}

.md-bg-yellow-A700 {
    background-color: #ffd600!important
}

.md-color-amber-50 {
    color: #fff8e1!important
}

.md-bg-amber-50 {
    background-color: #fff8e1!important
}

.md-color-amber-100 {
    color: #ffecb3!important
}

.md-bg-amber-100 {
    background-color: #ffecb3!important
}

.md-color-amber-200 {
    color: #ffe082!important
}

.md-bg-amber-200 {
    background-color: #ffe082!important
}

.md-color-amber-300 {
    color: #ffd54f!important
}

.md-bg-amber-300 {
    background-color: #ffd54f!important
}

.md-color-amber-400 {
    color: #ffca28!important
}

.md-bg-amber-400 {
    background-color: #ffca28!important
}

.md-color-amber-500 {
    color: #ffc107!important
}

.md-bg-amber-500 {
    background-color: #ffc107!important
}

.md-color-amber-600 {
    color: #ffb300!important
}

.md-bg-amber-600 {
    background-color: #ffb300!important
}

.md-color-amber-700 {
    color: #ffa000!important
}

.md-bg-amber-700 {
    background-color: #ffa000!important
}

.md-color-amber-800 {
    color: #ff8f00!important
}

.md-bg-amber-800 {
    background-color: #ff8f00!important
}

.md-color-amber-900 {
    color: #ff6f00!important
}

.md-bg-amber-900 {
    background-color: #ff6f00!important
}

.md-color-amber-A100 {
    color: #ffe57f!important
}

.md-bg-amber-A100 {
    background-color: #ffe57f!important
}

.md-color-amber-A200 {
    color: #ffd740!important
}

.md-bg-amber-A200 {
    background-color: #ffd740!important
}

.md-color-amber-A400 {
    color: #ffc400!important
}

.md-bg-amber-A400 {
    background-color: #ffc400!important
}

.md-color-amber-A700 {
    color: #ffab00!important
}

.md-bg-amber-A700 {
    background-color: #ffab00!important
}

.md-color-orange-50 {
    color: #fff3e0!important
}

.md-bg-orange-50 {
    background-color: #fff3e0!important
}

.md-color-orange-100 {
    color: #ffe0b2!important
}

.md-bg-orange-100 {
    background-color: #ffe0b2!important
}

.md-color-orange-200 {
    color: #ffcc80!important
}

.md-bg-orange-200 {
    background-color: #ffcc80!important
}

.md-color-orange-300 {
    color: #ffb74d!important
}

.md-bg-orange-300 {
    background-color: #ffb74d!important
}

.md-color-orange-400 {
    color: #ffa726!important
}

.md-bg-orange-400 {
    background-color: #ffa726!important
}

.md-color-orange-500 {
    color: #ff9800!important
}

.md-bg-orange-500 {
    background-color: #ff9800!important
}

.md-color-orange-600 {
    color: #fb8c00!important
}

.md-bg-orange-600 {
    background-color: #fb8c00!important
}

.md-color-orange-700 {
    color: #f57c00!important
}

.md-bg-orange-700 {
    background-color: #f57c00!important
}

.md-color-orange-800 {
    color: #ef6c00!important
}

.md-bg-orange-800 {
    background-color: #ef6c00!important
}

.md-color-orange-900 {
    color: #e65100!important
}

.md-bg-orange-900 {
    background-color: #e65100!important
}

.md-color-orange-A100 {
    color: #ffd180!important
}

.md-bg-orange-A100 {
    background-color: #ffd180!important
}

.md-color-orange-A200 {
    color: #ffab40!important
}

.md-bg-orange-A200 {
    background-color: #ffab40!important
}

.md-color-orange-A400 {
    color: #ff9100!important
}

.md-bg-orange-A400 {
    background-color: #ff9100!important
}

.md-color-orange-A700 {
    color: #ff6d00!important
}

.md-bg-orange-A700 {
    background-color: #ff6d00!important
}

.md-color-deep-orange-50 {
    color: #fbe9e7!important
}

.md-bg-deep-orange-50 {
    background-color: #fbe9e7!important
}

.md-color-deep-orange-100 {
    color: #ffccbc!important
}

.md-bg-deep-orange-100 {
    background-color: #ffccbc!important
}

.md-color-deep-orange-200 {
    color: #ffab91!important
}

.md-bg-deep-orange-200 {
    background-color: #ffab91!important
}

.md-color-deep-orange-300 {
    color: #ff8a65!important
}

.md-bg-deep-orange-300 {
    background-color: #ff8a65!important
}

.md-color-deep-orange-400 {
    color: #ff7043!important
}

.md-bg-deep-orange-400 {
    background-color: #ff7043!important
}

.md-color-deep-orange-500 {
    color: #ff5722!important
}

.md-bg-deep-orange-500 {
    background-color: #ff5722!important
}

.md-color-deep-orange-600 {
    color: #f4511e!important
}

.md-bg-deep-orange-600 {
    background-color: #f4511e!important
}

.md-color-deep-orange-700 {
    color: #e64a19!important
}

.md-bg-deep-orange-700 {
    background-color: #e64a19!important
}

.md-color-deep-orange-800 {
    color: #d84315!important
}

.md-bg-deep-orange-800 {
    background-color: #d84315!important
}

.md-color-deep-orange-900 {
    color: #bf360c!important
}

.md-bg-deep-orange-900 {
    background-color: #bf360c!important
}

.md-color-deep-orange-A100 {
    color: #ff9e80!important
}

.md-bg-deep-orange-A100 {
    background-color: #ff9e80!important
}

.md-color-deep-orange-A200 {
    color: #ff6e40!important
}

.md-bg-deep-orange-A200 {
    background-color: #ff6e40!important
}

.md-color-deep-orange-A400 {
    color: #ff3d00!important
}

.md-bg-deep-orange-A400 {
    background-color: #ff3d00!important
}

.md-color-deep-orange-A700 {
    color: #dd2c00!important
}

.md-bg-deep-orange-A700 {
    background-color: #dd2c00!important
}

.md-color-brown-50 {
    color: #efebe9!important
}

.md-bg-brown-50 {
    background-color: #efebe9!important
}

.md-color-brown-100 {
    color: #d7ccc8!important
}

.md-bg-brown-100 {
    background-color: #d7ccc8!important
}

.md-color-brown-200 {
    color: #bcaaa4!important
}

.md-bg-brown-200 {
    background-color: #bcaaa4!important
}

.md-color-brown-300 {
    color: #a1887f!important
}

.md-bg-brown-300 {
    background-color: #a1887f!important
}

.md-color-brown-400 {
    color: #8d6e63!important
}

.md-bg-brown-400 {
    background-color: #8d6e63!important
}

.md-color-brown-500 {
    color: #795548!important
}

.md-bg-brown-500 {
    background-color: #795548!important
}

.md-color-brown-600 {
    color: #6d4c41!important
}

.md-bg-brown-600 {
    background-color: #6d4c41!important
}

.md-color-brown-700 {
    color: #5d4037!important
}

.md-bg-brown-700 {
    background-color: #5d4037!important
}

.md-color-brown-800 {
    color: #4e342e!important
}

.md-bg-brown-800 {
    background-color: #4e342e!important
}

.md-color-brown-900 {
    color: #3e2723!important
}

.md-bg-brown-900 {
    background-color: #3e2723!important
}

.md-color-grey-50 {
    color: #fafafa!important
}

.md-bg-grey-50 {
    background-color: #fafafa!important
}

.md-color-grey-100 {
    color: #f5f5f5!important
}

.md-bg-grey-100 {
    background-color: #f5f5f5!important
}

.md-color-grey-200 {
    color: #eee!important
}

.md-bg-grey-200 {
    background-color: #eee!important
}

.md-color-grey-300 {
    color: #e0e0e0!important
}

.md-bg-grey-300 {
    background-color: #e0e0e0!important
}

.md-color-grey-400 {
    color: #bdbdbd!important
}

.md-bg-grey-400 {
    background-color: #bdbdbd!important
}

.md-color-grey-500 {
    color: #9e9e9e!important
}

.md-bg-grey-500 {
    background-color: #9e9e9e!important
}

.md-color-grey-600 {
    color: #757575!important
}

.md-bg-grey-600 {
    background-color: #757575!important
}

.md-color-grey-700 {
    color: #616161!important
}

.md-bg-grey-700 {
    background-color: #616161!important
}

.md-color-grey-800 {
    color: #424242!important
}

.md-bg-grey-800 {
    background-color: #424242!important
}

.md-color-grey-900 {
    color: #212121!important
}

.md-bg-grey-900 {
    background-color: #212121!important
}

.md-color-blue-grey-50 {
    color: #eceff1!important
}

.md-bg-blue-grey-50 {
    background-color: #eceff1!important
}

.md-color-blue-grey-100 {
    color: #cfd8dc!important
}

.md-bg-blue-grey-100 {
    background-color: #cfd8dc!important
}

.md-color-blue-grey-200 {
    color: #b0bec5!important
}

.md-bg-blue-grey-200 {
    background-color: #b0bec5!important
}

.md-color-blue-grey-300 {
    color: #90a4ae!important
}

.md-bg-blue-grey-300 {
    background-color: #90a4ae!important
}

.md-color-blue-grey-400 {
    color: #78909c!important
}

.md-bg-blue-grey-400 {
    background-color: #78909c!important
}

.md-color-blue-grey-500 {
    color: #607d8b!important
}

.md-bg-blue-grey-500 {
    background-color: #607d8b!important
}

.md-color-blue-grey-600 {
    color: #546e7a!important
}

.md-bg-blue-grey-600 {
    background-color: #546e7a!important
}

.md-color-blue-grey-700 {
    color: #455a64!important
}

.md-bg-blue-grey-700 {
    background-color: #455a64!important
}

.md-color-blue-grey-800 {
    color: #37474f!important
}

.md-bg-blue-grey-800 {
    background-color: #37474f!important
}

.md-color-blue-grey-900 {
    color: #263238!important
}

.md-bg-blue-grey-900 {
    background-color: #263238!important
}

.md-color-white {
    color: #fff!important
}

.md-card {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border: none
}

.md-card+.md-card,
.md-card+.uk-grid,
.uk-grid+.md-card {
    margin-top: 25px
}

.md-card .full_width_in_card {
    padding: 16px 24px;
    background: rgba(0, 0, 0, .085)
}

.md-card .md-card-toolbar {
    height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    background: #fff
}

.md-card .md-card-toolbar:after,
.md-card .md-card-toolbar:before {
    content: " ";
    display: table
}

.md-card .md-card-toolbar-heading-text {
    font: 500 14px/50px Roboto, sans-serif;
    color: #212121;
    margin: 0;
    float: left;
    overflow: hidden;
    height: 48px
}

.md-card .md-card-toolbar-heading-text.large {
    font-size: 18px;
    font-weight: 400
}

.md-card .md-card-toolbar .md-toggle-group {
    float: left;
    margin: 8px 0 0 16px
}

.md-card .md-card-toolbar .md-toggle-group.md-toggle-group-small {
    margin-top: 10px
}

.md-card .md-card-toolbar .md-card-toolbar-actions {
    float: right;
    padding-top: 10px
}

.md-card .md-card-toolbar .md-card-toolbar-actions .uk-open .md-card-toolbar-icon {
    background: rgba(0, 0, 0, .085);
    color: #212121
}

.md-card .md-card-toolbar .md-card-toolbar-actions .md-card-dropdown {
    display: inline-block;
    position: relative
}

.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control {
    min-width: 220px;
    margin-top: -3px
}

.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-input {
    min-height: 30px;
    padding: 4px 8px
}

.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-dropdown {
    margin-top: -34px
}

.md-card .md-card-toolbar .md-icon+.md-card-dropdown {
    margin-left: 4px
}

.md-card .md-card-toolbar .md-card-fullscreen-deactivate {
    margin: 9px 8px 0 0
}

.md-card .md-card-toolbar-input {
    border: none;
    font: 400 18px/24px Roboto, sans-serif;
    height: auto;
    background: 0 0!important;
    padding: 12px 0;
    width: 50%;
    box-sizing: border-box
}

.md-card .md-card-toolbar .uk-tab {
    margin-top: -2px;
    border-bottom: none
}

.md-card .md-card-toolbar .uk-tab li>a {
    padding: 10px 8px!important
}

.md-card .md-card-head {
    height: 160px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.md-card .md-card-head-menu {
    position: absolute;
    right: 8px;
    top: 8px
}

.md-card .md-card-head-avatar {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    margin-top: 16px;
    border: 2px solid #fff;
    display: inline-block
}

.md-card .md-card-head-text {
    padding: 8px 16px 16px;
    font: 500 16px/22px Roboto, sans-serif;
    color: #212121;
    margin: 0
}

.md-card .md-card-head-text span {
    display: block;
    font: 400 12px/18px Roboto, sans-serif;
    margin-top: -2px
}

.md-card .md-card-head-text.text_dark {
    color: #212121!important
}

.md-card .md-card-head-text-over {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
}

.md-card .md-card-head-subtext {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 16px;
    text-align: right;
    color: #fff
}

.md-card .md-card-head-subtext span {
    font-size: 26px
}

.md-card .md-card-head-icon {
    font-size: 48px;
    color: #fff;
    vertical-align: middle
}

.md-card .md-card-head.head_background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom-color: transparent
}

.md-card .md-card-head.head_background .md-card-head-text {
    color: #fff
}

.md-card .md-card-head.head_background_top {
    background-repeat: no-repeat;
    background-position: center top
}

.md-card .md-card-head.head_background_bottom {
    background-repeat: no-repeat;
    background-position: center bottom
}

.md-card .md-card-head .head_chart {
    height: 100px;
    width: 100%;
    position: absolute!important;
    left: 0;
    top: 40px
}

.md-card .md-card-head .fitVid_player {
    width: 100%;
    height: 160px;
    overflow: hidden
}

.md-card .md-card-head-img {
    height: 100%;
    width: auto
}

.md-card .md-card-head iframe {
    height: 160px
}

.md-card .md-card-content {
    padding: 16px
}

.md-card .md-card-content.padding-reset {
    padding: 0
}

.md-card .md-card-content.large-padding {
    padding: 24px 35px
}

.md-card .md-card-content.small-padding {
    padding: 8px
}

.md-card.md-card-fullscreen {
    position: fixed;
    z-index: 9998;
    overflow-x: hidden;
    cursor: default
}

.cp_altair span,
.md-icon,
.md-list-interactive li {
    cursor: pointer
}

.md-card.md-card-fullscreen .md-card-fullscreen-activate,
.md-card.md-card-fullscreen .md-card-fullscreen-hide {
    display: none
}

.md-card .md-card-fullscreen-content {
    display: none;
    padding: 16px
}

.md-card-fullscreen-content-hidden .md-card .md-card-fullscreen-content {
    display: block;
    visibility: hidden;
    padding: 0
}

.md-card.mdToolbar_fixed {
    overflow-y: hidden
}

.md-card.mdToolbar_fixed>.md-card-toolbar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.md-card.mdToolbar_fixed>.md-card-content {
    overflow-y: scroll;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 48px;
    bottom: 0
}

.md-card.mdToolbar_fixed>.md-card-content .md-card-fullscreen-content {
    padding: 16px 0
}

.md-card.md-card-overlay {
    overflow: hidden;
    padding-bottom: 54px
}

.md-card.md-card-overlay .md-card-content {
    height: 142px;
    overflow: hidden;
    box-sizing: border-box
}

.md-card.md-card-overlay .md-card-content.no_truncate {
    position: relative
}

.md-card.md-card-overlay .md-card-content.no_truncate:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    background-image: -webkit-linear-gradient(bottom, #fff 50%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to top, #fff 50%, rgba(255, 255, 255, 0) 100%);
    display: block;
    content: '';
    z-index: 10
}

.md-card.md-card-overlay .md-card-content>pre {
    margin-top: 0;
    max-height: 110px
}

.md-card.md-card-overlay .md-card-content>pre>code {
    overflow: hidden
}

.md-card.md-card-overlay .md-card-overlay-content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0 16px;
    margin-top: -54px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    text-align: left;
    bottom: 0;
    background: #fff;
    z-index: 10;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.md-card.md-card-overlay .md-card-overlay-content p {
    margin: 0
}

.md-card.md-card-overlay .md-card-overlay-content p+* {
    margin-top: 16px
}

.md-card.md-card-overlay .md-card-overlay-content p+p {
    margin-top: 4px
}

.md-card.md-card-overlay .md-card-overlay-header {
    padding: 12px 0
}

.md-card.md-card-overlay .md-card-overlay-header:after,
.md-card.md-card-overlay .md-card-overlay-header:before {
    content: " ";
    display: table
}

.md-card.md-card-overlay .md-card-overlay-header h3,
.md-card.md-card-overlay .md-card-overlay-header h4 {
    margin: 0;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-right: 32px;
    box-sizing: border-box
}

.md-card.md-card-overlay .md-card-overlay-header h3 {
    font: 400 16px/30px Roboto, sans-serif
}

.md-card.md-card-overlay .md-card-overlay-header h4 {
    font: 500 14px/30px Roboto, sans-serif
}

.md-card.md-card-overlay .md-card-overlay-header .md-icon {
    position: absolute;
    right: 12px;
    top: 11px
}

.md-card.md-card-overlay-active .md-card-overlay-content {
    top: -1px;
    margin-top: 0
}

.md-card.md-card-hover {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow
}

.hierarchical_show,
.hierarchical_slide {
    will-change: transform, opacity
}

.md-card.md-card-hover:hover,
.uk-sortable-dragged .md-card {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.uk-sortable-dragged .md-card canvas {
    margin: 0 auto;
    display: block
}

.md-card .heading_list {
    padding: 0
}

.md-card-danger,
.md-card-primary,
.md-card-success,
.md-card-warning {
    border-left: 4px solid transparent
}

.md-card-primary {
    border-left-color: #2196f3
}

.md-card-success {
    border-left-color: #7cb342
}

.md-card-danger {
    border-left-color: #e53935
}

.md-card-warning {
    border-left-color: #ffa000
}

.md-expand,
.md-expand-group>* {
    opacity: 0
}

.md-card-placeholder {
    min-width: 100%
}

.md-card-list-wrapper,
.md-card-list-wrapper *,
.md-card-list-wrapper :after,
.md-card-list-wrapper :before,
.md-card-list-wrapper:after,
.md-card-list-wrapper:before {
    box-sizing: border-box
}

.md-card-list-wrapper .md-card-list-header {
    position: absolute;
    top: -24px;
    left: 0
}

.md-card-list-wrapper .md-card-list {
    margin: 48px 0 0;
    position: relative
}

.md-card-list-wrapper .md-card-list:first-child {
    margin-top: 24px
}

.md-card-list-wrapper .md-card-list>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.md-card-list-wrapper .md-card-list>ul>li {
    margin: 0;
    list-style: none;
    min-height: 34px;
    padding: 8px 16px;
    font-size: 13px;
    -webkit-transition: background 150ms, padding .2s;
    transition: background 150ms, padding .2s;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.md-card-list-wrapper .md-card-list>ul>li:after,
.md-card-list-wrapper .md-card-list>ul>li:before {
    content: " ";
    display: table
}

.md-card-list-wrapper .md-card-list>ul>li.item-shown {
    background: #fff;
    padding: 8px 36px
}

@media only screen and (max-width:767px) {
    .md-card-list-wrapper .md-card-list>ul>li.item-shown .md-card-list-item-subject {
        clear: both;
        float: none;
        padding-top: 16px
    }
    .md-card-list-wrapper .md-card-list>ul>li.item-shown .md-card-list-item-subject>span {
        white-space: normal
    }
}

.md-card-list-wrapper .md-card-list>ul>li.item-shown .md-card-list-item-sender {
    width: auto;
    overflow: hidden
}

.md-card-list-wrapper .md-card-list>ul>li.item-shown.md-card-list-item-selected {
    position: relative
}

.md-card-list-wrapper .md-card-list>ul>li.item-shown.md-card-list-item-selected:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background: #e3f2fd
}

.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
.md-card-list-wrapper .md-card-list .md-card-list-item-select,
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
    float: left
}

.md-card-list-wrapper .md-card-list .md-card-list-item-select {
    padding: 6px 8px 0 0
}

.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
.md-card-list-wrapper .md-card-list .md-card-list-item-date,
.md-card-list-wrapper .md-card-list .md-card-list-item-sender,
.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
    padding: 0 8px
}

.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar {
    background: #757575;
    color: #fff;
    width: 34px;
    border-radius: 50%;
    display: block
}

.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar-large {
    width: 82px;
    border-radius: 50%
}

.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper span.md-card-list-item-avatar {
    line-height: 34px;
    text-transform: uppercase;
    text-align: center
}

.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
    width: 220px;
    line-height: 34px
}

.md-card-list-wrapper .md-card-list .md-card-list-item-sender>span {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width:1219px) {
    .md-card-list-wrapper .md-card-list .md-card-list-item-sender {
        display: none
    }
}

.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
    overflow: hidden;
    font-weight: 500
}

.md-card-list-wrapper .md-card-list .md-card-list-item-subject>span {
    line-height: 34px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
    display: none
}

@media only screen and (max-width:1219px) {
    .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
        display: block
    }
    .md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small+span {
        line-height: inherit
    }
}

.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small>span {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    color: #999
}

.md-card-list-wrapper .md-card-list .md-card-list-item-date {
    line-height: 34px;
    float: right;
    color: #999
}

@media only screen and (max-width:479px) {
    .md-card-list-wrapper .md-card-list .md-card-list-item-date {
        display: none
    }
}

.md-card-list-wrapper .md-card-list .md-card-list-item-menu {
    float: right;
    margin: 0 0 0 8px;
    position: relative
}

.md-card-list-wrapper .md-card-list .md-card-list-item-menu .uk-dropdown .material-icons {
    margin-right: 8px
}

.md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper {
    display: none;
    opacity: 0
}

.md-card-list-wrapper .md-card-list .md-card-list-item-content {
    padding: 16px 16px 0 0;
    max-height: 360px;
    overflow-x: hidden;
    margin: 0 0 40px;
    top: 20px;
    position: relative;
    font-size: 14px
}

.md-card-list-wrapper .md-card-list .md-card-list-item-content+.md-card-list-item-reply {
    padding-top: 10px
}

.md-card-list-wrapper .md-card-list .md-card-list-item-reply {
    padding: 16px 0
}

.md-card-list-wrapper .md-card-list .md-card-list-item-selected {
    background: #e3f2fd
}

input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    outline: 0
}

input:not([type]).md-input,
input[type=color].md-input,
input[type=date].md-input,
input[type=datetime-local].md-input,
input[type=datetime].md-input,
input[type=email].md-input,
input[type=month].md-input,
input[type=number].md-input,
input[type=password].md-input,
input[type=search].md-input,
input[type=tel].md-input,
input[type=text].md-input,
input[type=time].md-input,
input[type=url].md-input,
input[type=week].md-input,
select.md-input,
textarea.md-input {
    border-radius: 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    font: 400 15px/18px Roboto, sans-serif;
    box-shadow: inset 0 -1px 0 transparent;
    box-sizing: border-box;
    padding: 12px 4px;
    background: 0 0;
    width: 100%;
    display: block
}

input:not([type]).md-input.md-input-danger,
input[type=color].md-input.md-input-danger,
input[type=date].md-input.md-input-danger,
input[type=datetime-local].md-input.md-input-danger,
input[type=datetime].md-input.md-input-danger,
input[type=email].md-input.md-input-danger,
input[type=month].md-input.md-input-danger,
input[type=number].md-input.md-input-danger,
input[type=password].md-input.md-input-danger,
input[type=search].md-input.md-input-danger,
input[type=tel].md-input.md-input-danger,
input[type=text].md-input.md-input-danger,
input[type=time].md-input.md-input-danger,
input[type=url].md-input.md-input-danger,
input[type=week].md-input.md-input-danger,
select.md-input.md-input-danger,
textarea.md-input.md-input-danger {
    border-color: #e53935
}

input:not([type]).md-input.md-input-danger:focus,
input[type=color].md-input.md-input-danger:focus,
input[type=date].md-input.md-input-danger:focus,
input[type=datetime-local].md-input.md-input-danger:focus,
input[type=datetime].md-input.md-input-danger:focus,
input[type=email].md-input.md-input-danger:focus,
input[type=month].md-input.md-input-danger:focus,
input[type=number].md-input.md-input-danger:focus,
input[type=password].md-input.md-input-danger:focus,
input[type=search].md-input.md-input-danger:focus,
input[type=tel].md-input.md-input-danger:focus,
input[type=text].md-input.md-input-danger:focus,
input[type=time].md-input.md-input-danger:focus,
input[type=url].md-input.md-input-danger:focus,
input[type=week].md-input.md-input-danger:focus,
select.md-input.md-input-danger:focus,
textarea.md-input.md-input-danger:focus {
    border-bottom-color: #e53935
}

input:not([type]).md-input.md-input-success,
input[type=color].md-input.md-input-success,
input[type=date].md-input.md-input-success,
input[type=datetime-local].md-input.md-input-success,
input[type=datetime].md-input.md-input-success,
input[type=email].md-input.md-input-success,
input[type=month].md-input.md-input-success,
input[type=number].md-input.md-input-success,
input[type=password].md-input.md-input-success,
input[type=search].md-input.md-input-success,
input[type=tel].md-input.md-input-success,
input[type=text].md-input.md-input-success,
input[type=time].md-input.md-input-success,
input[type=url].md-input.md-input-success,
input[type=week].md-input.md-input-success,
select.md-input.md-input-success,
textarea.md-input.md-input-success {
    border-color: #7cb342
}

input:not([type]).md-input.md-input-success:focus,
input[type=color].md-input.md-input-success:focus,
input[type=date].md-input.md-input-success:focus,
input[type=datetime-local].md-input.md-input-success:focus,
input[type=datetime].md-input.md-input-success:focus,
input[type=email].md-input.md-input-success:focus,
input[type=month].md-input.md-input-success:focus,
input[type=number].md-input.md-input-success:focus,
input[type=password].md-input.md-input-success:focus,
input[type=search].md-input.md-input-success:focus,
input[type=tel].md-input.md-input-success:focus,
input[type=text].md-input.md-input-success:focus,
input[type=time].md-input.md-input-success:focus,
input[type=url].md-input.md-input-success:focus,
input[type=week].md-input.md-input-success:focus,
select.md-input.md-input-success:focus,
textarea.md-input.md-input-success:focus {
    border-bottom-color: #7cb342
}

input:not([type]).md-input:focus,
input[type=color].md-input:focus,
input[type=date].md-input:focus,
input[type=datetime-local].md-input:focus,
input[type=datetime].md-input:focus,
input[type=email].md-input:focus,
input[type=month].md-input:focus,
input[type=number].md-input:focus,
input[type=password].md-input:focus,
input[type=search].md-input:focus,
input[type=tel].md-input:focus,
input[type=text].md-input:focus,
input[type=time].md-input:focus,
input[type=url].md-input:focus,
input[type=week].md-input:focus,
select.md-input:focus,
textarea.md-input:focus {
    background: 0 0;
    border-color: rgba(0, 0, 0, .12)
}

input:not([type]).md-input-small,
input[type=color].md-input-small,
input[type=date].md-input-small,
input[type=datetime-local].md-input-small,
input[type=datetime].md-input-small,
input[type=email].md-input-small,
input[type=month].md-input-small,
input[type=number].md-input-small,
input[type=password].md-input-small,
input[type=search].md-input-small,
input[type=tel].md-input-small,
input[type=text].md-input-small,
input[type=time].md-input-small,
input[type=url].md-input-small,
input[type=week].md-input-small,
select.md-input-small,
textarea.md-input-small {
    padding: 4px
}

input:not([type]).md-input.uk-form-width-mini,
input[type=color].md-input.uk-form-width-mini,
input[type=date].md-input.uk-form-width-mini,
input[type=datetime-local].md-input.uk-form-width-mini,
input[type=datetime].md-input.uk-form-width-mini,
input[type=email].md-input.uk-form-width-mini,
input[type=month].md-input.uk-form-width-mini,
input[type=number].md-input.uk-form-width-mini,
input[type=password].md-input.uk-form-width-mini,
input[type=search].md-input.uk-form-width-mini,
input[type=tel].md-input.uk-form-width-mini,
input[type=text].md-input.uk-form-width-mini,
input[type=time].md-input.uk-form-width-mini,
input[type=url].md-input.uk-form-width-mini,
input[type=week].md-input.uk-form-width-mini,
select.md-input.uk-form-width-mini,
textarea.md-input.uk-form-width-mini {
    width: 40px
}

input:not([type]).md-input.uk-form-width-small,
input[type=color].md-input.uk-form-width-small,
input[type=date].md-input.uk-form-width-small,
input[type=datetime-local].md-input.uk-form-width-small,
input[type=datetime].md-input.uk-form-width-small,
input[type=email].md-input.uk-form-width-small,
input[type=month].md-input.uk-form-width-small,
input[type=number].md-input.uk-form-width-small,
input[type=password].md-input.uk-form-width-small,
input[type=search].md-input.uk-form-width-small,
input[type=tel].md-input.uk-form-width-small,
input[type=text].md-input.uk-form-width-small,
input[type=time].md-input.uk-form-width-small,
input[type=url].md-input.uk-form-width-small,
input[type=week].md-input.uk-form-width-small,
select.md-input.uk-form-width-small,
textarea.md-input.uk-form-width-small {
    width: 130px
}

input:not([type]).md-input.uk-form-width-medium,
input[type=color].md-input.uk-form-width-medium,
input[type=date].md-input.uk-form-width-medium,
input[type=datetime-local].md-input.uk-form-width-medium,
input[type=datetime].md-input.uk-form-width-medium,
input[type=email].md-input.uk-form-width-medium,
input[type=month].md-input.uk-form-width-medium,
input[type=number].md-input.uk-form-width-medium,
input[type=password].md-input.uk-form-width-medium,
input[type=search].md-input.uk-form-width-medium,
input[type=tel].md-input.uk-form-width-medium,
input[type=text].md-input.uk-form-width-medium,
input[type=time].md-input.uk-form-width-medium,
input[type=url].md-input.uk-form-width-medium,
input[type=week].md-input.uk-form-width-medium,
select.md-input.uk-form-width-medium,
textarea.md-input.uk-form-width-medium {
    width: 200px
}

input:not([type]).md-input.uk-form-width-large,
input[type=color].md-input.uk-form-width-large,
input[type=date].md-input.uk-form-width-large,
input[type=datetime-local].md-input.uk-form-width-large,
input[type=datetime].md-input.uk-form-width-large,
input[type=email].md-input.uk-form-width-large,
input[type=month].md-input.uk-form-width-large,
input[type=number].md-input.uk-form-width-large,
input[type=password].md-input.uk-form-width-large,
input[type=search].md-input.uk-form-width-large,
input[type=tel].md-input.uk-form-width-large,
input[type=text].md-input.uk-form-width-large,
input[type=time].md-input.uk-form-width-large,
input[type=url].md-input.uk-form-width-large,
input[type=week].md-input.uk-form-width-large,
select.md-input.uk-form-width-large,
textarea.md-input.uk-form-width-large {
    width: 500px
}

select.md-input.uk-form-width-mini {
    width: 65px
}

.md-input-width-small {
    min-width: 80px!important
}

.md-input-width-medium {
    min-width: 160px!important
}

.md-input-width-large {
    min-width: 320px!important
}

textarea.md-input {
    min-height: 80px;
    resize: none;
    overflow: hidden;
    -webkit-transition: height .2s ease-out;
    transition: height .2s ease-out;
    line-height: 24px
}

textarea.no_autosize {
    min-height: inherit;
    overflow: auto;
    -webkit-transition: none;
    transition: none;
    resize: both
}

.clndr,
.cp_altair,
.md-list .uk-nestable-list>li>.md-list-content,
.md-list-inputs li label,
.md-list>li>.md-list-content,
.md-panel-full {
    overflow: hidden
}

.md-input-wrapper {
    position: relative;
    padding-top: 4px;
    width: 100%;
    display: block
}

.md-input-wrapper .md-input-bar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.md-input-wrapper .md-input-bar:after,
.md-input-wrapper .md-input-bar:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #1976d2;
    -webkit-transition: width .4s cubic-bezier(.4, 0, .2, 1);
    transition: width .4s cubic-bezier(.4, 0, .2, 1)
}

.md-input-wrapper .md-input-bar:before {
    left: 50%
}

.md-input-wrapper .md-input-bar:after {
    right: 50%
}

.md-input-wrapper .md-input-bar.uk-form-width-mini {
    width: 40px
}

.md-input-wrapper .md-input-bar.uk-form-width-small {
    width: 130px
}

.md-input-wrapper .md-input-bar.uk-form-width-medium {
    width: 200px
}

.md-input-wrapper .md-input-bar.uk-form-width-large {
    width: 500px
}

.md-input-wrapper>label {
    color: #727272;
    position: absolute;
    top: 16px;
    left: 4px;
    right: 0;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out
}

.md-input-wrapper+* {
    margin-top: 10px
}

.md-input-wrapper.md-input-wrapper-disabled>label {
    color: rgba(0, 0, 0, .26)
}

.md-input-wrapper-count {
    padding-bottom: 24px
}

.md-input-wrapper-count .md-input-bar {
    bottom: 24px
}

.md-input-wrapper-count .text-count-wrapper {
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.md-input-wrapper-count>.md-input-wrapper-count .text-count-wrapper {
    position: absolute;
    bottom: 0;
    right: 0
}

.md-input-filled>label,
.md-input-focus>label {
    top: -6px;
    font-size: 12px
}

.md-input-filled.md-input-wrapper-count .text-count-wrapper,
.md-input-focus.md-input-wrapper-count .text-count-wrapper {
    opacity: 1
}

.md-input-focus .md-input-bar:after,
.md-input-focus .md-input-bar:before {
    width: 50%
}

.md-input-wrapper-danger .md-input-bar:after,
.md-input-wrapper-danger .md-input-bar:before {
    background: #e53935
}

.md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
    color: #e53935
}

.md-input-wrapper-success .md-input-bar:after,
.md-input-wrapper-success .md-input-bar:before {
    background: #7cb342
}

.md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
    color: #7cb342
}

.md-form-group {
    position: relative
}

label.md-label {
    color: #999;
    padding: 0 6px;
    font-size: 11px
}

.material-icons,
.material-icons.md-18 {
    font-size: 18px;
    vertical-align: -4px;
}

md-icon.material-icons {
    font-size: 24px;
    vertical-align: middle;
}

.material-icons.md-inactive {
    color: rgba(0, 0, 0, .26)
}

.material-icons.md-24 {
    font-size: 24px;
    vertical-align: -8px
}

.material-icons.md-36 {
    font-size: 36px;
    vertical-align: -16px
}

.material-icons.md-48 {
    font-size: 48px;
    vertical-align: -24px
}

.material-icons.md-light {
    color: #fff
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, .3)
}

.md-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.md-list>li {
    margin: 0;
    list-style: none
}

.md-list,
.md-list *,
.md-list :after,
.md-list :before,
.md-list:after,
.md-list:before {
    box-sizing: border-box
}

.md-list .uk-nestable-list>li,
.md-list>li {
    min-height: 48px;
    padding: 8px 4px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    position: relative
}

.md-list .uk-nestable-list>li>.md-list-content>span,
.md-list>li>.md-list-content>span {
    display: block
}

.md-list .uk-nestable-list>li>.md-list-content .md-list-heading,
.md-list>li>.md-list-content .md-list-heading {
    margin: 0;
    font-weight: 500;
    display: block;
    overflow: hidden;
    padding-bottom: 1px
}

.md-list .uk-nestable-list>li>.md-list-content .md-list-menu,
.md-list>li>.md-list-content .md-list-menu {
    float: right
}

.md-list .uk-nestable-list>li>.md-list-content .md-list-menu .md-list-menu-toggle,
.md-list>li>.md-list-content .md-list-menu .md-list-menu-toggle {
    display: block;
    font-size: 18px;
    color: rgba(0, 0, 0, .8);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center
}

.md-list .uk-nestable-list>li>.md-list-content .uk-badge,
.md-list>li>.md-list-content .uk-badge {
    float: right;
    color: #fff!important
}

.md-list .uk-nestable-list>li>.md-list-content .md-list-action,
.md-list>li>.md-list-content .md-list-action {
    float: right;
    margin-left: 8px;
    margin-top: 2px;
    display: none
}

.md-list .uk-nestable-list>li>.md-list-content .md-list-action-placeholder,
.md-list>li>.md-list-content .md-list-action-placeholder {
    float: right;
    margin-left: 8px;
    display: none;
    width: 32px;
    height: 32px
}

.md-list .uk-nestable-list>li .md-list-action-dropdown,
.md-list>li .md-list-action-dropdown {
    position: absolute;
    right: 16px;
    top: 10px;
    display: none
}

.md-list .uk-nestable-list>li>a.md-list-content,
.md-list>li>a.md-list-content {
    display: block;
    color: #212121
}

.md-list .uk-nestable-list>li:last-child,
.md-list>li:last-child {
    border-bottom: none
}

.md-list .uk-nestable-list>li.md-list-item-active,
.md-list>li.md-list-item-active {
    color: #7cb342;
    background: #ededed
}

.md-list .uk-nestable-list>li.md-list-item-disabled>.md-list-content,
.md-list>li.md-list-item-disabled>.md-list-content {
    color: #bdbdbd
}

.md-list .uk-nestable-list>li.md-list-item-disabled>.md-list-content span,
.md-list>li.md-list-item-disabled>.md-list-content span {
    color: #bdbdbd!important
}

.md-list .uk-nestable-list>li.heading_list,
.md-list>li.heading_list {
    min-height: 32px;
    padding: 32px 8px 16px;
    border-bottom: none;
    background: 0 0!important;
    text-transform: uppercase
}

.md-list .uk-nestable-list>li:hover .md-list-action-dropdown,
.md-list .uk-nestable-list>li:hover>.md-list-addon-element .uk-nestable-handle,
.md-list .uk-nestable-list>li:hover>.md-list-content .md-list-action,
.md-list .uk-nestable-list>li:hover>.md-list-content .md-list-action-placeholder,
.md-list>li:hover .md-list-action-dropdown,
.md-list>li:hover>.md-list-addon-element .uk-nestable-handle,
.md-list>li:hover>.md-list-content .md-list-action,
.md-list>li:hover>.md-list-content .md-list-action-placeholder,
.uk-touch .md-list .uk-nestable-list>li .md-list-action-dropdown,
.uk-touch .md-list .uk-nestable-list>li>.md-list-addon-element .uk-nestable-handle,
.uk-touch .md-list .uk-nestable-list>li>.md-list-content .md-list-action,
.uk-touch .md-list .uk-nestable-list>li>.md-list-content .md-list-action-placeholder,
.uk-touch .md-list>li .md-list-action-dropdown,
.uk-touch .md-list>li>.md-list-addon-element .uk-nestable-handle,
.uk-touch .md-list>li>.md-list-content .md-list-action,
.uk-touch .md-list>li>.md-list-content .md-list-action-placeholder {
    display: block
}

.md-list .uk-nestable-list>li {
    margin-left: 64px
}

.md-list-addon>li {
    margin-left: 64px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
}

.md-list-addon>li:last-child .md-list-addon-element {
    border-bottom: none;
    bottom: 0
}

.md-list-addon>li:first-child .md-list-addon-element {
    top: 0
}

.md-list-addon>li.md-list-item-active .md-list-addon-element,
.md-list-addon>li.md-list-item-active .md-list-addon-element .material-icons {
    color: #7cb342
}

.md-list-addon-element {
    position: absolute;
    left: -64px;
    top: -1px;
    bottom: -1px;
    width: 64px;
    text-align: center;
    display: block
}

.md-list-bg-no-sep,
.md-list-separated li {
    padding: 8px;
    background: #fff
}

.md-list-addon-element .element-status {
    position: absolute;
    right: 12px;
    top: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bdbdbd;
    border: 1px solid #fff
}

.md-list-addon-element .element-status-danger {
    background: #e53935
}

.md-list-addon-element .element-status-success {
    background: #7cb342
}

.md-list-addon-element .element-status-warning {
    background: #ffa000
}

.md-list-addon-element>.md-list-addon-avatar {
    margin-top: 2px
}

.md-list-addon-element>.md-list-addon-icon {
    font-size: 28px;
    margin-top: 4px;
    color: #727272
}

.md-list-addon-element .icheckbox_md,
.md-list-addon-element .iradio_md {
    margin-top: 10px
}

.md-list-addon-element .uk-nestable-handle {
    position: absolute;
    left: -2px;
    top: 12px;
    display: none
}

.md-list-bg {
    background: #fff
}

.md-list-separated li+li {
    border-top: none;
    margin-top: 8px
}

.md-list-bg-no-sep li>.md-list-content {
    padding: 0 4px
}

.md-list-outside>li {
    padding: 0
}

.md-list-outside>li>.md-list-content {
    padding: 8px 16px;
    display: block;
    color: #212121
}

.md-list-outside>li.md-list-item-active,
.md-list-outside>li:hover:not(.heading_list) {
    background: rgba(0, 0, 0, .085)
}

.md-list-outside>li.heading_list {
    padding: 32px 16px 16px
}

.md-list-outside.md-list-addon li {
    margin-left: 0
}

.md-list-outside.md-list-addon li .md-list-addon-element {
    position: relative;
    top: auto;
    left: auto;
    float: left
}

.md-list .uk-nestable-list,
.md-list-outside.md-list-addon li .md-list-content {
    padding-left: 0
}

.md-list .uk-nestable-list .uk-nestable-item {
    padding-right: 0
}

.md-list .uk-nestable-item+.uk-nestable-item {
    margin-top: 0
}

.md-list-right.md-list-addon>li {
    margin-left: 0;
    margin-right: 64px
}

.md-list-right.md-list-addon>li .md-list-addon-element {
    left: auto;
    right: -64px
}

.uk-touch .md-list-action-dropdown,
.uk-touch .md-list-addon-element .uk-nestable-handle,
.uk-touch .md-list-content .md-list-action,
.uk-touch .md-list-content .md-list-action-placeholder {
    display: block!important
}

.md-panel-full {
    position: relative;
    min-height: 100%
}

.md-panel-full,
.md-panel-full *,
.md-panel-full :after,
.md-panel-full :before,
.md-panel-full:after,
.md-panel-full:before {
    box-sizing: border-box
}

.md-panel-full>.uk-grid,
.md-panel-full>.uk-grid [class*=uk-width] {
    height: 100%
}

.md-panel-full .md-panel-full-aside {
    margin: 16px 16px 32px;
    padding: 16px
}

.md-panel-full .md-panel-full-aside.md-panel-full-aside-bg {
    background: #fff
}

.md-panel-full .md-panel-full-content {
    background: #fff;
    padding: 25px 25px 90px;
    width: inherit;
    min-width: 100%;
    min-height: 100%
}

.md-panel-full .md-panel-full-content>.md-panel-full-content-inner {
    position: relative;
    z-index: 10
}

.md-panel-full .md-panel-full-content:before {
    width: inherit;
    content: '';
    position: absolute;
    background: #fff;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);
    z-index: 5
}

.md-icon-btn,
.md-top-bar .md-top-bar-checkbox,
.md-top-bar .md-top-bar-icons,
.md-user-letters {
    display: inline-block
}

.md-panel-full .md-panel-full-content .md-panel-full-content-header {
    margin-bottom: 24px
}

.md-panel-full .md-panel-full-content .md-panel-full-content-header .md-panel-full-content-menu {
    float: right
}

.md-top-bar .md-top-bar-checkbox {
    padding-top: 10px
}

.md-top-bar .md-top-bar-icons {
    margin-top: 5px
}

.md-top-bar .md-btn-group {
    margin-top: 4px
}

.md-top-bar .md-top-bar-actions-left {
    float: left;
    padding-left: 16px
}

.md-top-bar .md-top-bar-actions-left .md-btn-group {
    margin-left: 8px
}

.md-top-bar .md-top-bar-actions-right {
    float: right;
    padding-right: 16px
}

.md-top-bar .md-top-bar-actions-right .md-btn-group {
    margin-right: 8px
}

.md-top-bar .md-btn-small {
    padding: 2px 12px
}

.md-user-image {
    width: 34px;
    border-radius: 50%
}

.md-user-image-large {
    width: 82px;
    border-radius: 50%
}

.md-user-letters,
.md-user-placeholder {
    width: 34px;
    height: 34px;
    background-color: rgba(0, 0, 0, .085);
    border-radius: 50%
}

.md-user-letters {
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500
}

.md-icon {
    font-size: 24px;
    line-height: 32px!important;
    height: 32px!important;
    color: #727272;
    border-radius: 50%;
    -webkit-transition: background 280ms ease-out, color 280ms ease-out;
    transition: background 280ms ease-out, color 280ms ease-out;
    width: 32px!important;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.md-icon.active,
.md-icon:active,
.md-icon:focus,
.md-icon:hover {
    color: #212121;
    background: rgba(0, 0, 0, .08)
}

.md-icon-light {
    color: #fff
}

.md-icon-light:active,
.md-icon-light:focus,
.md-icon-light:hover {
    color: #fff;
    background: rgba(0, 0, 0, .2)
}

.md-icon-dark {
    color: #212121
}

.md-icon-dark:active,
.md-icon-dark:focus,
.md-icon-dark:hover {
    color: #212121;
    background: rgba(255, 255, 255, .6)
}

.md-icon+.md-icon {
    margin-left: 4px
}

.md-list-inputs,
.md-list-inputs>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.md-icon-btn.active .md-icon {
    color: #212121;
    background: rgba(0, 0, 0, .08)
}

button.md-icon {
    background: 0 0;
    border: none;
    outline: 0
}

.uk-open>.md-icon {
    color: #212121;
    background: rgba(0, 0, 0, .08)
}

.uk-open>.md-icon-light {
    color: #fff;
    background: rgba(0, 0, 0, .2)
}

.uk-open>.md-icon-dark {
    color: #212121;
    background: rgba(255, 255, 255, .6)
}

.md-list-inputs li+li {
    margin-top: 8px
}

.md-list-inputs li .icheckbox_md {
    float: left
}

.md-list-inputs li label {
    padding-left: 8px;
    display: block;
    cursor: pointer
}

.md-hr {
    margin: 32px 0;
    height: 0;
    border-top: 2px solid rgba(0, 0, 0, .12)
}

@-webkit-keyframes hierarchical_show {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.2, .2, 2);
        transform: scale3d(.2, .2, 2)
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes hierarchical_show {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.2, .2, 2);
        transform: scale3d(.2, .2, 2)
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.hierarchical_show>* {
    visibility: hidden
}

.hierarchical_show_inView>* {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-name: hierarchical_show;
    animation-name: hierarchical_show;
    visibility: visible
}

@-webkit-keyframes hierarchical_slide {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 160%, 0);
        transform: translate3d(0, 160%, 0)
    }
    33% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes hierarchical_slide {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 160%, 0);
        transform: translate3d(0, 160%, 0)
    }
    33% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.hierarchical_slide>* {
    visibility: hidden
}

.hierarchical_slide_inView>* {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-name: hierarchical_slide;
    animation-name: hierarchical_slide;
    visibility: visible
}

.fast_animation {
    -webkit-animation-duration: 350ms;
    animation-duration: 350ms
}

.cp_altair {
    padding: 8px 0
}

.cp_altair span {
    width: 24px;
    height: 24px;
    margin: 0 8px 8px 0;
    float: left;
    -webkit-transition: all 280ms ease-out;
    transition: all 280ms ease-out;
    border: 1px solid rgba(0, 0, 0, .15)
}

.c3chart,
.mGraph {
    min-height: 240px;
    width: 100%
}

.clndr .clndr_days,
.fc-unthemed .fc-button {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.cp_altair span.active_color {
    border-radius: 50%;
    cursor: default
}

.mGraph-wrapper {
    position: relative
}

.mGraph-wrapper .md-toggle-group {
    position: absolute;
    top: 4px;
    left: 12px
}

.mGraph .mg-active-datapoint {
    font-size: 13px
}

.mGraph .mg-area1-color {
    fill: #1976d2
}

.mGraph .mg-area2-color {
    fill: #689f38
}

.mGraph .mg-area3-color {
    fill: #d32f2f
}

.mGraph .mg-area4-color {
    fill: #ffa000
}

.mGraph .mg-area5-color {
    fill: #455a64
}

.mGraph .mg-baselines line {
    stroke: #909090;
    stroke-width: .5
}

.mGraph .mg-baselines text {
    font-size: 9px;
    opacity: .5
}

.mGraph .mg-chart-title .fa {
    font-size: 16px
}

.mGraph .mg-line1-color {
    stroke: #1976d2
}

.mGraph .mg-hover-line1-color {
    fill: #1976d2
}

.mGraph .mg-line2-color {
    stroke: #689f38
}

.mGraph .mg-hover-line2-color {
    fill: #689f38
}

.mGraph .mg-line3-color {
    stroke: #d32f2f
}

.mGraph .mg-hover-line3-color {
    fill: #d32f2f
}

.mGraph .mg-line4-color {
    stroke: #ffa000
}

.mGraph .mg-hover-line4-color {
    fill: #ffa000
}

.mGraph .mg-line5-color {
    stroke: #455a64
}

.mGraph .mg-hover-line5-color {
    fill: #455a64
}

.mGraph .mg-line1-legend-color {
    color: #1976d2
}

.mGraph .mg-line2-legend-color {
    color: #689f38
}

.mGraph .mg-line3-legend-color {
    color: #d32f2f
}

.mGraph .mg-line4-legend-color {
    color: #ffa000
}

.mGraph .mg-line5-legend-color {
    color: #455a64
}

.mGraph .mg-markers line {
    stroke-width: .8
}

.mGraph .mg-markers text {
    font-size: 9px
}

.mGraph path.mg-main-line {
    stroke-width: 1.1
}

.mGraph .mg-x-axis line,
.mGraph .mg-y-axis line {
    stroke: #ccc;
    stroke-width: .8
}

.mGraph .mg-histogram .axis text,
.mGraph .mg-x-axis text,
.mGraph .mg-y-axis text {
    font-size: 11px
}

.mGraph .mg-axis .label,
.mGraph .mg-x-axis .label,
.mGraph .mg-y-axis .label {
    font-size: 10px
}

.mGraph .mg-active-datapoint-small,
.mGraph .mg-x-axis-small text,
.mGraph .mg-y-axis-small text {
    font-size: 8px
}

.mGraph .mg-x-axis-small .label,
.mGraph .mg-y-axis-small .label,
.mGraph .mg-year-marker text {
    font-size: 9px
}

.mGraph .mg-year-marker line {
    stroke: #ccc;
    stroke-width: .8
}

.mGraph .mg-year-marker-small text {
    font-size: 8px
}

.mGraph .mg-chart-title {
    font-size: 18px;
    margin: 0;
    padding: 0
}

.mGraph .popover {
    z-index: 1060;
    position: absolute!important;
    background: #616161;
    color: #fff;
    font-size: 13px;
    padding: 8px 16px;
    line-height: 16px;
    max-width: 290px;
    margin-top: -10px
}

.c3chart .c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    opacity: 1;
    background: #fff;
    border: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.c3chart .c3-tooltip th {
    border: none;
    background: #fff;
    color: #212121
}

.c3chart .c3-tooltip td {
    border: none;
    color: #212121;
    font-weight: 400;
    font-size: 12px
}

.c3chart .c3-tooltip td+td {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.c3chart .c3-tooltip tr {
    border: none
}

.c3chart .c3-tooltip tr+tr td {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.c3-area {
    opacity: .25
}

.clndr {
    position: relative
}

.clndr,
.clndr *,
.clndr :after,
.clndr :before,
.clndr:after,
.clndr:before {
    box-sizing: border-box
}

.clndr .clndr_days_grid:after,
.clndr .clndr_days_grid:before,
.clndr .clndr_days_names:after,
.clndr .clndr_days_names:before {
    content: " ";
    display: table
}

.clndr .md-card-toolbar-heading-text {
    text-transform: capitalize
}

.clndr .clndr_days {
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    padding: 16px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.clndr .clndr_days .clndr_days_names .day-header {
    width: 14.28571429%;
    float: left;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500
}

.clndr .clndr_days .clndr_days_grid .day {
    width: 14.28571429%;
    float: left;
    padding: 6px;
    text-align: center;
    position: relative
}

.clndr .clndr_days .clndr_days_grid .day.last-month,
.clndr .clndr_days .clndr_days_grid .day.next-month {
    color: #bbb
}

.clndr .clndr_days .clndr_days_grid .day>span {
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: 1px solid transparent
}

@media only screen and (max-width:479px) {
    .clndr .clndr_days .clndr_days_grid .day>span {
        font-size: 14px;
        line-height: 31px;
        height: 32px;
        width: 32px;
        border-radius: 16px
    }
}

.clndr .clndr_days .clndr_days_grid .day.today>span {
    background: #7cb342;
    color: #fff
}

.clndr .clndr_days .clndr_days_grid .day.event {
    cursor: pointer
}

.clndr .clndr_days .clndr_days_grid .day.event>span {
    border-color: rgba(0, 0, 0, .12)
}

.clndr .clndr_days .clndr_days_grid .day.event.today>span {
    border-color: transparent
}

.clndr .clndr_events {
    position: absolute;
    top: 48px;
    bottom: 0;
    right: 0;
    width: 240px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    margin-right: -240px;
    -webkit-transition: margin 280ms cubic-bezier(.4, 0, .2, 1);
    transition: margin 280ms cubic-bezier(.4, 0, .2, 1);
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.clndr .clndr_events .clndr_event {
    padding: 8px 0;
    display: none
}

.clndr .clndr_events .clndr_event>a {
    display: inline-block;
    color: #212121
}

.clndr .clndr_events .clndr_event .clndr_event_more_info,
.clndr .clndr_events .clndr_event .clndr_event_title {
    display: block
}

.clndr .clndr_events .clndr_event .clndr_event_more_info {
    margin: 0;
    font-size: 12px;
    color: #999
}

.clndr .clndr_events .clndr_event .clndr_event_title {
    font-size: 14px;
    font-weight: 500
}

.clndr .clndr_events .clndr_events_close_button {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer
}

.clndr-wrapper.animated_change .clndr_days {
    -webkit-transform: translateY(80%);
    transform: translateY(80%);
    opacity: 0
}

.events_visible .clndr .clndr_days {
    margin-right: 240px
}

.events_visible .clndr .clndr_days .day-active>span {
    border-color: #2196f3!important;
    box-shadow: 0 0 0 1px #2196f3
}

.events_over.events_visible .clndr .clndr_days,
.events_visible .clndr .clndr_events {
    margin-right: 0
}

.events_over.events_visible .clndr_events {
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);
    z-index: 5;
    border-left-color: transparent
}

.peity_data {
    display: none
}

.gmap {
    width: 100%;
    height: 240px
}

.gmap img {
    max-width: none
}

.gmap .on_gmap .wrap_controls {
    width: 180px;
    border: none!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)!important
}

.gmap .on_gmap .controls_title {
    font-weight: 400!important;
    font-size: 14px!important
}

.gmap .on_gmap.dropdown .wrap_controls {
    overflow: visible!important
}

.gmap_large {
    height: 300px
}

.gmap_xlarge {
    height: 400px
}

.gmap_list>li {
    cursor: pointer;
    -webkit-transition: background .4s cubic-bezier(.4, 0, .2, 1);
    transition: background .4s cubic-bezier(.4, 0, .2, 1)
}

.gmap_list>li:active {
    background: #eee
}

.gmap-info-window {
    min-width: 120px;
    font-weight: 400
}

.gmap-info-window h3 {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 17px
}

.gmap-info-window p {
    color: #aaa;
    font-size: 13px;
    margin: 0
}

.epc_chart {
    display: block;
    position: relative
}

.epc_chart_icon,
.epc_chart_text {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    left: 0;
    top: 0
}

.epc_chart_text {
    font: 400 20px/110px Roboto, sans-serif
}

.epc_chart_icon {
    line-height: 104px;
    display: block
}

.epc_chart_icon>i {
    color: #727272;
    font-size: 48px;
    vertical-align: middle
}

.epc_chart+.heading_a {
    margin-top: 10px
}

.icheckbox_md,
.iradio_md {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    box-sizing: border-box
}

.icheckbox_md:after,
.iradio_md:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.icheckbox_md>input,
.iradio_md>input {
    margin: 0
}

.icheckbox_md>.iCheck-helper,
.iradio_md>.iCheck-helper {
    z-index: 10
}

.icheckbox_md {
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #fff;
    transition: all .2s ease-out
}

.icheckbox_md.checked:after,
.icheckbox_md.disabled:after {
    content: '\E5CA';
    font-family: "Material Icons";
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: -2px;
    top: -6px;
    line-height: 1.42857143
}

.icheckbox_md.checked,
.icheckbox_md.hover.checked {
    background: #15BE27;
    border-color: #15BE27!important
}

.icheckbox_md.disabled:after {
    display: none
}

.icheckbox_md.disabled,
.icheckbox_md.disabled.checked {
    background: 0 0;
    background-clip: padding-box;
    border-color: rgba(0, 0, 0, .26);
    cursor: default
}

.icheckbox_md.disabled.checked {
    background: #bdbdbd!important;
    border-color: #bdbdbd!important
}

.icheckbox_md.disabled.checked:after {
    display: block!important
}

.md-input-danger .icheckbox_md {
    border-color: #e53935
}

.icheckbox_md.indeterminate {
    background: #009688;
    border-color: #009688
}

.icheckbox_md.indeterminate:after {
    content: '';
    background: #fff;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px
}

.iradio_md {
    border: 2px solid rgba(0, 0, 0, .54);
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.iradio_md:after {
    content: '';
    background: 0 0;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-transform: scale(.1);
    transform: scale(.1);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.iradio_md.checked {
    border-color: #15BE27!important
}

.iradio_md.checked:after {
    background: #15BE27;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.iradio_md.disabled {
    border-color: rgba(0, 0, 0, .26);
    cursor: default
}

.iradio_md.disabled:after {
    background: rgba(0, 0, 0, .26);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.md-input-danger .iradio_md {
    border-color: #e53935
}

.disabled+.inline-label {
    color: rgba(0, 0, 0, .26);
    cursor: default
}

.icheck-inline {
    display: inline-block;
    margin: 0 16px 16px 0
}

.icheck-inline+.parsley-errors-list {
    margin-top: -8px
}

code[class*=language-],
pre[class*=language-] {
    color: #000;
    background: 0 0;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    position: relative;
    margin: .5em 0;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(69, 142, 209, .04) 50%);
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, .04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    overflow: visible
}

code[class*=language] {
    max-height: inherit;
    height: 100%;
    padding: 0 1em;
    display: block;
    overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background-color: #fdfdfd;
    box-sizing: border-box;
    margin-bottom: 1em
}

:not(pre)>code[class*=language-] {
    position: relative;
    padding: .2em;
    border-radius: .3em;
    color: #c92c2c;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline;
    white-space: normal
}

.dataTables_wrapper .uk-table tbody td.dt-body-nowrap,
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap,
.dataTables_wrapper .uk-table td.dt-nowrap,
.dataTables_wrapper .uk-table tfoot td.dt-head-nowrap,
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
.dataTables_wrapper .uk-table th.dt-nowrap,
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
.dataTables_wrapper .uk-table thead th.dt-head-nowrap,
.dataTables_wrapper .uk-table.nowrap td,
.dataTables_wrapper .uk-table.nowrap th,
.irs-grid-text {
    white-space: nowrap
}

pre[class*=language-]:after,
pre[class*=language-]:before {
    content: '';
    z-index: -2;
    position: absolute;
    bottom: .75em;
    left: .18em;
    width: 40%;
    height: 20%;
    max-height: 13em;
    box-shadow: 0 13px 8px #979797;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

pre.line-numbers,
pre.line-numbers>code {
    position: relative
}

:not(pre)>code[class*=language-]:after,
pre[class*=language-]:after {
    right: .75em;
    left: auto;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
}

.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #7D8B99
}

.token.punctuation {
    color: #5F6364
}

.token.boolean,
.token.constant,
.token.deleted,
.token.function-name,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #c92c2c
}

.token.attr-name,
.token.builtin,
.token.char,
.token.function,
.token.inserted,
.token.selector,
.token.string {
    color: #2f9c0a
}

.token.entity,
.token.operator,
.token.url,
.token.variable {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.atrule,
.token.attr-value,
.token.class-name,
.token.keyword {
    color: #1990b8
}

.token.important,
.token.regex {
    color: #e90
}

.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.important {
    font-weight: 400
}

.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.namespace {
    opacity: .7
}

@media screen and (max-width:767px) {
    pre[class*=language-]:after,
    pre[class*=language-]:before {
        bottom: 14px;
        box-shadow: none
    }
}

.token.cr:before,
.token.lf:before,
.token.tab:not(:empty):before {
    color: #e0d7d1
}

pre[class*=language-].line-numbers {
    padding-left: 0
}

pre[class*=language-].line-numbers code {
    padding-left: 3.8em
}

pre[class*=language-].line-numbers .line-numbers-rows {
    left: 0
}

pre[class*=language-][data-line] {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

pre[data-line] code {
    position: relative;
    padding-left: 4em
}

pre .line-highlight {
    margin-top: 0
}

pre.line-numbers {
    padding-left: 3.8em;
    counter-reset: linenumber
}

.line-numbers .line-numbers-rows {
    position: absolute;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows>span {
    display: block;
    counter-increment: linenumber
}

.line-numbers-rows>span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: .8em;
    text-align: right
}

.scroll-wrapper {
    overflow: hidden!important;
    padding: 0!important;
    position: relative
}

.scroll-textarea>.scroll-content>textarea,
.scroll-wrapper>.scroll-content {
    border: none!important;
    max-width: none!important;
    position: relative!important;
    margin: 0;
    top: 0
}

.scroll-wrapper>.scroll-content {
    box-sizing: content-box!important;
    height: auto;
    left: 0;
    max-height: none;
    overflow-y: scroll!important;
    overflow-x: hidden!important;
    padding: 0;
    width: auto!important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea>.scroll-content {
    overflow: hidden!important
}

.scroll-textarea>.scroll-content>textarea {
    box-sizing: border-box;
    height: 100%!important;
    max-height: none!important;
    overflow: scroll!important;
    outline: 0;
    padding: 2px;
    width: 100%!important
}

.irs-hidden-input,
.irs-line,
.selectize-input>input:focus {
    outline: 0!important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner {
    height: 100%!important;
    max-height: 100%;
    overflow-y: auto
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    opacity: 0;
    border-radius: 6px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}

.scrollbar-inner>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-inner>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0
}

.scrollbar-inner>.scroll-element.scroll-y .scroll-bar {
    left: -8px;
    min-height: 10px;
    width: 6px
}

.scrollbar-inner>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-inner>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-inner:hover>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
    opacity: .7
}

.sidebar_mini #sidebar_main .scrollbar-inner>.scroll-element.scroll-y {
    right: auto;
    left: 0
}

.sidebar_mini #sidebar_main .scrollbar-inner>.scroll-element.scroll-y .scroll-bar {
    left: 2px
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible!important;
    background: #f2f2f2!important;
    background: rgba(0, 0, 0, .06)!important;
    border: 0!important;
    box-shadow: inset 0 0 12px 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px!important
}

.selectize-dropdown-header-close:hover {
    color: #000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: 0 0
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px
}

.selectize-control,
.selectize-input {
    position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit
}

.selectize-control.single .selectize-input.input-active,
.selectize-input {
    background: #fff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #d0d0d0;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px
}

.selectize-input.full {
    background-color: #fff
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default!important
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff
}

.selectize-input>input {
    display: inline-block!important;
    padding: 0!important;
    min-height: 0!important;
    max-height: none!important;
    max-width: 100%!important;
    margin: 0 2px 0 0!important;
    text-indent: 0!important;
    border: 0!important;
    background: 0 0!important;
    line-height: inherit!important;
    -webkit-user-select: auto!important;
    box-shadow: none!important
}

.irs,
.switchery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

#header_main:after,
#sidebar_main .sidebar_main_header .sidebar_actions:after,
.chat_box .chat_message_wrapper ul.chat_message>li,
.chat_box .chat_message_wrapper:after,
.chatbox_header:after,
.clearfix:after,
.dt_colVis_buttons:after,
.search_list li:after,
.wizard.vertical>.actions {
    clear: both
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px
}

.dataTables_wrapper .uk-table,
.dataTables_wrapper .uk-table td,
.dataTables_wrapper .uk-table th,
.switchery {
    box-sizing: content-box
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2);
    border-radius: 1px
}

.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
    padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, .5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    display: block;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0
}

#code_editor_close,
.selectize-input.dropdown-active:before,
.selectize-input.focus:before,
.selectize-input:before {
    display: none
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px;
    border-color: transparent transparent grey
}

.selectize-control.rtl.single .selectize-input:after {
    right: auto;
    left: 28px
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px!important
}

.selectize-control.multi .selectize-input .item-icon,
.selectize-dropdown.multi .item-icon {
    margin-right: 4px
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fafafa
}

.selectize-input {
    border-color: rgba(0, 0, 0, .12);
    line-height: 25px;
    padding: 6px 8px
}

.selectize-input,
.selectize-input.focus {
    border-radius: 0;
    box-shadow: none
}

.md-input-danger .selectize-input {
    border-color: #e53935
}

.selectize-dropdown {
    margin-top: -44px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    color: #212121;
    z-index: 1210;
    -webkit-transform: translate3d(0, 0, 0)
}

.selectize-dropdown [data-selectable] {
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 15px
}

.selectize-dropdown [data-selectable].option-disabled {
    color: #aaa;
    cursor: not-allowed
}

.selectize-dropdown .active {
    background: rgba(0, 0, 0, .085);
    color: inherit
}

.selectize-dropdown .optgroup-header {
    font-size: 14px;
    color: #aaa;
    padding-top: 8px
}

.selectize-dropdown.selectize_fs {
    z-index: 9999
}

.selectize-control .selectize-input {
    min-height: 40px
}

.selectize-control.multi .selectize-input {
    line-height: 21px
}

.selectize-control.multi .selectize-input>div {
    border-radius: 18px;
    padding: 3px 8px 2px;
    font-size: 14px
}

.selectize-control.multi .selectize-input .selectize-input.has-items {
    padding: 4px
}

.selectize-control.multi .selectize-input input {
    height: 26px;
    font-size: 15px
}

.selectize-control.plugin-remove_button [data-value] {
    padding-right: 32px!important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    border: none;
    width: auto;
    padding: 4px 5px 0 0
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: 0 0
}

.selectize-control.plugin-remove_button [data-value] .remove:after {
    color: #727272;
    content: '\E5CD';
    font-family: "Material Icons";
    font-size: 18px
}

.selectize-control.single {
    height: 40px;
    margin-top: 4px
}

.selectize-control.single .selectize-input {
    border-width: 0 0 1px;
    padding: 8px 8px 9px
}

.selectize-control.single .selectize-input:after {
    border: none!important;
    content: '\E5C5';
    font-family: "Material Icons";
    font-size: 28px;
    margin-top: -12px!important;
    right: 28px;
    color: rgba(0, 0, 0, .3)
}

.selectize-control.single .selectize-input .item,
.selectize-control.single .selectize-input input {
    font-size: 15px
}

.selectize_fix {
    overflow: hidden;
    height: 0;
    width: 100%
}

.tablesorter .selectize-control .selectize-input,
.tablesorter .selectize-control.single {
    min-height: 34px
}

.tablesorter .selectize-control .selectize-input {
    padding: 4px 8px 5px
}

.CodeMirror pre {
    font-size: 14px!important;
    line-height: 20px!important
}

.CodeMirror div.CodeMirror-cursor {
    min-height: 20px
}

.CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto
}

.CodeMirror-fullscreen #code_editor_close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block
}

.CodeMirror_textarea {
    visibility: hidden
}

.uk-notouch #code_editor_close {
    right: 30px!important
}

.md-card-CodeMirror .md-card-content form,
.md-card-CodeMirror .md-card-content form .CodeMirror {
    height: 100%
}

body.CodeMirror-fullscreen-active #header_main,
body.CodeMirror-fullscreen-active #sidebar_main,
body.CodeMirror-fullscreen-active #style_switcher {
    display: none
}

body.CodeMirror-fullscreen-active .CodeMirror-fullscreen,
body.CodeMirror-fullscreen-active .md-card-CodeMirror {
    z-index: 1154
}

body.CodeMirror-fullscreen-active .CodeMirror-fullscreen #code_editor_close {
    z-index: 1155
}

.switchery {
    background-color: #fff;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    position: relative;
    vertical-align: middle;
    width: 38px;
    user-select: none;
    background-clip: content-box;
    -webkit-transition: background-color .8s ease-out!important;
    transition: background-color .8s ease-out!important;
    box-shadow: none!important;
    margin: 6px 2px
}

.switchery>small {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .55);
    height: 20px;
    position: absolute;
    top: 0;
    width: 20px;
    margin-top: -3px;
    -webkit-transition: background .2s cubic-bezier(.4, 0, .2, 1), left .2s cubic-bezier(.4, 0, .2, 1)!important;
    transition: background .2s cubic-bezier(.4, 0, .2, 1), left .2s cubic-bezier(.4, 0, .2, 1)!important
}

.irs,
.irs-line {
    position: relative;
    display: block
}

.switchery-small {
    width: 32px;
    height: 9px;
    margin: 4px 1px
}

.switchery-small>small {
    height: 16px;
    width: 16px;
    top: -1px
}

.switchery-large {
    width: 48px
}

.switchery-large>small {
    height: 24px;
    width: 24px;
    top: -3px
}

.irs {
    user-select: none;
    height: 55px
}

.tablesorter .irs {
    height: 42px
}

.irs-line {
    height: 2px;
    top: 33px;
    background: #EEE;
    overflow: hidden
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    height: 8px;
    left: 0;
    width: 11%
}

.irs-line-mid {
    height: 8px;
    left: 9%;
    width: 82%
}

.irs-line-right {
    height: 8px;
    right: 0;
    width: 11%
}

.irs-bar,
.irs-bar-edge {
    height: 2px;
    background: #009688;
    display: block;
    top: 33px;
    position: absolute;
    left: 0
}

.irs-bar {
    width: 0
}

.irs-bar-edge {
    width: 6px;
    border-right: 0
}

.irs-shadow {
    height: 4px;
    top: 32px;
    background: #000;
    opacity: .4;
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider,
.irs-slider.state_hover,
.irs-slider:hover {
    background: #009688
}

.irs-slider {
    top: 28px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 1
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
    font-size: 12px;
    line-height: 16px;
    padding: 1px 4px;
    border-radius: 2px;
    position: absolute;
    display: block;
    top: 0;
    text-shadow: none
}

.irs-slider.type_last {
    z-index: 2
}

.irs-max,
.irs-min {
    color: #727272;
    background: rgba(0, 0, 0, .08);
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    color: #fff;
    background: #009688;
    left: 0;
    cursor: default;
    white-space: nowrap;
    z-index: 10
}

.irs-from:after,
.irs-single:after,
.irs-to:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
    display: block;
    border: 4px solid transparent;
    border-top-color: #009688
}

.irs-grid,
.irs-grid-pol,
.irs-grid-text {
    left: 0;
    position: absolute
}

.irs-with-grid {
    height: 65px
}

.irs-grid {
    display: none;
    bottom: 0;
    width: 100%;
    height: 20px
}

.irs-grid-pol {
    opacity: .5;
    top: 0;
    width: 1px;
    height: 8px;
    background: #727272
}

.irs-grid-pol.small {
    background: #727272;
    height: 4px
}

.irs-grid-text {
    bottom: 0;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #727272
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    z-index: -9999!important;
    background: 0 0!important;
    border-style: solid!important;
    border-color: transparent!important
}

.dataTables_wrapper .uk-table td:active,
.dataTables_wrapper .uk-table th:active,
.dataTables_wrapper .uk-table:active,
.dt-button embed,
.tabcontrol a,
.wizard a {
    outline: 0
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
    background: #ccc
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
    background: #999
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.parsley-errors-list {
    color: #e53935;
    margin-top: 0
}

.parsley-errors-list span {
    display: block;
    padding-top: 4px
}

.dataTables_wrapper .uk-table {
    margin: 0 auto;
    border-spacing: 0
}

.dataTables_wrapper .uk-table thead .sorting,
.dataTables_wrapper .uk-table thead .sorting_asc,
.dataTables_wrapper .uk-table thead .sorting_desc {
    cursor: pointer;
    padding-right: 24px
}

.dataTables_wrapper .uk-table thead .sorting,
.dataTables_wrapper .uk-table thead .sorting_asc,
.dataTables_wrapper .uk-table thead .sorting_asc_disabled,
.dataTables_wrapper .uk-table thead .sorting_desc,
.dataTables_wrapper .uk-table thead .sorting_desc_disabled {
    position: relative
}

.dataTables_wrapper .uk-table thead .sorting:after,
.dataTables_wrapper .uk-table thead .sorting_asc:after,
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after,
.dataTables_wrapper .uk-table thead .sorting_desc:after,
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
    position: absolute;
    right: 4px;
    bottom: 13px;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    font-family: "Material Icons";
    color: #212121
}

.dataTables_wrapper .uk-table thead .sorting:after {
    content: '\E164';
    color: #aaa
}

.dataTables_wrapper .uk-table thead .sorting_asc:after {
    content: '\E313'
}

.dataTables_wrapper .uk-table thead .sorting_desc:after {
    content: '\E316'
}

.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after {
    content: '\E313';
    color: #aaa
}

.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
    content: '\E316';
    color: #aaa
}

.dataTables_wrapper .uk-table tbody tr.selected,
.dataTables_wrapper .uk-table tbody tr>.sorting_1,
.dataTables_wrapper .uk-table tbody tr>.sorting_2,
.dataTables_wrapper .uk-table tbody tr>.sorting_3,
.dataTables_wrapper .uk-table.order-column tbody tr>.sorting_1,
.dataTables_wrapper .uk-table.order-column tbody tr>.sorting_2,
.dataTables_wrapper .uk-table.order-column tbody tr>.sorting_3 {
    background-color: rgba(102, 102, 102, .085)
}

.dataTables_wrapper .uk-table.compact thead td,
.dataTables_wrapper .uk-table.compact thead th {
    padding: 4px 17px 4px 4px
}

.dataTables_wrapper .uk-table.compact tbody td,
.dataTables_wrapper .uk-table.compact tbody th,
.dataTables_wrapper .uk-table.compact tfoot td,
.dataTables_wrapper .uk-table.compact tfoot th {
    padding: 4px
}

.dataTables_wrapper .uk-table td.dt-left,
.dataTables_wrapper .uk-table th.dt-left {
    text-align: left
}

.dataTables_wrapper .uk-table td.dataTables_empty,
.dataTables_wrapper .uk-table td.dt-center,
.dataTables_wrapper .uk-table th.dt-center {
    text-align: center
}

.dataTables_wrapper .uk-table td.dt-right,
.dataTables_wrapper .uk-table th.dt-right {
    text-align: right
}

.dataTables_wrapper .uk-table td.dt-justify,
.dataTables_wrapper .uk-table th.dt-justify {
    text-align: justify
}

.dataTables_wrapper .uk-table tfoot td.dt-head-left,
.dataTables_wrapper .uk-table tfoot th.dt-head-left,
.dataTables_wrapper .uk-table thead td.dt-head-left,
.dataTables_wrapper .uk-table thead th.dt-head-left {
    text-align: left
}

.dataTables_wrapper .uk-table tfoot td.dt-head-center,
.dataTables_wrapper .uk-table tfoot th.dt-head-center,
.dataTables_wrapper .uk-table thead td.dt-head-center,
.dataTables_wrapper .uk-table thead th.dt-head-center {
    text-align: center
}

.dataTables_wrapper .uk-table tfoot td.dt-head-right,
.dataTables_wrapper .uk-table tfoot th.dt-head-right,
.dataTables_wrapper .uk-table thead td.dt-head-right,
.dataTables_wrapper .uk-table thead th.dt-head-right {
    text-align: right
}

.dataTables_wrapper .uk-table tfoot td.dt-head-justify,
.dataTables_wrapper .uk-table tfoot th.dt-head-justify,
.dataTables_wrapper .uk-table thead td.dt-head-justify,
.dataTables_wrapper .uk-table thead th.dt-head-justify {
    text-align: justify
}

.dataTables_wrapper .uk-table tbody td.dt-body-left,
.dataTables_wrapper .uk-table tbody th.dt-body-left {
    text-align: left
}

.dataTables_wrapper .uk-table tbody td.dt-body-center,
.dataTables_wrapper .uk-table tbody th.dt-body-center {
    text-align: center
}

.dataTables_wrapper .uk-table tbody td.dt-body-right,
.dataTables_wrapper .uk-table tbody th.dt-body-right {
    text-align: right
}

.dataTables_wrapper .uk-table tbody td.dt-body-justify,
.dataTables_wrapper .uk-table tbody th.dt-body-justify {
    text-align: justify
}

.dataTables_wrapper .uk-table tfoot .md-input-wrapper {
    padding-top: 0
}

.dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
    padding: 8px 4px
}

.dataTables_wrapper .dataTables_length {
    margin-top: -1px
}

.dataTables_wrapper .dataTables_filter .md-input-wrapper {
    padding-top: 3px
}

.dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
    padding: 6px 4px;
    -webkit-appearance: none;
    border-radius: 0
}

.dataTables_wrapper .selectize-control.dt-selectize {
    min-width: 64px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    height: 40px
}

.dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
    border-color: transparent;
    background: 0 0
}

.dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
    border-color: rgba(0, 0, 0, .12);
    background: #fff
}

.dataTables_wrapper .dt-uikit-header {
    padding: 4px 8px;
    margin-bottom: 16px
}

.dataTables_wrapper .dt-uikit-footer {
    padding: 4px 8px;
    margin-top: 16px
}

.dataTables_wrapper .dt-uikit-footer .dataTables_info {
    padding-top: 8px;
    color: #727272;
    font-size: 12px
}

@media only screen and (max-width:767px) {
    .dataTables_wrapper .dt-uikit-footer .dataTables_info {
        text-align: center
    }
}

.dataTables_wrapper .dt-uikit-footer .uk-pagination {
    text-align: right
}

@media only screen and (max-width:767px) {
    .dataTables_wrapper .dt-uikit-footer .uk-pagination {
        margin-top: 16px;
        text-align: center
    }
}

.dataTables_wrapper .uk-overflow-container td,
.dataTables_wrapper .uk-overflow-container th {
    white-space: nowrap!important
}

.dt_colVis_buttons {
    margin-bottom: 8px
}

.dt_colVis_buttons:after,
.dt_colVis_buttons:before {
    content: " ";
    display: table
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

div.dt-button-info h2 {
    padding: 16px;
    margin: 0;
    font: 400 20px/24px Roboto, sans-serif
}

div.dt-button-info>div {
    padding: 16px 24px
}

div.dt-buttons {
    position: relative;
    float: left
}

div.dt-buttons.buttons-right {
    float: right
}

.dt-button-collection.uk-dropdown {
    margin-top: 4px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1!important;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 2020
}

.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a {
    position: relative;
    padding-left: 32px;
    color: #212121;
    font-size: 15px;
    line-height: 20px
}

.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '\E835';
    font-family: "Material Icons";
    font-size: 24px;
    color: rgba(0, 0, 0, .54)
}

.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility.active a:before {
    content: '\E834';
    color: #009688
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px;
    border: 1px solid rgba(0, 0, 0, .4);
    background-color: #fff;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0
}

div.dt-button-collection.fixed.two-column {
    margin-left: -150px
}

div.dt-button-collection.fixed.three-column {
    margin-left: -225px
}

div.dt-button-collection.fixed.four-column {
    margin-left: -300px
}

div.dt-button-collection>* {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
    background: rgba(0, 0, 0, .08)
}

@media screen and (max-width:640px) {
    div.dt-buttons {
        float: none!important;
        text-align: center
    }
}

.fc-state-default {
    border: none;
    background: 0 0;
    box-shadow: none;
    border-radius: 0!important
}

.fc-toolbar {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: -16px -16px 16px;
    height: 48px;
    padding: 0 16px
}

.fc-toolbar h2 {
    line-height: 48px
}

.fc-toolbar .fc-button {
    margin-top: 8px;
    border-radius: 50%!important
}

.fc-toolbar .fc-button:hover {
    background: rgba(0, 0, 0, .08)
}

.fc-event {
    background: #0277bd;
    border-radius: 3px;
    font-size: 12px
}

.fc-day-grid-event {
    padding: 2px
}

.fc-day-number.fc-other-month {
    opacity: .4
}

.fc .fc-button-group+.fc-button-group {
    margin-left: 24px
}

.fc .fc-day-grid-event {
    margin-top: 2px
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: rgba(102, 102, 102, .12)
}

.fc-unthemed .fc-widget-header {
    border: none;
    text-align: left;
    font-size: 15px;
    color: #727272;
    font-weight: 400;
    padding: 2px 1px
}

.fc-unthemed .fc-today {
    background: #fffde7
}

.fc-unthemed .fc-button.fc-state-active,
.fc-unthemed .fc-button.fc-state-disabled {
    background: 0 0!important;
    cursor: default
}

.fc-unthemed .fc-button {
    position: relative;
    min-width: 32px;
    height: 32px;
    box-sizing: border-box;
    padding: 0;
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.btn-file input,
.fileinput .thumbnail>img {
    height: 100%;
    width: 100%
}

.fc-unthemed .fc-button+.fc-button {
    margin-left: 8px
}

.fc-unthemed .fc-button:after {
    font-family: "Material Icons";
    font-size: 24px;
    position: absolute;
    color: #727272;
    left: 0;
    top: 4px;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.fc-unthemed .fc-button:hover:after {
    color: #212121
}

.fc-unthemed .fc-button.fc-state-active:after {
    color: #1094D7
}

.fc-unthemed .fc-button.fc-state-disabled:hover:after {
    color: #727272
}

.fc-unthemed .fc-today-button {
    margin-left: 16px
}

.fc-unthemed .fc-today-button:after {
    content: '\E8DF'
}

.fc-unthemed .fc-month-button:after {
    content: '\E42A'
}

.fc-unthemed .fc-agendaWeek-button:after {
    content: '\E8F3'
}

.fc-unthemed .fc-agendaDay-button:after {
    content: '\E8ED'
}

.fc-unthemed .fc-listWeek-button:after {
    content: '\E8EF'
}

.fc-unthemed .fc-prev-button:after {
    content: '\E408'
}

.fc-unthemed .fc-next-button {
    margin-left: 0!important
}

.fc-unthemed .fc-next-button:after {
    content: '\E409'
}

.fc-unthemed .fc-popover {
    border: none!important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    margin: -10px 0 0 -4px
}

.fc-unthemed .fc-popover .fc-header {
    padding: 4px;
    background: #999;
    color: #fff
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    margin-top: 3px;
    color: #fff
}

.fc-unthemed .fc-popover .fc-event-container {
    padding: 8px
}

.fc-unthemed .fc-highlight {
    background: 0 0;
    box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
    opacity: 1
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: left;
    color: #212121
}

.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
    padding: 2px 4px
}

.fc-list-item+.fc-list-heading .fc-widget-header {
    border-top: 1px solid #ddd
}

.fc-list-heading .fc-widget-header {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500
}

.mapTooltip {
    background: #616161;
    color: #fff;
    font-size: 14px;
    padding: 6px 16px;
    line-height: 18px;
    text-shadow: none;
    position: fixed;
    border-radius: 4px;
    z-index: 1000;
    max-width: 200px;
    display: none
}

.vm_wrapper {
    max-width: 100%;
    margin: 0 auto
}

.plotLegend {
    margin-top: 24px;
    padding: 16px 16px 8px
}

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer
}

.btn-file input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
    direction: ltr
}

.fileinput {
    display: inline-block
}

.fileinput .form-control {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
}

.fileinput .thumbnail {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: top
}

.fileinput .btn,
.fileinput-filename {
    vertical-align: middle
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
    display: none!important
}

.fileinput-inline .fileinput-controls {
    display: inline
}

.fileinput-filename {
    display: inline-block;
    overflow: hidden
}

div.ganttview {
    position: relative
}

div.ganttview,
div.ganttview *,
div.ganttview :after,
div.ganttview :before,
div.ganttview:after,
div.ganttview:before {
    box-sizing: border-box
}

div.ganttview-wrapper {
    margin: 0 auto;
    overflow: hidden
}

div.ganttview-grid,
div.ganttview-grid-row-cell,
div.ganttview-hzheader-day,
div.ganttview-hzheader-month,
div.ganttview-vtheader {
    float: left
}

div.ganttview-hzheader-day,
div.ganttview-hzheader-month {
    text-align: center
}

div.ganttview-grid-row-cell.last,
div.ganttview-hzheader-day.last,
div.ganttview-hzheader-month.last {
    border-right: none
}

div.ganttview-hzheader-month {
    width: 60px;
    height: 20px;
    border-right: 1px solid rgba(0, 0, 0, .12);
    line-height: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #727272;
    box-sizing: content-box
}

div.ganttview-hzheader-day {
    width: 20px;
    height: 20px;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid rgba(0, 0, 0, .12);
    line-height: 20px;
    color: #999;
    font-size: 11px
}

div.ganttview-hzheader-day.ganttview-weekend {
    background: #f8f8f8
}

div.ganttview-vtheader {
    margin-top: 41px;
    width: 240px;
    background-color: #fff
}

div.ganttview-vtheader-group {
    color: #212121
}

div.ganttview-vtheader-group-name {
    line-height: 24px;
    font-size: 13px;
    font-weight: 500;
    height: 24px;
    padding: 0 8px;
    position: relative;
    border-top: 1px solid #e0e0e0;
    background: rgba(0, 0, 0, .085)
}

div.ganttview-vtheader-group-name.toggle_enabled {
    cursor: pointer
}

div.ganttview-vtheader-group-name.toggle_enabled:before {
    position: absolute;
    right: 4px;
    top: 0;
    display: block;
    content: '\E313';
    font-family: "Material Icons";
    font-size: 18px;
    color: #727272
}

div.ganttview-vtheader-group-name.toggle_enabled.projectHidden:before {
    content: '\E316'
}

div.ganttview-vtheader-series-row {
    height: 42px;
    padding: 3px 8px;
    border-top: 1px solid #e0e0e0;
    font-size: 13px;
    overflow: hidden;
    position: relative
}

div.ganttview-vtheader-series-row:hover {
    overflow: visible
}

div.ganttview-vtheader-series-row:hover .series-content {
    min-width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    overflow: visible;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    padding: 5px 8px 3px
}

div.ganttview-vtheader-series-row .series-users {
    float: left;
    margin-right: 8px
}

div.ganttview-vtheader-series-row .series-users .series-user {
    margin-right: 0
}

div.ganttview-vtheader-series-row .series-users .series-user+.series-user {
    margin-left: 4px
}

div.ganttview-vtheader-series-row .series-users .series-user>span {
    display: inline-block
}

div.ganttview-vtheader-series-row .series-user {
    float: left;
    margin-right: 8px
}

div.ganttview-vtheader-series-row .series-user img {
    width: 34px;
    height: 34px;
    border-radius: 50%
}

div.ganttview-vtheader-series-row .series-content .series-dates,
div.ganttview-vtheader-series-row .series-content .series-name {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

div.ganttview-vtheader-series-row .series-content {
    line-height: 16px;
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap
}

div.ganttview-vtheader-series-row .series-content .series-dates {
    color: #aaa;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 2px
}

div.ganttview-vtheader-series-row .series-content .series-dates>.date-user {
    display: none
}

div.ganttview-vtheader-series-row .series-content .date-sep {
    display: inline-block;
    margin: 0 8px
}

div.ganttview-hzheader-days,
div.ganttview-hzheader-months {
    overflow: hidden
}

div.ganttview-slide-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-y: auto;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

div.ganttview-grid-row {
    overflow: hidden
}

div.ganttview-grid-row-cell {
    width: 20px;
    height: 42px;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

div.ganttview-grid-row-cell.ganttview-weekend {
    background-color: #fafafa
}

div.ganttview-grid-spacer {
    background: #ededed;
    height: 24px;
    border-top: 1px solid #e0e0e0;
    cursor: pointer
}

div.ganttview-grid-spacer+.ganttview-grid-row>div.ganttview-grid-row-cell {
    border-top-color: #e0e0e0
}

div.ganttview-blocks {
    min-width: 100%;
    width: auto
}

div.ganttview-block {
    height: 60%;
    background-color: #bbb;
    border-radius: 2px;
    position: absolute!important;
    opacity: .8;
    top: 20%
}

div.ganttview-block-spacer {
    height: 24px
}

div.ganttview-block-container {
    position: relative;
    height: 42px;
    width: 100%
}

div.ganttview-block-text {
    position: absolute;
    font-size: 11px;
    color: #fff;
    padding: 5px 8px 2px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block
}

div.ganttview-block-text>a {
    color: #fff;
    text-decoration: underline
}

div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
    bottom: 0
}

div.ganttview-block:hover {
    z-index: 1000;
    opacity: 1
}

div.ganttview .ui-resizable {
    position: relative
}

div.ganttview .ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute
}

.animate_hide,
div.ganttview .ui-resizable-autohide .ui-resizable-handle,
div.ganttview .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

div.ganttview .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

div.ganttview .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px
}

@media only screen and (min-width:768px) {
    div.ganttview-wrapper {
        width: 100%
    }
    div.ganttview-slide-container {
        width: 75%;
        border: 1px solid rgba(0, 0, 0, .12)
    }
    div.ganttview-vtheader {
        width: 25%;
        border-right: 1px solid rgba(0, 0, 0, .12)
    }
}

@media only screen and (max-width:767px) {
    div.ganttview-wrapper {
        position: relative
    }
    div.ganttview-vtheader {
        position: absolute;
        left: 0;
        top: 0;
        background: 0 0;
        width: 100%;
        z-index: 10;
        margin-top: 40px
    }
    div.ganttview-vtheader-series-name {
        height: 22px;
        line-height: 20px;
        border: none;
        margin-bottom: 31px
    }
    div.ganttview-vtheader-series-row {
        margin-bottom: 42px
    }
    div.ganttview-row {
        margin-top: 21px
    }
    div.ganttview-grid-spacer {
        background: 0 0;
        border-top: none
    }
    div.ganttview-grid-spacer+.ganttview-grid-row>div.ganttview-grid-row-cell {
        border-top-color: rgba(0, 0, 0, .12)
    }
    div.ganttview-block-container,
    div.ganttview-grid-row {
        margin-top: 42px
    }
    div.ganttview-slide-container,
    div.ganttview-wrapper {
        width: 100%
    }
    div.ganttview-slide-container {
        border-left: none;
        position: relative;
        z-index: 10
    }
    div.ganttview-vtheader-group:last-child {
        border-bottom: none
    }
}

.tabcontrol,
.wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

.tablesorter-altair th,
a,
button {
    outline: 0!important
}

.tabcontrol ul,
.wizard ul {
    list-style: none!important;
    padding: 0;
    margin: 0
}

.tabcontrol ul>li,
.wizard ul>li {
    display: block;
    padding: 0
}

.tabcontrol .content>.title,
.tabcontrol>.steps .current-info,
.wizard .content>.title,
.wizard>.steps .current-info {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
    background: #2196f3
}

.wizard>.steps .number {
    font-size: 14px;
    border: 2px solid #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -14px
}

.wizard>.content,
.wizard>.steps>ul>li a {
    position: relative
}

@media only screen and (min-width:960px) {
    .wizard>.steps .number {
        font-size: 16px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin-top: -18px
    }
}

.wizard>.steps .title {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-left: 46px;
    box-sizing: border-box
}

.wizard>.steps>ul>li {
    display: block
}

.wizard>.steps>ul>li+li a {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

@media only screen and (min-width:960px) {
    .wizard>.steps>ul>li {
        float: left;
        width: 25%
    }
    .wizard>.steps>ul>li+li a {
        border-top: none;
        border-right: 1px solid rgba(0, 0, 0, .15)
    }
}

.wizard>.steps>ul>li a,
.wizard>.steps>ul>li a:active,
.wizard>.steps>ul>li a:hover {
    display: block;
    width: auto;
    padding: 12px 8px;
    text-decoration: none;
    color: #fff
}

@media only screen and (min-width:960px) {
    .wizard>.steps>ul>li a,
    .wizard>.steps>ul>li a:active,
    .wizard>.steps>ul>li a:hover {
        padding: 16px
    }
}

.wizard>.steps>ul>li.disabled a,
.wizard>.steps>ul>li.disabled a:active,
.wizard>.steps>ul>li.disabled a:hover {
    color: #fff;
    cursor: default
}

.wizard>.steps>ul>li.current a,
.wizard>.steps>ul>li.current a:active,
.wizard>.steps>ul>li.current a:hover {
    background: #51adf6;
    color: #fff;
    cursor: default
}

.wizard>.steps>ul>li.done a,
.wizard>.steps>ul>li.done a:active,
.wizard>.steps>ul>li.done a:hover {
    background: #1976d2;
    color: #fff
}

.wizard>.steps>ul>li.error a,
.wizard>.steps>ul>li.error a:active,
.wizard>.steps>ul>li.error a:hover {
    background: #c62828;
    color: #fff
}

.wizard>.content {
    display: block;
    min-height: 360px;
    overflow: hidden;
    box-sizing: border-box
}

.wizard>.content>.body {
    padding: 48px 24px 64px;
    width: 100%;
    position: absolute;
    box-sizing: border-box
}

.wizard>.content>.body ul,
.wizard>.content>.body ul>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.wizard>.content>.body .uk-form-label {
    display: block;
    font-weight: 500;
    font-size: 13px;
    margin: -4px 0
}

.wizard>.content>.body .icheck-inline {
    margin: 4px 16px 0 0
}

.wizard>.content>.body .icheck-inline+.parsley-errors-list {
    margin-top: 2px
}

.wizard>.content>.body>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.wizard>.content>.body pre[class*=language-] {
    max-height: inherit
}

.wizard>.actions {
    display: block;
    background: rgba(0, 0, 0, .085);
    padding: 8px 24px
}

.wizard>.actions>ul>li.button_previous {
    float: left
}

.wizard>.actions>ul>li.button_finish,
.wizard>.actions>ul>li.button_next {
    float: right
}

@media only screen and (max-width:479px) {
    .wizard>.actions>ul>li+li {
        margin-top: 8px
    }
    .wizard>.actions>ul>li.button_finish,
    .wizard>.actions>ul>li.button_next,
    .wizard>.actions>ul>li.button_previous {
        float: none
    }
}

.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover {
    color: #212121;
    display: block;
    padding: 0 16px;
    min-width: 80px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 31px;
    text-transform: uppercase
}

.wizard>.actions a .material-icons {
    color: #212121
}

.wizard>.actions .disabled .material-icons,
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
    color: #aaa
}

@media only screen and (min-width:960px) {
    .wizard.vertical>.steps {
        width: 25%;
        float: left;
        box-sizing: border-box;
        padding: 8px
    }
}

@media only screen and (min-width:1220px) {
    .wizard.vertical>.steps {
        width: 20%
    }
}

.wizard.vertical>.content {
    display: block;
    background: #fff
}

@media only screen and (min-width:960px) {
    .wizard.vertical>.steps>ul>li {
        float: none;
        width: 100%
    }
    .wizard.vertical>.steps>ul>li+li {
        margin-top: 8px
    }
    .wizard.vertical>.steps>ul>li a {
        padding: 12px;
        border: none;
        border-radius: 4px
    }
    .wizard.vertical>.steps .number {
        font-size: 12px;
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 12px;
        top: 50%;
        margin-top: -14px
    }
    .wizard.vertical>.content {
        width: 75%;
        float: left
    }
    .wizard.vertical>.content .body {
        padding: 16px 32px
    }
}

@media only screen and (min-width:1220px) {
    .wizard.vertical>.content {
        width: 80%
    }
}

.wizard.vertical>.actions {
    display: block
}

.chartist {
    height: 240px;
    width: 100%
}

.chartist .ct-label {
    color: #727272;
    fill: #727272;
    font-size: 14px
}

.chartist-labels-inside .ct-label {
    color: #fff;
    fill: #fff
}

.ct-line {
    stroke-width: 2px
}

.ct-point {
    stroke-width: 8px
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #1f77b4
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
    fill: #1f77b4
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #ff7f0e
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
    fill: #ff7f0e
}

.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #2ca02c
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
    fill: #2ca02c
}

.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
    stroke: #d62728
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
    fill: #d62728
}

.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
    stroke: #9467bd
}

.ct-series-e .ct-area,
.ct-series-e .ct-slice-pie {
    fill: #9467bd
}

.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
    stroke: #8c564b
}

.ct-series-f .ct-area,
.ct-series-f .ct-slice-pie {
    fill: #8c564b
}

.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
    stroke: #e377c2
}

.ct-series-g .ct-area,
.ct-series-g .ct-slice-pie {
    fill: #e377c2
}

.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #7f7f7f
}

.ct-series-h .ct-area,
.ct-series-h .ct-slice-pie {
    fill: #7f7f7f
}

.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
    stroke: #bcbd22
}

.ct-series-i .ct-area,
.ct-series-i .ct-slice-pie {
    fill: #bcbd22
}

.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
    stroke: #17becf
}

.ct-series-j .ct-area,
.ct-series-j .ct-slice-pie {
    fill: #17becf
}

.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}

.ct-series-k .ct-area,
.ct-series-k .ct-slice-pie {
    fill: #eacf7d
}

.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
    stroke: #86797d
}

.ct-series-l .ct-area,
.ct-series-l .ct-slice-pie {
    fill: #86797d
}

.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
    stroke: #b2c326
}

.ct-series-m .ct-area,
.ct-series-m .ct-slice-pie {
    fill: #b2c326
}

.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-area,
.ct-series-n .ct-slice-pie {
    fill: #6188e2
}

.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #a748ca
}

.ct-series-o .ct-area,
.ct-series-o .ct-slice-pie {
    fill: #a748ca
}

.gu-mirror {
    position: fixed!important;
    margin: 0!important;
    z-index: 9999!important;
    opacity: .8
}

.gu-hide {
    display: none!important
}

.gu-unselectable {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.gu-transit {
    opacity: .2
}

.dragula>* {
    cursor: move
}

.dragula-vertical {
    height: 100%
}

.dragula-vertical *+* {
    margin-top: 4px
}

.tablesorter-altair .tablesorter-header-inner {
    position: relative;
    padding: 0 32px 0 0
}

.tablesorter-altair .tablesorter-header-inner:after {
    position: absolute;
    right: 0;
    top: -3px;
    content: '\E164';
    display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    font-family: "Material Icons";
    color: #aaa
}

.tablesorter-altair .sorter-false .tablesorter-header-inner {
    padding: 0
}

.tablesorter-altair .header,
.tablesorter-altair .tablesorter-header {
    cursor: pointer
}

.tablesorter-altair .headerSortUp,
.tablesorter-altair .tablesorter-headerAsc,
.tablesorter-altair .tablesorter-headerSortUp {
    color: #7cb342
}

.tablesorter-altair .headerSortUp .tablesorter-header-inner:after,
.tablesorter-altair .tablesorter-headerAsc .tablesorter-header-inner:after,
.tablesorter-altair .tablesorter-headerSortUp .tablesorter-header-inner:after {
    top: -2px;
    content: '\E313';
    color: #212121
}

.tablesorter-altair .headerSortDown,
.tablesorter-altair .tablesorter-headerDesc,
.tablesorter-altair .tablesorter-headerSortDown {
    color: #7cb342
}

.tablesorter-altair .headerSortDown .tablesorter-header-inner:after,
.tablesorter-altair .tablesorter-headerDesc .tablesorter-header-inner:after,
.tablesorter-altair .tablesorter-headerSortDown .tablesorter-header-inner:after {
    top: -2px;
    content: '\E316';
    color: #212121
}

.tablesorter-altair thead .sorter-false {
    cursor: default
}

.tablesorter-altair thead .sorter-false .tablesorter-header-inner:after {
    display: none
}

.tablesorter-altair tbody>tr.even>td {
    background-color: rgba(0, 0, 0, .085)
}

.tablesorter-altair tbody>tr.row_highlighted>td {
    background: #e3f2fd
}

.tablesorter-altair caption {
    background-color: #fff
}

.tablesorter-altair .tablesorter-filter-row td {
    padding: 8px 4px;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height .1s ease;
    transition: line-height .1s ease
}

.tablesorter-altair .tablesorter-filter-row .disabled {
    opacity: .5;
    cursor: not-allowed;
    background: rgba(0, 0, 0, .085)
}

.tablesorter-altair .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

.tablesorter-altair .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer
}

.tablesorter-altair input.tablesorter-filter,
.tablesorter-altair select.tablesorter-filter {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 4px;
    line-height: 24px;
    border: 1px solid rgba(0, 0, 0, .12);
    color: #212121;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    transition: height .1s ease;
    border-radius: 0;
    -webkit-appearance: none
}

.tablesorter-altair .ts-align-wrap {
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.tablesorter-altair .ts-align-left,
.tablesorter-altair .ts-align-right,
.tablesorter-altair .ts-align-wrap {
    display: inline-block;
    box-sizing: border-box
}

.tablesorter .filtered,
.tablesorter .remove-me {
    display: none
}

.tablesorter-altair .ts-align-left {
    text-align: right
}

.tablesorter-altair .ts-align-right {
    text-align: left
}

.tablesorter-altair td:nth-child(3) .ts-align-right i {
    color: #e53935
}

.tablesorter-altair input[type=search]::-webkit-search-cancel-button,
.tablesorter-altair input[type=search]::-webkit-search-decoration,
.tablesorter-altair input[type=search]::-webkit-search-results-button,
.tablesorter-altair input[type=search]::-webkit-search-results-decoration {
    display: none
}

.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e53935;
    color: #fff
}

.ts_pager .selectize-control {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    margin-top: -3px;
    margin-left: 4px
}

.ts_pager .selectize-control .selectize-input {
    min-width: 64px
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0)
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .55)
}

.waves-effect.md-btn-flat {
    background: 0 0
}

.waves-effect.waves-default .waves-ripple {
    background: rgba(153, 153, 153, .2)
}

.waves-effect.md-btn-flat-primary .waves-ripple {
    background: rgba(33, 150, 243, .4)
}

.waves-effect.md-btn-flat-danger .waves-ripple {
    background: rgba(229, 57, 53, .4)
}

.waves-effect.md-btn-flat-warning .waves-ripple {
    background: rgba(255, 160, 0, .4)
}

.waves-effect.md-btn-flat-success .waves-ripple {
    background: rgba(124, 179, 66, .4)
}

.waves-notransition {
    -webkit-transition: none!important;
    transition: none!important
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.waves-block {
    display: block
}

a.waves-effect .waves-ripple {
    z-index: -1
}

.enjoyhint {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    overflow: hidden
}

.enjoyhint_hide {
    display: none
}

.enjoyhint_disable_events {
    position: absolute;
    width: 2000px;
    height: 1500px;
    z-index: 2010;
    pointer-events: all
}

.enjoyhint_btn,
.enjoyhint_close_btn,
.enjoyhint_next_btn,
.enjoyhint_skip_btn {
    position: absolute;
    z-index: 2020;
    pointer-events: all;
    box-sizing: content-box;
    text-overflow: clip
}

.enjoyhint_btn,
.enjoyhint_next_btn,
.enjoyhint_skip_btn {
    width: 100px;
    height: 46px;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 3px;
    font: 500 20px/46px Roboto, sans-serif;
    text-align: center;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    text-transform: uppercase
}

.enjoyhint_next_btn {
    color: #212121;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.enjoyhint_next_btn:active,
.enjoyhint_next_btn:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.enjoyhint_next_btn:active {
    -webkit-transition: none;
    transition: none
}

.context-menu-list {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.enjoyhint_skip_btn {
    color: #29b6f6
}

.enjoyhint_skip_btn:hover {
    background: rgba(0, 0, 0, .1)
}

.enjoyhint_skip_btn:active {
    background: rgba(0, 0, 0, .1);
    -webkit-transition: none;
    transition: none
}

.enjoyhint_close_btn {
    display: inline-block;
    width: .3em;
    height: .3em;
    border-radius: 1em;
    font: 400 8em/normal Arial, Helvetica, sans-serif;
    color: #000;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.enjoyhint_close_btn:after,
.enjoyhint_close_btn:before {
    display: inline-block;
    width: 73%;
    height: 2px;
    position: absolute;
    content: "";
    font: 400 100%/normal Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    box-sizing: content-box;
    text-overflow: clip;
    text-shadow: none
}

.enjoyhint_close_btn:before {
    top: 48%;
    left: 14%;
    border: none;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.enjoyhint_close_btn:after {
    top: 46%;
    left: 15%;
    border: none;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.enjoyhint_close_btn:hover {
    color: #fff;
    border-color: #e53935;
    cursor: pointer
}

.enjoyhint_close_btn:active {
    border: 2px solid #fff;
    -webkit-transition: none;
    transition: none
}

.enjoyhint_btn {
    box-sizing: content-box;
    width: 150px;
    height: 40px;
    cursor: pointer;
    margin: 0 auto;
    border: 2px solid #1ecd97;
    border-radius: 40px;
    font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
    color: #1ecd97;
    text-align: center;
    text-overflow: clip;
    letter-spacing: 1px;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0);
    transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0)
}

#header_main .header_main_search_input,
#header_main .uk-navbar .uk-navbar-nav>li>a,
#page_heading,
#sidebar_main,
#sidebar_main *,
#sidebar_main :after,
#sidebar_main :before,
#sidebar_main:after,
#sidebar_main:before,
#sidebar_secondary,
#sidebar_secondary *,
#sidebar_secondary :after,
#sidebar_secondary :before,
#sidebar_secondary:after,
#sidebar_secondary:before,
#top_bar,
#top_bar *,
#top_bar :after,
#top_bar :before,
#top_bar:after,
#top_bar:before,
.user_heading,
.user_heading_avatar .thumbnail {
    box-sizing: border-box
}

#kinetic_container,
.enjoyhint_canvas,
.enjoyhint_svg_wrapper,
.enjoyhint_svg_wrapper svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.enjoyhint_btn:hover {
    color: #fff;
    background: #1ecd97
}

.enjoyhint_btn:active {
    border: 2px solid #21e0a3;
    background: #21e0a3;
    -webkit-transition: none;
    transition: none
}

.enjoyhint div.canvas-container {
    position: absolute
}

.enjoyhint_canvas {
    z-index: 2010;
    pointer-events: none
}

.enjoyhint_svg_wrapper {
    top: 0;
    left: 0;
    z-index: 2010;
    -webkit-transition: opacity .4s cubic-bezier(.42, 0, .58, 1);
    transition: opacity .4s cubic-bezier(.42, 0, .58, 1)
}

.enjoyhint_svg_wrapper svg {
    top: 0;
    left: 0
}

.enjoyhint_svg_transparent .enjoy_hint_label,
.enjoyhint_svg_transparent .enjoyhint_svg_wrapper {
    opacity: 0
}

.enjoy_hint_label {
    position: absolute;
    color: #fff;
    z-index: 2020;
    font: 400 22px/32px Roboto, sans-serif;
    -webkit-transition: opacity .4s cubic-bezier(.42, 0, .58, 1);
    transition: opacity .4s cubic-bezier(.42, 0, .58, 1)
}

.enjoy_hint_label .material-icons {
    color: #fff;
    font-size: 24px
}

#kinetic_container {
    pointer-events: none;
    top: 0;
    left: 0
}

div.kineticjs-content {
    position: absolute!important
}

.cr_preview {
    overflow: hidden;
    border: 1px solid #555;
    margin: 8px 8px 8px 0
}

.cr_preview_lg {
    width: 264px;
    height: 148px
}

.cr_preview_md {
    width: 140px;
    height: 78px
}

.cr_preview_sm {
    width: 68px;
    height: 48px
}

.cr_preview_xs {
    width: 36px;
    height: 36px
}

.canvasModalImage {
    margin: 0 auto;
    text-align: center
}

.canvasModalImage>* {
    border: 1px solid #ccc;
    padding: 4px
}

.context-menu-list {
    border: none;
    border-radius: 2px
}

.context-menu-list .context-menu-item {
    padding: 5px 32px;
    font-size: 14px;
    color: #212121
}

.context-menu-list .context-menu-hover {
    background: rgba(0, 0, 0, .085);
    color: #212121
}

.context-menu-list .context-menu-material>.material-icons {
    position: absolute;
    left: 7px;
    top: 5px;
    font-size: 18px
}

.context-menu-list .context-menu-separator {
    margin: 8px 0;
    padding: 0
}

.context-menu-list .context-menu-disabled,
.context-menu-list .context-menu-disabled>.material-icons {
    color: #bbb
}

#header_main .sSwitch:before {
    content: '';
    position: absolute;
    top: 4px;
    width: 2px;
    height: 18px;
    background: rgba(255, 255, 255, .6);
    display: block;
    opacity: 0;
    -webkit-transition: opacity 280ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 280ms cubic-bezier(.4, 0, .2, 1)
}

#header_main .sSwitch,
#header_main .sSwitch .sSwitchIcon {
    display: block;
    height: 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px
}

#header_main .sSwitch .sSwitchIcon {
    will-change: transform
}

#sidebar_main,
#sidebar_secondary {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    bottom: 0
}

#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 20px;
    z-index: -1
}

#header_main .sSwitch .sSwitchIcon:before {
    top: 6px
}

#header_main .sSwitch .sSwitchIcon:after {
    top: -6px
}

.main_logo_top {
    float: left;
    line-height: 48px;
    min-width: 240px;
    display: block
}

.main_logo_top>a {
    display: inline-block;
    line-height: 48px
}

.main_logo_top>a img {
    max-height: 48px;
    width: auto
}

.header_full #sidebar_main {
    top: 48px;
    height: auto
}

.header_full #header_main {
    margin-left: 0!important;
    z-index: 1214
}

.header_full.sidebar_mini #sidebar_main .menu_section>ul>li>a>.menu_title,
.header_full.sidebar_mini #sidebar_main .menu_section>ul>li>ul {
    top: 48px
}

#sidebar_main {
    width: 240px;
    border-right: 1px solid rgba(0, 0, 0, .12);
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
    z-index: 90;
    background: #2e343c;
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

#sidebar_main .menu_section h5 {
    font: 400 12px/16px Roboto, sans-serif;
    margin: 16px 24px;
    color: rgba(255, 255, 255, 0.54);
}

#sidebar_main .menu_section ul,
#sidebar_main .menu_section ul>li {
    padding: 0;
    list-style: none;
    margin: 0
}

#sidebar_main .menu_section>ul>li>a {
    font: 500 14px/25px Roboto, sans-serif;
    color: rgba(255, 255, 255, 0.87);
    padding: 8px 24px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

#sidebar_main .menu_section>ul>li>a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#sidebar_main .menu_section>ul>li>a:hover {
    text-decoration: none
}

#sidebar_main .menu_section>ul>li>a>.menu_icon {
    width: 48px;
    text-align: left;
    display: inline-block;
    line-height: 1;
}

#sidebar_main .menu_section>ul>li>a>.menu_icon .material-icons {
    font-size: 20px;
    vertical-align: top
}

#sidebar_main .menu_section>ul>li>a .menu_title {
    display: inline-block
}

#sidebar_main .menu_section>ul>li>a .uk-badge {
    padding: 1px 4px;
    text-transform: uppercase;
    font-size: 10px;
    position: absolute;
    left: 34px;
    top: 0
}

#sidebar_main .menu_section>ul>li.act_section.submenu_trigger>a,
#sidebar_main .menu_section>ul>li.submenu_trigger>a {
    position: relative
}

#sidebar_main .menu_section>ul>li.act_section.submenu_trigger>a:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#sidebar_main .menu_section>ul>li.current_section>a .menu_title,
#sidebar_main .menu_section>ul>li.current_section>a>.menu_icon .material-icons {
    color: #7cb342
}

#sidebar_main .menu_section>ul>li ul {
    margin: 0;
    display: none
}

#sidebar_main .menu_section>ul>li ul a {
    padding: 8px 10px 8px 72px;
    display: block;
    font: 400 13px/18px Roboto, sans-serif;
    color: #212121
}

@media only screen and (max-width:767px) {
    #sidebar_main .menu_section>ul>li ul a {
        font-size: 15px;
        line-height: 20px
    }
}

#sidebar_main .menu_section>ul>li ul a:hover {
    text-decoration: none
}

#sidebar_main .menu_section>ul>li ul li.act_item a {
    color: #7cb342;
    font-weight: 500
}

#sidebar_main .menu_section>ul>li ul li.menu_subtitle {
    font-weight: 500;
    font-size: 13px;
    color: #aaa;
    padding: 16px 0 4px 72px
}

#sidebar_main .menu_section>ul>li.submenu_trigger>a:before {
    position: absolute;
    right: 8px;
    top: 9px;
    content: '\E313';
    font-family: "Material Icons";
    font-size: 18px;
    display: block;
    color: #727272;
    -webkit-transition: -webkit-transform 280ms;
    transition: -webkit-transform 280ms;
    transition: transform 280ms;
    transition: transform 280ms, -webkit-transform 280ms
}

#sidebar_main .menu_section>ul>li.submenu_trigger li ul {
    margin-left: 16px
}

#sidebar_main .menu_section>ul>li.submenu_trigger li.submenu_trigger>a {
    position: relative;
    padding-right: 32px
}

#sidebar_main .menu_section>ul>li.submenu_trigger li.submenu_trigger>a:before {
    position: absolute;
    right: 8px;
    top: 7px;
    content: '\E5C5';
    font-family: "Material Icons";
    font-size: 18px;
    display: block;
    color: #727272;
    -webkit-transition: -webkit-transform 280ms;
    transition: -webkit-transform 280ms;
    transition: transform 280ms;
    transition: transform 280ms, -webkit-transform 280ms
}

#sidebar_main .menu_section>ul>li.submenu_trigger li.submenu_trigger.act_section>a:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#sidebar_main .sidebar_main_header {
    height: 89px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: -20px -124px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:192),
only screen and (min-resolution:192dppx),
only screen and (min-resolution:2dppx) {
    #sidebar_main .sidebar_main_header {
        background-size: 310px 310px
    }
}

#sidebar_main .sidebar_main_header .sidebar_logo {
    height: 48px;
    line-height: 48px;
    overflow: hidden
}

#sidebar_main .sidebar_main_header .sidebar_logo a {
    display: inline-block;
    margin-left: 20px
}

#sidebar_main .sidebar_main_header .sidebar_logo a .logo_light {
    display: none
}

#sidebar_main .sidebar_main_header .sidebar_actions {
    margin: 0 20px
}

#sidebar_main .sidebar_main_header .sidebar_actions:after,
#sidebar_main .sidebar_main_header .sidebar_actions:before {
    content: " ";
    display: table
}

#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
    float: left;
    height: 40px
}

#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
    margin-top: -13px!important;
    right: 32px
}

#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input {
    width: 48px;
    border: none;
    padding: 6px 0;
    background: 0 0
}

#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input input {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
    width: 160px!important;
    margin-left: -8px
}

#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown .item-icon {
    margin-right: 8px
}

#sidebar_main .sSidebar_show {
    display: none!important
}

#header_main,
#page_content,
#top_bar {
    will-change: margin;
    -webkit-transition: margin 280ms cubic-bezier(.4, 0, .2, 1);
    transition: margin 280ms cubic-bezier(.4, 0, .2, 1);
}

.sidebar_main_active #sidebar_main {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:after,
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:before {
    top: 0!important
}

.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after,
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
    width: 12px
}

.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
    top: 4px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
    top: -4px;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@media only screen and (min-width:1220px) {
    .sidebar_main_active #page_content,
    .sidebar_main_active #top_bar {
        margin-left: 240px
    }
    .sidebar_main_open #sidebar_main {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .sidebar_main_open #header_main,
    .sidebar_main_open #page_content,
    .sidebar_main_open #top_bar {
        margin-left: 240px
    }
    .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:after,
    .sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:before {
        top: 0!important
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left:before {
        opacity: 1
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after,
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
        width: 12px
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
        top: 4px;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }
    .sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
        top: -4px;
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@media only screen and (max-width:1219px) {
    .sidebar_main_active #sidebar_main {
        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 2px 4px 8px rgba(0, 0, 0, .28)
    }
}

.sidebar_mini #sidebar_main {
    width: 60px;
    background: #fff;
    margin-left: 0;
    -webkit-transform: none;
    transform: none;
    left: 0
}

.sidebar_mini #sidebar_main .sidebar_main_header {
    background-position: 0 0
}

.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo a {
    margin-left: 0;
    text-align: center;
    display: block
}

.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions {
    margin: 0 8px
}

.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
    padding-left: 13px
}

.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
    width: auto;
    text-align: center
}

.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
    display: none
}

.sidebar_mini #sidebar_main .menu_section>ul>li {
    position: relative
}

.sidebar_mini #sidebar_main .menu_section>ul>li>a {
    padding: 0;
    display: block;
    height: 42px;
    text-align: center
}

.sidebar_mini #sidebar_main .menu_section>ul>li>a .menu_icon {
    display: inline-block;
    text-align: center;
    height: 48px
}

.sidebar_mini #sidebar_main .menu_section>ul>li>a .menu_icon .material-icons {
    line-height: 42px
}

.sidebar_mini #sidebar_main .menu_section>ul>li>a>.menu_title {
    text-align: left;
    position: fixed;
    left: 59px;
    top: 0;
    width: 202px;
    display: none;
    padding: 0 16px 0 17px;
    line-height: 50px;
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background: #7cb342;
    color: #fff;
    z-index: 1124
}

.sidebar_mini #sidebar_main .menu_section>ul>li>a .uk-badge {
    left: 4px
}

.sidebar_mini #sidebar_main .menu_section>ul>li.sidebar_submenu>a:before {
    position: absolute;
    right: 2px;
    top: 10px;
    content: '\E315';
    font-family: "Material Icons";
    font-size: 14px;
    display: block;
    color: #727272
}

.sidebar_mini #sidebar_main .menu_section>ul>li.sidebar_submenu_act>a .menu_icon .material-icons {
    color: #7cb342
}

.sidebar_mini #sidebar_main .menu_section>ul>li>ul {
    position: fixed;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 59px;
    background: #fff;
    z-index: 1114;
    border-left: 2px solid #7cb342;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .26)
}

.sidebar_mini #sidebar_main .menu_section>ul>li>ul li {
    width: 200px
}

.sidebar_mini #sidebar_main .menu_section>ul>li>ul li a {
    padding: 8px 16px
}

.sidebar_mini #sidebar_main .menu_section>ul>li>ul li.menu_subtitle {
    padding: 16px 16px 8px
}

.sidebar_mini #sidebar_main .menu_section>ul>li:hover.sidebar_submenu {
    background: #7cb342
}

.sidebar_mini #sidebar_main .menu_section>ul>li:hover.sidebar_submenu>a .menu_icon .material-icons {
    color: #fff
}

.sidebar_mini #sidebar_main .menu_section>ul>li:hover.sidebar_submenu>a .menu_title {
    display: block
}

.sidebar_mini #sidebar_main .menu_section>ul>li:hover.sidebar_submenu>a:before {
    display: none
}

.sidebar_mini #sidebar_main .menu_section>ul>li:hover>ul {
    display: block
}

.sidebar_mini #sidebar_main .menu_section>ul>li li ul {
    margin-left: 16px;
    display: block
}

.sidebar_mini #header_main,
.sidebar_mini #page_content,
.sidebar_mini #top_bar,
.sidebar_slim #header_main,
.sidebar_slim #page_content,
.sidebar_slim #top_bar {
    margin-left: 60px
}

.sidebar_mini #sidebar_main .sSidebar_hide {
    display: none!important
}

.sidebar_mini #sidebar_main .sSidebar_show {
    display: block!important
}

.sidebar_mini.header_full #sidebar_main .menu_section>ul>li>a>.menu_title,
.sidebar_mini.header_full #sidebar_main .menu_section>ul>li>ul {
    top: 0
}

.sidebar_slim #sidebar_main {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 180ms cubic-bezier(.4, 0, .2, 1);
    transition: all 180ms cubic-bezier(.4, 0, .2, 1)
}

.sidebar_slim_inactive #sidebar_main {
    width: 66px;
    background: #fff;
    margin-left: 0;
    left: 0
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header {
    background-position: 0 0
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_logo a {
    margin-left: 14px;
    display: block
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions {
    margin: 0 8px
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
    padding-left: 12px
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
    width: auto;
    text-align: center
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
    display: none
}

.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
    display: none!important
}

.sidebar_slim_inactive #sidebar_main .menu_section {
    margin-top: -1px
}

.sidebar_slim_inactive #sidebar_main .menu_section>ul>li>a {
    padding: 0 0 0 20px;
    display: block;
    height: 41px
}

.sidebar_slim_inactive #sidebar_main .menu_section>ul>li>a:before {
    display: none
}

.sidebar_slim_inactive #sidebar_main .menu_section>ul>li>a .menu_icon {
    display: inline-block;
    height: 48px
}

.sidebar_slim_inactive #sidebar_main .menu_section>ul>li>a .menu_icon .material-icons {
    line-height: 42px
}

.sidebar_slim_inactive #sidebar_main .menu_section>ul>li>a>.menu_title {
    display: none
}

.sidebar_slim_inactive #sidebar_main .menu_section>ul>li>ul,
.sidebar_slim_inactive #sidebar_main .sSidebar_hide {
    display: none!important
}

.sidebar_slim_inactive #sidebar_main .sSidebar_show {
    display: block!important
}

.sidebar_slim_active #sidebar_main {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .26);
    border-right-color: rgba(0, 0, 0, .25)
}

.sidebar_slim_active #sidebar_main .menu_section>ul>li {
    width: 240px
}

#sidebar_secondary {
    position: fixed;
    right: 0;
    -webkit-transform: translate3d(288px, 0, 0);
    transform: translate3d(288px, 0, 0);
    top: 48px;
    border-left: 1px solid rgba(0, 0, 0, .12);
    width: 280px;
    background: #fff;
    overflow: hidden;
    z-index: 1104;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), -2px 4px 8px rgba(0, 0, 0, .28);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.user_heading,
.user_heading_avatar img {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

#sidebar_secondary .sidebar_secondary_wrapper {
    margin: 8px 16px
}

#sidebar_secondary .uk-switcher>li {
    padding: 16px 16px 0
}

#sidebar_secondary .uk-tab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff
}

#sidebar_secondary.tabbed_sidebar {
    padding-top: 44px
}

.sidebar_secondary_active #sidebar_secondary {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:after,
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:before {
    top: 0!important
}

.sidebar_secondary_active #header_main .sSwitch.sSwitch_right:before {
    opacity: 1
}

.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after,
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
    width: 12px
}

.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
    top: 4px;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
    top: -4px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

#top_bar {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    height: 40px;
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0 25px
}

#top_bar .uk-slidenav-position:before,
#top_bar .uk-slidenav-previous {
    left: -25px
}

#top_bar .uk-slidenav-next,
#top_bar .uk-slidenav-position:after {
    right: -25px
}

#top_bar .top_bar_nav,
#top_bar .top_bar_nav>li {
    padding: 0;
    list-style: none;
    margin: 0
}

#top_bar .top_bar_nav>li {
    float: left;
    text-align: center
}

#top_bar .top_bar_nav>li>a {
    line-height: 40px;
    padding: 0 16px;
    font-weight: 500;
    color: #212121;
    display: block
}

#top_bar .top_bar_nav>li.uk-active a,
#top_bar .top_bar_nav>li>a:hover {
    box-shadow: inset 0 -3px 0 #2196f3
}

#top_bar .uk-slidenav-position:after,
#top_bar .uk-slidenav-position:before {
    position: absolute;
    width: 25px;
    height: 100%;
    display: block;
    top: 0;
    content: ''
}

#top_bar .uk-slidenav-position:hover .uk-slidenav {
    display: none
}

#top_bar .uk-slidenav-position.uk-slidenav-hover:hover .uk-slidenav {
    display: block
}

#top_bar .uk-slidenav {
    font-size: 32px;
    height: 50px;
    width: 24px
}

.top_bar_active {
    padding-top: 88px
}

.top_bar_active #header_main {
    box-shadow: none
}

#page_heading {
    background: #fff;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    min-height: 81px
}

#menu_top>li.uk-open>a,
#menu_top>li>a:hover {
    background: rgba(0, 0, 0, .085)
}

#page_heading h1 {
    font: 500 22px/28px Roboto, sans-serif;
    margin: 0
}

#page_heading .heading_actions {
    float: right;
    margin-top: 8px;
    padding-right: 15px
}

#page_heading .heading_actions>* {
    display: inline-block;
    margin-left: 8px;
    position: relative
}

#page_heading .heading_actions .material-icons {
    font-size: 24px
}

#page_heading.uk-active {
    border-bottom: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    z-index: 100
}

.page_heading_active #header_main {
    box-shadow: none
}

.chatbox,
.user_heading.uk-active,
.user_heading_avatar .btn-file {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

#menu_top_dropdown .top_menu_toggle {
    height: 48px;
    line-height: 51px;
    color: #fff;
    display: block;
    padding: 0 8px
}

#menu_top,
#menu_top>li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

#menu_top_dropdown .top_menu_toggle .material-icons {
    color: #fff
}

#menu_top_dropdown .uk-dropdown {
    margin-top: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 340px
}

@media screen and (max-height:320px) {
    #menu_top_dropdown .uk-dropdown {
        max-height: 252px
    }
}

#menu_top>li {
    float: left
}

#menu_top>li>a {
    height: 40px;
    line-height: 40px;
    display: block;
    color: #212121;
    padding: 0 16px;
    min-width: 60px;
    text-align: center;
    position: relative
}

@media only screen and (max-width:767px) {
    #menu_top>li>a {
        padding: 0 8px
    }
}

#menu_top>li>a .material-icons {
    font-size: 24px;
    vertical-align: -8px
}

#menu_top>li>a>span {
    margin-left: 8px;
    vertical-align: -2px
}

#menu_top>li[data-uk-dropdown]>a {
    padding-right: 32px
}

#menu_top>li[data-uk-dropdown]>a:after {
    position: absolute;
    right: 4px;
    top: 2px;
    content: '\E313';
    display: block;
    width: 24px;
    height: 24px;
    font-size: 18px;
    font-family: "Material Icons";
    color: #727272
}

#menu_top>li .uk-dropdown {
    margin-top: 1px;
    top: 100%!important
}

#breadcrumbs,
#breadcrumbs>li {
    padding: 0;
    margin: 0;
    list-style: none
}

@media (max-height:767px) {
    #menu_top>li .uk-dropdown {
        max-height: 200px!important;
        overflow-y: auto!important
    }
}

@media (min-height:768px) {
    #menu_top>li [class*=uk-dropdown-width] {
        max-height: 640px;
        overflow-y: auto
    }
}

#breadcrumbs {
    background: #fff;
    overflow: hidden;
    white-space: nowrap
}

#breadcrumbs>li {
    display: inline-block
}

#breadcrumbs>li a,
#breadcrumbs>li span {
    position: relative;
    display: block;
    font-size: 16px;
    padding: 8px 0;
    line-height: 24px
}

#breadcrumbs>li+li a,
#breadcrumbs>li+li span {
    padding-left: 40px
}

#breadcrumbs>li+li a:before,
#breadcrumbs>li+li span:before {
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -12px;
    content: '\E315';
    font-family: "Material Icons";
    font-size: 24px;
    display: block;
    color: #727272
}

#footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    padding: 0 25px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    line-height: 48px
}

@media only screen and (min-width:1220px) {
    .sidebar_main_active #footer,
    .sidebar_main_open #footer {
        margin-left: 240px
    }
}

.user_heading {
    padding: 24px;
    background: #1976d2;
    color: #fff;
    position: relative;
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.user_heading:after,
.user_heading:before {
    content: " ";
    display: table
}

.user_heading:after {
    clear: both
}

.user_heading.uk-active {
    padding: 16px 24px;
    z-index: 100
}

.user_heading.uk-active .user_heading_avatar .thumbnail {
    width: 64px;
    height: 64px;
    line-height: 54px!important
}

.user_heading_avatar {
    float: left;
    margin-right: 24px;
    position: relative
}

@media only screen and (max-width:959px) {
    .user_heading_avatar {
        float: none!important;
        text-align: center;
        margin: 0 0 8px!important
    }
    .user_heading_avatar.fileinput {
        width: 82px;
        height: 82px;
        margin: 0 auto 16px;
        display: block
    }
    .user_heading_content {
        text-align: center
    }
}

.user_heading_avatar img {
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    vertical-align: top
}

.user_heading_avatar .thumbnail {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    width: 82px;
    height: 82px;
    line-height: 74px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #ededed;
    overflow: hidden;
    display: inline-block
}

.user_heading_avatar .btn-file {
    text-align: center;
    position: absolute;
    top: -4px;
    right: -8px;
    width: 32px;
    height: 32px;
    line-height: 38px;
    background: #fff;
    display: block;
    border-radius: 50%;
    overflow: hidden
}

#scrum_board,
#scrum_board .scrum_column,
#scrum_board>div,
.scrum_board_overflow {
    height: 100%;
    box-sizing: border-box
}

.user_heading_avatar .btn-file .material-icons {
    color: #2196f3;
    font-size: 24px
}

.user_heading_avatar .btn-file.fileinput-exists {
    left: -8px;
    right: auto
}

.user_heading_avatar .btn-file.fileinput-exists .material-icons {
    color: #e53935
}

.user_heading_avatar.fileinput-new .btn-file.fileinput-exists {
    display: none
}

.user_heading_content {
    padding: 16px 0
}

.user_heading_content .user_stats,
.user_heading_content .user_stats>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.user_heading_content .heading_a,
.user_heading_content .heading_a .sub-heading,
.user_heading_content .heading_b,
.user_heading_content .heading_b .sub-heading,
.user_heading_content .heading_c,
.user_heading_content .heading_c .sub-heading {
    color: #fff
}

.user_heading_content .user_stats {
    overflow: hidden;
    text-align: center
}

.user_heading_content .user_stats li {
    margin-right: 48px;
    float: left
}

@media only screen and (max-width:959px) {
    .user_heading_content .user_stats li {
        float: none;
        display: inline-block;
        margin: 0 16px 8px
    }
}

.user_heading_content .user_stats .material-icons {
    color: #fff;
    margin-right: 4px;
    font-size: 36px;
    vertical-align: -12px
}

#scrum_board .scrum_column_heading,
.chatbox_header .header_name {
    font-weight: 500;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.user_heading_menu {
    position: absolute;
    top: 8px;
    right: 8px
}

.user_heading .md-fab,
.user_heading .md-fab-wrapper {
    position: absolute;
    bottom: -22px;
    right: 24px
}

.user_heading .md-fab-wrapper>.md-fab {
    position: static;
    z-index: auto;
    right: auto;
    bottom: auto
}

.user_content {
    padding: 32px
}

.user_content .full_width_in_card {
    margin: 16px 0 32px
}

.scrum_board_overflow {
    min-height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    background: #fff;
    max-width: 100%;
    -webkit-overflow-scrolling: touch
}

#scrum_board {
    padding: 0 4px;
    overflow: hidden
}

#scrum_board>div {
    float: left;
    width: 320px;
    position: relative;
    padding: 46px 0 8px
}

#scrum_board .scrum_column {
    background: rgba(0, 0, 0, .085);
    padding: 8px;
    margin: 0 4px;
    overflow-x: hidden;
    overflow-y: auto
}

#scrum_board .scrum_column_heading_wrapper {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0
}

#scrum_board .scrum_column_heading_wrapper .uk-button-dropdown {
    position: absolute;
    right: 6px;
    top: 3px
}

#scrum_board .scrum_column_heading {
    font-size: 13px;
    text-transform: uppercase;
    background: #fff;
    line-height: 36px;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding: 0 36px 0 12px
}

#scrum_board .scrum_column .uk-sortable {
    min-height: 100%
}

#scrum_board .scrum_column .uk-sortable div {
    cursor: move
}

.inline-label,
.list-chatboxes>li,
.md-list.chat_users li {
    cursor: pointer
}

#scrum_board .scrum_column .uk-sortable div+div {
    margin-top: 4px
}

#scrum_board .scrum_column .uk-sortable-placeholder {
    opacity: .4
}

.scrum_task {
    background: #fff;
    padding: 8px 8px 8px 12px;
    border-left-width: 4px;
    border-left-style: solid
}

.scrum_task.blocker {
    border-left-color: #e53935
}

.scrum_task.critical {
    border-left-color: #ffa000
}

.scrum_task.minor {
    border-left-color: #7cb342
}

.scrum_task_title {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}

.scrum_task_description {
    margin: 0 0 4px;
    font-size: 12px
}

.scrum_task_info {
    margin: 0;
    font-size: 12px
}

.chat_box {
    padding: 16px
}

.chat_message_wrapper {
    padding-top: 15px;
    clear: both;
}

.chat_box .chat_message_wrapper:after,
.chat_box .chat_message_wrapper:before {
    content: " ";
    display: table
}

.chat_box .chat_message_wrapper .chat_user_avatar {
    float: left
}

.chat_box .chat_message_wrapper ul.chat_message {
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
    max-width: 60%
}

.chat_box .chat_message_wrapper ul.chat_message>li {
    margin: 0;
    list-style: none;
    background: #ededed;
    padding: 8px 16px;
    border-radius: 4px;
    position: relative;
    font-size: 13px;
    display: block;
    float: left;
    color: #212121
}

@media only screen and (max-width:767px) {
    .chat_box .chat_message_wrapper ul.chat_message {
        max-width: 70%
    }
    .chat_box .chat_message_wrapper ul.chat_message>li {
        font-size: 14px
    }
}

.chat_box .chat_message_wrapper ul.chat_message>li p {
    margin: 0
}

.chat_box .chat_message_wrapper ul.chat_message>li .chat_message_time {
    display: block;
    font-size: 11px;
    padding-top: 2px;
    color: #727272;
    text-transform: uppercase
}

.chat_box .chat_message_wrapper ul.chat_message>li:first-child:before {
    position: absolute;
    left: -14px;
    top: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: none;
    border-width: 0 16px 16px 0;
    border-color: transparent #ededed transparent transparent
}

.chat_box .chat_message_wrapper ul.chat_message>li+li {
    margin-top: 4px
}

.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
    float: right
}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
    float: right;
    margin-left: 0!important;
    margin-right: 24px!important
}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message>li {
    float: right
}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child:before {
    left: auto;
    right: -14px;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent transparent #ededed
}

.chat_submit_box,
.chatbox_footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    bottom: 0
}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message>li .chat_message_time {
    text-align: right
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li {
    background: #616161;
    color: #fff
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li:first-child:before {
    border-right-color: #616161
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li .chat_message_time {
    color: rgba(255, 255, 255, .7)
}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message>li {
    background: #689f38
}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child:before {
    border-left-color: #689f38
}

.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message>li {
    background: #0288d1;
    color: #fff
}

.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message>li:first-child:before {
    border-right-color: #0288d1
}

.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message>li .chat_message_time {
    color: rgba(255, 255, 255, .7)
}

.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message>li {
    background: #01579b
}

.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child:before {
    border-left-color: #01579b
}

.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message>li {
    background: #e64a19;
    color: #fff
}

.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message>li:first-child:before {
    border-right-color: #e64a19
}

.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message>li .chat_message_time {
    color: rgba(255, 255, 255, .7)
}

.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message>li {
    background: #e0e0e0;
    color: #212121
}

.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message>li .chat_message_time {
    color: #727272
}

.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child:before {
    border-left-color: #e0e0e0
}

.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message>li {
    background: #e0e0e0
}

.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message>li:first-child:before {
    border-right-color: #e0e0e0
}

.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message>li {
    background: #4527a0;
    color: #fff
}

.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message>li .chat_message_time {
    color: rgba(255, 255, 255, .7)
}

.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child:before {
    border-left-color: #4527a0
}

.chat_box_wrapper {
    height: 100%;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.chat_box_wrapper .chat_box {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.chat_submit_box {
    background: #fafafa;
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    padding: 8px 8px 12px 16px;
    box-sizing: border-box
}

.chat_submit_box textarea {
    min-height: 40px;
    max-height: 40px;
    padding: 4px 4px 8px
}

#sidebar_secondary .chat_box_wrapper,
#sidebar_secondary .chat_sidebar_close,
#sidebar_secondary .chat_submit_box {
    display: none
}

#sidebar_secondary.chat_sidebar {
    padding-bottom: 68px
}

#sidebar_secondary.chat_sidebar .chat_sidebar_close,
#sidebar_secondary.chat_sidebar .chat_submit_box {
    display: block
}

#sidebar_secondary .chat_sidebar_close {
    position: absolute;
    top: 52px;
    right: 8px
}

#sidebar_secondary .chat_box_wrapper {
    padding-bottom: 0
}

.chat_box_small.chat_box_wrapper {
    margin: 0 -16px
}

#chatbox_wrapper {
    position: fixed;
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 16px 8px;
    -webkit-transition: all 180ms cubic-bezier(.4, 0, .2, 1);
    transition: all 180ms cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto
}

.chatbox,
.map_search_wrapper .map_search_list_wrapper {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box
}

.sidebar_main_active #chatbox_wrapper,
.sidebar_main_open #chatbox_wrapper {
    left: 240px
}

@media only screen and (min-width:768px) {
    #chatbox_wrapper {
        text-align: right
    }
    .sidebar_secondary_active #chatbox_wrapper {
        right: 280px
    }
}

.chatbox {
    text-align: left;
    display: inline-block;
    height: 320px;
    width: 260px;
    background: #fff;
    border-radius: 2px;
    position: relative;
    padding: 36px 0 64px;
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.chatbox+.chatbox {
    margin-left: 8px
}

.chatbox_header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 36px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 0 8px
}

.chatbox_header:after,
.chatbox_header:before {
    content: " ";
    display: table
}

.chatbox_header .header_name {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    max-width: 180px;
    overflow: hidden
}

.chatbox_header .header_actions {
    float: right;
    display: inline-block
}

.chatbox_header .header_actions>* {
    display: inline-block
}

.chatbox_header .header_actions .material-icons {
    line-height: 36px;
    font-size: 24px
}

.chatbox_header .header_actions .actions_dropdown {
    position: relative
}

.chatbox_header .header_actions .actions_dropdown .uk-dropdown {
    padding-top: 0;
    padding-bottom: 0
}

.chatbox_header .header_actions .actions_dropdown .uk-dropdown>ul>li>a {
    white-space: normal;
    font-size: 13px
}

.chatbox_content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

.chatbox_content .chatbox_message {
    overflow: hidden;
    padding: 8px
}

.chatbox_content .chatbox_message .chatbox_avatar {
    float: left;
    margin-right: 8px;
    max-width: 64px;
    overflow: hidden
}

.chatbox_content .chatbox_message .chatbox_avatar>img {
    border-radius: 4px
}

.chatbox_content .chatbox_message_content {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.chatbox_content .chatbox_message_content>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.chatbox_content .chatbox_message_content li {
    display: block
}

.chatbox_content .chatbox_message_content li+li {
    margin-top: 2px
}

.chatbox_content .chatbox_message_content li>span {
    max-width: 80%;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, .085);
    display: inline-block;
    white-space: normal
}

.chatbox_content .chatbox_message.own .chatbox_avatar {
    float: right;
    margin-left: 8px;
    margin-right: 0
}

.chatbox_content .chatbox_message.own .chatbox_message_content li {
    text-align: right
}

.chatbox_content .chatbox_message.own .chatbox_message_content li>span {
    max-width: 80%;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 8px;
    background: #2196f3;
    display: inline-block;
    white-space: normal;
    color: #fff;
    text-align: left
}

.img_large,
.img_medium,
.img_small,
.img_thumb {
    max-width: 100%
}

.inline-list li,
.invoice_footer,
.pricing_table.pricing_table_a,
.pricing_table.pricing_table_b,
.pricing_table.pricing_table_c {
    text-align: center
}

.chatbox_footer {
    position: absolute;
    left: 0;
    right: 0;
    padding: 8px;
    height: 64px;
    box-sizing: border-box
}

.chatbox_footer .message_input {
    width: 100%;
    border: none;
    font-size: 13px;
    padding: 4px 0
}

.chatbox.removing {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0
}

.chatbox.cb_active .chatbox_header {
    background: #1976d2
}

.chatbox.cb_active .chatbox_header,
.chatbox.cb_active .chatbox_header .material-icons {
    color: #fff
}

.blog_list_teaser_image {
    margin-bottom: 16px
}

.blog_list_teaser_video {
    margin-bottom: 16px;
    height: 200px
}

.blog_list_teaser_title {
    font: 400 18px/24px Roboto, sans-serif;
    margin: 0 0 8px
}

.blog_list_teaser p {
    margin: 0 0 8px
}

.blog_list_footer {
    border-top: 1px solid #e0e0e0;
    padding: 8px 0 0 8px;
    margin-top: 8px;
    overflow: hidden
}

.blog_list_footer_info {
    float: left;
    padding-top: 6px
}

.blog_list_footer_info .material-icons {
    color: #9e9e9e
}

.blog_list_footer_info small {
    vertical-align: 1px
}

.blog_article .uk-thumbnail.thumbnail_left {
    float: left;
    margin: 0 24px 24px 0
}

.blog_article .uk-thumbnail.thumbnail_right {
    float: right;
    margin: 0 0 24px 24px
}

.blog_article *+address,
.blog_article *+blockquote,
.blog_article *+dl,
.blog_article *+fieldset,
.blog_article *+figure,
.blog_article *+ol,
.blog_article *+p,
.blog_article *+pre,
.blog_article *+ul {
    margin-top: 24px
}

.blog_article .material-icons+small {
    vertical-align: 2px
}

.blog_tags .uk-badge {
    margin: 0 4px 4px 0
}

.gallery_grid_item {
    padding: 0!important
}

.gallery_grid_item,
.gallery_grid_item:focus,
.gallery_grid_item:hover {
    color: #212121
}

.gallery_grid_item img,
.gallery_grid_item>a {
    display: block
}

.gallery_grid_image_caption {
    padding: 8px;
    display: block;
    position: relative;
    z-index: 10;
    background-color: #fff
}

.gallery_grid_image_caption .gallery_image_title {
    font: 500 14px/20px Roboto, sans-serif;
    margin: 0
}

.gallery_grid_image_menu {
    position: relative;
    float: right;
    margin: 4px 0 0 8px
}

.pricing_table.pricing_table_a .pricing_table_plan {
    font-size: 18px;
    font-weight: 400;
    padding: 16px 0;
    margin-bottom: 16px
}

.pricing_table.pricing_table_a .pricing_table_price {
    padding: 8px 0 0;
    font-size: 48px;
    margin-bottom: 24px
}

.pricing_table.pricing_table_a .pricing_table_price .currency {
    vertical-align: top;
    font-size: 24px;
    padding: 0 4px
}

.pricing_table.pricing_table_a .pricing_table_price .period {
    font-size: 14px;
    padding: 4px;
    color: #aaa;
    display: block
}

.pricing_table.pricing_table_a .pricing_table_features,
.pricing_table.pricing_table_a .pricing_table_features>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.pricing_table.pricing_table_a .pricing_table_features li {
    font-size: 16px;
    padding: 8px 0
}

.pricing_table.pricing_table_a .pricing_table_select {
    padding: 32px 0
}

.pricing_table.pricing_table_b .pricing_table_plan {
    font-size: 16px;
    font-weight: 400;
    padding: 16px 0;
    margin-bottom: 16px;
    text-transform: uppercase
}

.pricing_table.pricing_table_b .pricing_table_price {
    padding: 8px 0 0;
    font-size: 48px;
    margin-bottom: 24px
}

.pricing_table.pricing_table_b .pricing_table_price .currency {
    vertical-align: top;
    font-size: 24px;
    padding: 0 4px
}

.pricing_table.pricing_table_b .pricing_table_price .period {
    font-size: 14px;
    padding: 4px;
    color: #aaa;
    display: block
}

.pricing_table.pricing_table_b .pricing_table_features,
.pricing_table.pricing_table_b .pricing_table_features>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.pricing_table.pricing_table_b .pricing_table_features li {
    font-size: 16px;
    padding: 8px 0
}

.pricing_table.pricing_table_b .pricing_table_select {
    padding: 32px 0
}

.pricing_table.pricing_table_c .pricing_table_plan {
    font-size: 16px;
    font-weight: 400;
    padding: 16px 0;
    margin-bottom: 8px
}

.pricing_table.pricing_table_c .pricing_table_price {
    padding: 8px 0 0;
    font-size: 48px;
    margin-bottom: 24px
}

.pricing_table.pricing_table_c .pricing_table_price .currency {
    vertical-align: top;
    font-size: 24px;
    padding: 0 4px
}

.pricing_table.pricing_table_c .pricing_table_price .period {
    font-size: 14px;
    color: #aaa;
    vertical-align: 0;
    padding-left: 4px
}

.pricing_table.pricing_table_c .pricing_table_features,
.pricing_table.pricing_table_c .pricing_table_features>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.pricing_table.pricing_table_c .pricing_table_features li {
    font-size: 16px;
    padding: 8px 0
}

.pricing_table.pricing_table_c .pricing_table_select {
    padding: 32px 0
}

.invoice_header {
    height: 72px;
    padding: 20px;
    box-sizing: border-box;
    margin: -16px -16px 24px
}

.invoice_header>img {
    max-height: 100%;
    width: auto
}

.invoice_header_active.md-card-toolbar {
    border-bottom: none
}

.invoice_footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    margin-top: 40px;
    height: 64px;
    padding: 8px;
    font-size: 13px;
    box-sizing: border-box;
    line-height: 20px
}

.invoice_footer>span {
    font-weight: 700;
    font-size: 24px;
    vertical-align: -4px;
    padding: 0 8px
}

.invoice_content {
    position: relative
}

.invoice_content address p+p {
    margin-top: 0
}

#tabs_search_content>li {
    padding: 24px
}

#tabs_search_content>li.full_height {
    padding: 0;
    height: 100%
}

.map_search_wrapper {
    position: relative;
    padding-left: 320px
}

@media only screen and (max-width:767px) {
    .map_search_wrapper {
        padding-left: 0
    }
}

.map_search_wrapper .map_search_list_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 320px;
    padding: 16px 0;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 4px 0 8px rgba(0, 0, 0, .26);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (max-width:767px) {
    .map_search_wrapper .map_search_list_wrapper {
        width: 240px
    }
}

.map_search_wrapper .map_search_list_wrapper .md-list li {
    padding: 8px 16px;
    border-bottom-color: rgba(0, 0, 0, .08)
}

.map_search_list_active.map_search_wrapper {
    padding: 0
}

.map_search_list_active.map_search_wrapper .map_search_list_wrapper {
    -webkit-transform: translate3d(-340px, 0, 0);
    transform: translate3d(-340px, 0, 0)
}

#map_search_list_toggle {
    position: absolute;
    left: 320px;
    bottom: 50%;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    border-radius: 0 8px 8px 0;
    background: #fff;
    display: block;
    z-index: 1;
    text-align: center;
    padding-top: 8px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .26)
}

.search_list,
.search_list>li {
    padding: 0;
    margin: 0;
    list-style: none
}

@media only screen and (max-width:767px) {
    #map_search_list_toggle {
        left: 240px
    }
}

.map_search_list_active #map_search_list_toggle {
    left: 0
}

.search_list_heading {
    font: 400 18px/22px Roboto, sans-serif;
    margin: 0 0 2px
}

.search_list_link {
    color: #7cb342;
    display: block;
    margin-bottom: 2px
}

.search_list p {
    margin: 0;
    font-size: 13px
}

.search_list li {
    padding: 24px 0
}

.search_list li:after,
.search_list li:before {
    content: " ";
    display: table
}

.search_list li+li {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.search_list_thumb {
    width: 100px;
    height: 100px;
    margin-right: 16px;
    float: left
}

@media only screen and (max-width:767px) {
    .search_list_thumb {
        float: none!important;
        width: auto;
        margin: 0 0 16px!important
    }
}

.search_list_content {
    overflow: hidden
}

.touchscroll,
html {
    -webkit-overflow-scrolling: touch
}

html {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #ececec
}

body {
    min-height: 100%;
    font: 400 14px/1.42857143 Roboto, sans-serif;
    box-sizing: border-box
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp,
code,
code[class*=language-],
pre,
pre[class*=language-] {
    font: 400 12px/18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace!important
}

a {
    color: #1e88e5;
    -webkit-tap-highlight-color: transparent;
}

a:active,
a:hover {
    color: #0d47a1;
    text-decoration: none
}

code,
code[class*=language-],
pre,
pre[class*=language-] {
    box-sizing: border-box
}

pre[class*=language-] {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 0
}

pre[class*=language-]:after,
pre[class*=language-]:before {
    display: none
}

.line-numbers .line-numbers-rows {
    border-right-color: rgba(0, 0, 0, .12)
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    color: #d32f2f
}

code.large_code,
pre.large_code {
    font: 400 14px/24px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace!important
}

.touchscroll {
    overflow-y: auto!important
}

.transform-origin-50 {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

blockquote {
    border-left: 4px solid rgba(0, 0, 0, .085)
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500
}

.heading_a {
    margin: 0;
    font: 400 18px/24px Roboto, sans-serif
}

.heading_a .sub-heading {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #727272
}

.heading_b {
    margin: 0;
    font: 400 22px/28px Roboto, sans-serif
}

.heading_b .sub-heading {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #727272
}

.heading_c {
    margin: 0;
    font: 400 16px/20px Roboto, sans-serif
}

.heading_c .sub-heading {
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    display: block;
    color: #727272
}

.heading_list {
    color: #727272;
    font: 500 13px/16px Roboto, sans-serif;
    padding: 0 16px;
    margin: 0 0 16px
}

.heading_a+.uk-grid,
.heading_b+.uk-grid,
.heading_c+.uk-grid,
.heading_list+.uk-grid,
.uk-grid+.heading_a,
.uk-grid+.heading_b,
.uk-grid+.heading_c,
.uk-grid+.heading_list {
    margin-top: 24px
}

.uk-text-large {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 16px
}

*>.uk-text-large {
    margin-top: 16px
}

.uk-text-small {
    font-size: 12px!important
}

.uk-text-upper {
    text-transform: uppercase
}

.uk-text-italic {
    font-style: italic
}

.uk-text-del {
    text-decoration: line-through
}

.uk-table .no-border td,
.uk-table.no-border td {
    border-bottom: none
}

address,
address p {
    margin: 0
}

address p+p {
    margin-top: 4px
}

.grid-block {
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    background: rgba(179, 179, 179, .085);
    padding: 48px 0
}

.inline-list,
.inline-list>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.inline-list {
    overflow: hidden
}

.inline-list li {
    float: left;
    margin: 0 8px 8px 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: rgba(102, 102, 102, .085)
}

.img_thumb {
    width: 80px;
    height: auto
}

.img_thumb.square {
    height: 80px
}

.img_small {
    width: 120px;
    height: auto
}

.img_small.square {
    height: 120px
}

.img_medium {
    width: 240px;
    height: auto
}

.img_medium.square {
    height: 240px
}

.img_large {
    width: 400px;
    height: auto
}

.img_large.square {
    height: 400px
}

.inline-label {
    padding-left: 4px;
    vertical-align: -1px
}

.form_hr {
    border-top: 1px dashed rgba(0, 0, 0, .12);
    margin: 32px 0 16px
}

#page_content_inner {
    padding: 24px 24px 100px
}

@media only screen and (min-width:1220px) {
    .boxed_layout #page_content {
        max-width: 1220px;
    }
    .boxed_layout .uk-width-large-8-10.uk-container-center {
        width: 100%
    }
    .boxed_layout.sidebar_main_active #page_content,
    .boxed_layout.sidebar_main_open #page_content {
        margin-left: 240px;
    }
    .boxed_layout .md-top-bar {
        max-width: 1172px;
        margin: 0 auto
    }
    .boxed_layout #page_heading {
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, .12);
        box-sizing: border-box
    }
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
     :after,
     :before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .uk-table {
        border-collapse: collapse!important
    }
    .uk-table td,
    .uk-table th {
        background-color: #fff!important
    }
    body,
    body:after {
        background: #fff
    }
    .uk-table-bordered td,
    .uk-table-bordered th {
        border: 1px solid #ddd!important
    }
    #header_main,
    #sidebar_main,
    #sidebar_secondary,
    #style_switcher,
    .hidden-print,
    .md-fab-wrapper {
        display: none!important;
        width: 0!important;
        height: 0!important;
        overflow: hidden!important;
        margin: 0!important;
        left: 0!important
    }
    #page_content,
    .md-card-content {
        height: auto!important
    }
    #page_content,
    body {
        overflow-y: visible!important
    }
    .sidebar_main_active #header_main,
    .sidebar_main_active #top_bar {
        display: none!important;
        left: 0!important
    }
    body {
        padding: 20px!important
    }
    body:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        z-index: 9999
    }
    #sidebar_main {
        left: -240px!important
    }
    .main-print,
    .reset-print {
        left: 0!important;
        margin: 0!important;
        padding: 0!important;
        width: 100%!important
    }
    .main-print {
        top: 0!important
    }
    .md-card-single {
        margin: 0!important
    }
    #page_content {
        margin: 0!important;
        -webkit-transition: none!important;
        transition: none!important
    }
    .print_bg,
    .print_bg>* {
        -webkit-print-color-adjust: exact
    }
    .reset-print {
        right: 0!important
    }
}

#sidebar_main_toggle {
    display: none
}

.uk-autocomplete.uk-open .uk-dropdown {
    max-height: 112px!important
}

.uk-tab>li>a.uk-active {
    border-bottom: 2px solid #FFF!important
}

.loader-container-account-deletion{
    position: absolute;
    width: 100px;
    left: 50vw;
    top: 50vh;
    background-color: #fff;
}
body {
	margin: 0;
}

#page_content {
	max-width: none !important;
}

#page_content_inner {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
}

#page_content_inner.flat-theme {
	max-width: none;
	margin: 0;
	padding: 0 !important;
}

.cardBackgroundLigheBlue{
	background-color: #CFEFFF !important;
}
.centerTxt{
	text-align: center !important;
}
.rightTxt{
	text-align: right !important;
}
h3,h5 {
    line-height: 15px !important;
}
.limberBgColor{
	background-color: #1094d7 !important;
	color: #fff !important;
	text-transform: none !important;
}
.md-card-toolbar-heading-text{
	font-weight: 700 !important;
	padding-top: 30px !important;
	font-size: 15px !important;
}
.buttonBig{
	text-transform: none !important;
	color : #838383 !important;
	width: 150px !important;
}
.font700{
	font-weight: 400 !important;
}
.fontWhite{
	color: #fff !important;
}
.roundIcon
{
	padding: 10px 14px !important;
	border-radius: 50% !important;
}

.uk-open>.uk-modal-dialog {
	width: auto;
	box-shadow: 0 0px 0px rgba(0,0,0,.3),0 0px 0px rgba(0,0,0,.22) !important;
}

.block-content {
	width: 100px;
	box-shadow: 0 0px 0px rgba(0,0,0,.3),0 0px 0px rgba(0,0,0,.22) !important;
	background: lightgray;
}

.mgl0 {
	margin-left: 0px !important;
}

.pdl0 {
	padding-left: 0px !important;
}

.pdl5 {
	padding-left: 5px !important;
}

.center-row{
	margin-left: auto;
    margin-right: auto;
    width: max-content;
}
.edit-workers-title{
	color: #042864;
}

.editStaffCount{
	max-width: 100px;
	min-height: 35px;
	box-sizing: content-box;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #979797;
}

.inactive-button{
	background-color: #cccccc;
}

.active-button{
	background-color: #042864;
}

.round-button{
    display: inline-block;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    min-width: 30px;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
	margin-left: 20px;
	margin-right: 20px;
}

.cancel-button {
	color: #0F94D7;
}

.warning-section{
	border: 1px solid #ffbf00;
	color: #ffbf00;
	background-color: rgba(255, 191, 0, 0.05);

}

.staff-reduction-instructions{
	max-width: 340px;
	margin-left: 35px;
}

@media screen and (device-width: 360px) and (device-height: 640px) {

	.md-padding-bottom-0 {
		padding-bottom: 0px !important;
	}

	.md-ukwidth-padding-top-5 {
		padding-top: 5px !important;
	}

	.md-margin-top {
		margin-top: 5px !important;
	}

	.md-page_content_inner {
		padding-top: 5px !important;
	}

	.uk-accordion-title.uk-active:after, .uk-accordion-title:after {
		top: 3px !important;
	}

	.md-padding-0 {
		padding: 0px !important;
	}

	.md-fav-name {
		position: static !important;
		text-align: center !important;
	}

	.md-padding-left-0 {
		padding-left: 0px !important;
	}

	.slider-last {
		padding-left: 0px;
	}
}

@media screen and (max-width: 640px) and (min-width: 320px) {
	.md-padding-bottom-0 {
		padding-bottom: 0px !important;
	}

	.md-ukwidth-padding-top-5 {
		padding-top: 5px !important;
	}

	.md-margin-top {
		margin-top: 5px !important;
	}

	.md-page_content_inner {
		padding-top: 5px !important;
	}

	.uk-accordion-title.uk-active:after, .uk-accordion-title:after {
		top: 3px !important;
	}

	.md-padding-0 {
		padding: 0px !important;
	}

	.md-fav-name {
		position: static !important;
		text-align: center !important;
	}

	.md-padding-left-0 {
		padding-left: 0px !important;
	}
	.slider-last {
		padding-left: 0px;
	}

	.md-text-left {
		text-align: left !important;
	}

	.w-25 {
        width: 25% !important;
    }

    .w-75 {
        width: 75%;
    }
}

@media screen and (max-device-width: 480px) and (min-device-width: 320px) {
	#page_content_inner {
		padding-top: 5px !important;
	}

	.uk-accordion-title.uk-active:after, .uk-accordion-title:after {
		top: 3px !important;
	}
}

/*@font-face {
	font-family: 'gothic';
	src: url('gothic.eot');
	src: local('gothic'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
}*/

.md-btn,
h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-family: 'gothic' !important;*/
}

html {
	/*font-family: 'gothic' !important;*/
	color: #333;
	background-color: #fff;
}

#footer {
	position: relative;
	text-align: center;
	background-color: #F7F7F7 !important;
	color: #999999;
	z-index: 1350;
}

@media only screen and (min-width: 960px) {
	.signup-wizard.wizard>.steps>ul>li {
		width: 33.33% !important;
	}
}

.parsley-required {
	font-size: 12px;
}

.uk-subnav-pill>li.uk-active>* {
	background-color: #EE5A35;
}

.uk-subnav-pill>li.uk-active i {
	color: #fff !important;
}

.uk-subnav-pill>li>* {
	background-color: #fff;
	border: 1px solid #e3e3e3;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.spacer-20 {
	height: 20px;
}

.spacer-30 {
	height: 30px;
}

.spacer-35 {
	height: 35px;
}

.spacer-40 {
	height: 40px;
}

.md-btn-primary,
.md-btn-primary:hover,
.md-btn-primary:focus,
.md-btn-primary:active {
	background: #0F94D7 !important;
	color: #fff;
}

.md-btn-large {
	padding: 10px 16px;
}

.md-btn-shadow {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.user_action_icon {
	/* padding-top: 18px !important;*/
}

.uk-alert-default {
	background: #F7F7F7 !important;
	color: #333333 !important;
	animation-name: animate;
	animation-duration: 5s;
}

.uk-autocomplete.uk-open .uk-dropdown {
	max-height: 112px !important;
}

.uk-tab>li>a.uk-active {
	border-bottom: 2px solid #FFF !important;
}

.card-none-default {
	position: relative;
	box-shadow: none;
	background-color: #F7F7F7 !important;
	padding: 16px;
}

.card-none-default-md {
	position: relative;
	box-shadow: none;
	background-color: #F7F7F7 !important;
	/*padding: 16px;*/
}

.card-none-default-heading {
	padding: 28px 16px;
	font-weight: bolder;
	font-size: 16px;
	background-color: #F0F0F0;
}

.md-list-menu>li {
	min-height: auto;
}

.main-menu-content {
	margin-bottom: 20px;
}

.main-menu-heading {
	font-size: 13px;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.main-menu-content .md-list>li {
	padding: 12px 8px;
}

.main-menu-content .md-list-right.md-list-addon>li {
	margin-right: 0;
}

.main-menu-content .md-list-right.md-list-addon>li .md-list-addon-element {
	right: 0;
	top: 5px;
}

.main-menu-content .md-list>li>a {
	color: #333;
}

.main-menu-content .md-list>li:last-child {
	/* border-bottom: 1px solid #CCCCCC;*/
}

.lim-text-primary {
	color: #0F94D7;
}

.lim-text-secondary {
	color: #EE5A35;
}

.lim-block {
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.lim-block-heading {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bolder;
	color: #0F94D7;
	margin-bottom: 20px;
}

.lim-block-content {
	margin-bottom: 25px;
}

.lim-job-summary {
	background-color: #F0F0F0;
	padding: 15px 20px;
	width: 100%;
	resize: none;
	height: 130px;
	font: inherit;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pull-right {
	float: right;
}

.lim-form-actions {
	margin-bottom: 15px;
}

.lim-form-actions:after {
	clear: both;
	content: ' ';
	display: table;
}


/* Input Group */

.lim-custom-form .form-group:after {
	clear: both;
	content: ' ';
}

.lim-custom-form .form-label {
	font-size: 13px;
	font-weight: bolder;
	margin-bottom: 15px !important;
}

.lim-custom-form .uk-input-group {
	border: 1px solid #ccc;
}

.lim-custom-form .uk-input-group-addon {
	padding: 0 1px !important;
}

.lim-custom-form .md-input-wrapper {
	padding-top: 0;
}

.lim-custom-form input[type=text].md-input {
	border: none;
	padding: 8px 4px;
	color: #333;
}

.lim-custom-form .selectize-control.single {
	margin-top: 0;
}

.lim-custom-form .uk-input-group-addon {
	font-size: 14px;
}

.lim-custom-form .selectize-control.single {
	height: auto;
}

.lim-custom-form .selectize-control.single .selectize-input {
	background-color: transparent;
	border: none;
	/*padding: 5px 1px !important;*/
	min-height: 30px;
}

.lim-custom-form .selectize-input {
	line-height: 15px;
}

.lim-custom-form .selectize-control.single .selectize-input:after {
	margin-top: -5px !important;
}


/*
.selectize-input input[type=text] {
	top: 8px !important;
	padding-top: 8px !important;
} */

.job-post-table thead tr th {
	text-transform: uppercase;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	border: none;
}

.job-post-table tbody tr td {
	border: none;
}

.job-post-table table th {}

.icheckbox_md {
	/*border: 1px solid #EE5A35;*/
	background: transparent;
}

.icheckbox_md.checked,
.icheckbox_md.hover.checked {
	/*background: #EE5A35;
    border-color: #EE5A35;*/
}


/* Date picker */

.uk-datepicker-nav .uk-form-select,
.uk-datepicker-table td,
.uk-datepicker-table th {
	/*font-family: 'gothic' !important;*/
}

.uk-datepicker-nav,
.uk-datepicker-table a.uk-active {
	background-color: #0F94D7;
}

.user_heading {
	background-color: #0F94D7 !important;
}

.text-center {
	text-align: center;
}

.b-none {
	border: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}


/* Review Candidates */

.uk-slider>li {
	text-align: center;
}

.uk-slidenav-position .uk-slidenav-previous {
	left: -10px !important;
	color: #ccc;
}

.uk-slidenav-position .uk-slidenav-next {
	right: -10px !important;
	color: #ccc;
}

.uk-slider-container {
	margin-left: 20px;
	margin-right: 20px;
}

.epc_chart_avatar {}

.worker-avatar-lg {
	position: absolute;
	top: 17px;
	left: 35;
	right: 0;
	bottom: 0;
	width: 121px;
	height: 121px;
	border-radius: 50%;
	overflow: hidden;
	box-sizing: border-box;
	display: inline-block;
}

.timer-count-down {
	font-size: 20px;
	color: #EE5A35;
	letter-spacing: 5px;
}

.timer-count-down>span {
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #EE5A35;
}

blockquote.quote-about {
	background: transparent;
	padding: 0.5em 10px;
	border: none;
	text-align: center;
	margin-top: 50px;
	color: #0F94D7 !important;
}

blockquote.quote-about:before,
blockquote.quote-about:after {
	color: #EE5A35;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

blockquote.quote-about:before {
	content: '\201C';
}

blockquote.quote-about:after {
	content: '\201D';
}

blockquote.quote-about p {
	display: inline;
	font-size: 18px;
}

.review-worker-header {
	text-align: center;
}

.review-worker-header .heading {
	color: #0F94D7;
	font-size: 24px;
}

.iradio_md.checked:after {
	background-color: #009688;
}

.iradio_md.checked {
	border-color: #009688;
}

.iradio_md.checked:after {
	background-color: #009688;
}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message>li {
	background-color: #009688;
}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child:before {
	border-left-color: #009688;
}

.shiftCostBreak {
	font-size: small;
	padding-left: 5px !important;
}

.menu_section {
	position: absolute;
	width: 100%;
	display: inline-block;
	padding: 0;
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* Styles */
	.shiftCost {
		font-size: 12px !important;
	}
	.shiftCostBreak {
		padding-left: 4px !important;
	}
	.card-none-default-md {
		display: none;
	}
	.mobileView {
		display: block;
	}
	input[type=text].md-input {
		padding: 6px 4px;
	}
	input[type=number].md-input {
		padding: 6px 4px;
	}
	#page_content_inner {
		padding: 5px 7px 10px 7px !important;
	}
	.no-marg {
		width: 100% !important;
		margin-top: 0px !important;
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.marg-top-ven {
		width: 100% !important;
		margin-top: 70px !important;
	}
	.uk-width-medium-3-10 {
		padding-left: 25px !important;
	}
	.uk-width-medium-2-10 {
		padding-left: 25px;
	}
	body {
		padding-top: 0px;
	}
	.uk-navbar {
		position: relative;
	}
	.card-marg {
		margin-top: 0px;
	}
	.uk-navbar-flip {
		position: absolute;
		/* top: 70px; */
		/* float: right; */
		right: 0;
	}
	.user_actions {
		/*padding-top: 75px;*/
		display: none;
	}
	.navbar-brand {
		right: 0px !important;
	}
	.fc-toolbar {
		height: auto;
	}
	.img_mobile {
		display: block;
		z-index: 1111;
	}
	/*#page_content {
        margin-top: 49%;
    }*/
	.user_content {
		padding: 0px;
	}
	#footer {
		position: fixed;
	}
	.img-cent {
		margin-top: 110px;
	}
	.img-cent-success {
		margin-top: 30px;
	}
	.text-cent {
		margin-top: 10px;
		padding-top: 0px !important;
	}
	.job-pos {
		margin: 0px 5px !important;
	}
	.uk-tab>li>a {
		padding: 5px !important;
		min-width: 0px;
	}
	.uk-tab>li {
		padding: 6px;
		width: 62px;
		margin: 2px;
	}
	.box-pad {
		padding-left: 0%;
		width: 0%;
	}
	.text-pad {
		padding-left: 47px;
	}
	.button-pos {
		left: 36% !important;
	}
	.pay-img {
		width: 220;
		height: 220px;
		margin-left: 45px;
	}
	.pop-msg {
		top: 60px;
	}
	.card-marg {
		margin-top: 35px !important;
	}
	.exp-img {
		/*margin-left: 45px;*/
		padding-top: 0px !important;
		width: 250px;
	}
	.pad-zero {
		padding-left: 0px !important;
		width: 27%;
	}
	.pad-25 {
		padding-left: 25px !important;
	}
	.marg-top-lg {
		top: 10px !important;
	}
	.ftr-ht {
		height: 7%;
	}
	.mob-mod {
		height: 75% !important;
		flex: none !important;
	}
	.mob-mod-head {
		height: 85% !important;
	}
	.br-word {
		white-space: normal !important;
	}
	.text-sm {
		font-size: 10px !important;
	}
	.text-sm-width {
		width: 76px !important;
	}
	.legal-pad {
		padding-top: 50px;
	}
	.mob-width {
		width: 100% !important;
	}
	.half-width {
		width: 50% !important;
	}
	.marg-left {
		margin-left: 90px;
	}
	.wide-33 {
		width: 33%;
	}
	.marg-top-zero {
		margin-top: 0px;
	}
	.pad-left-zero {
		padding-left: 0px;
	}
	.feedback-a-width {
		width: auto !important;
		margin-top: 10px;
	}
	.feedback-a-star {
		width: 11% !important;
	}
	.no-center {
		text-align: left !important;
	}
	.center-txt {
		text-align: center !important;
	}
	.no-left {
		left: 0px !important;
	}
	.padd-20 {
		padding-left: 20px;
	}
	.padd-6 {
		padding-left: 6px !important;
	}
	.rev-modal {
		margin-top: 20%;
		height: auto;
	}
	.avatar-pane {
		height: 80%;
		overflow-y: scroll;
	}
	.avatar-mobile {
		left: 0% !important;
		height: 121px;
		width: 121px;
	}
	.avatar-mobile-image {
		left: 0% !important;
	}
	.text-over {
		overflow: scroll;
		height: 95%;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important;
	}
	.avt-left {
		left: 60px;
	}
	.no-margl {
		margin-left: 0px !important;
	}
	.no-wrap-txt {
		white-space: nowrap;
	}
	.wide-43 {
		width: 43%;
	}
	.pad-legend {
		padding-bottom: 5px;
	}
	.margin-flash {
		marg-top: 35px;
	}
	.flash-msg {
		margin-top: 50px;
	}
	/*.show {
        display: block;
    }

    .hide {
        display: none !important;
    }*/
}

.sample {
	text-align: left !important;
}

@media only screen and (min-width: 640px) {
	.mobileView {
		display: none;
	}
	.sample {
		text-align: left !important;
	}
	.card-none-default-md {
		display: block;
	}

	.fc-scroller {
		height: auto !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.card-none-default-md {
		display: none;
	}
	.mobileView {
		display: block;
	}
	.sample {
		text-align: center !important;
	}

	.fc-scroller {
		height: auto !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
	.card-none-default-md {
		display: none;
	}
	.mobileView {
		display: block;
	}
	.no-marg {
		width: 100% !important;
		margin-top: 0px !important;
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.uk-width-medium-3-10 {
		padding-left: 25px !important;
	}
	/*.uk-width-medium-2-10 {
        padding-left: 25px !important;
    }*/
	body {
		padding-top: 0px;
	}
	.uk-navbar {
		position: relative;
	}
	.card-marg {
		margin-top: 0px;
	}
	.uk-navbar-flip {
		position: absolute;
		/* top: 70px; */
		/* float: right; */
		right: 0;
	}
	.user_actions {
		/*padding-top: 75px;*/
		display: none;
	}
	.navbar-brand {
		right: 0px !important;
	}
	.menu_section {
		z-index: 40555 !important;
		position: absolute;
		width: 100%;
		display: inline-block;
	}
	.fc-toolbar {
		height: auto;
	}
	.img_mobile {
		display: block;
		z-index: 1111;
	}
	/*#page_content {
        margin-top: 49%;
    }*/
	.user_content {
		padding: 0px;
	}
	#footer {
		position: fixed;
	}
	.img-cent {
		margin-top: 110px;
	}
	.text-cent {
		margin-top: 10px;
	}
	.md-input-wrapper>label {
		position: relative;
	}
	.hide {
		display: none;
	}
	.show {
		display: block !important;
	}
	.small-50 {
		width: 50%;
	}
	.pad-0 {
		padding-left: 0px !important;
	}

	.fc-scroller {
		height: auto !important;
	}

	.w-23 {
		width: 23% !important;
	}

	.w-77 {
		width: 77%;
	}

	.pad-50 {
		padding-left: 50px !important;
	}

	.top-right {
		position: absolute;
		right: -100px;
	}

}


/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
	/* Styles */
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}

	.pad-legend {
		padding-bottom: 5px;
	}
}


/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
	/* Styles */
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Styles */
	.mobileView {
		display: none;
	}
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* Styles */
	.mobileView {
		display: none;
	}
	.land-wide {
		width: 43% !important;
	}
	.wide-rem {
		width: 28% !important;
	}
	.feedback-width {
		width: 145px !important;
	}
	.feedback-star {
		padding: 2px !important;
		top: 1px !important;
	}
	.feedback-star-circle {
		height: 24px !important;
		margin-top: 5px;
	}
	.no-center {
		text-align: left !important;
	}
	.center-txt {
		text-align: center !important;
	}
	.no-left-tab {
		left: 10px !important;
	}
	.no-wrap-txt {
		white-space: nowrap;
	}
	.pad-15 {
		padding-left: 15px;
	}
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	/* Styles */
}


/**********
iPad 3
**********/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	/* Styles */
	.pad-zero {
		padding-left: 0px !important;
	}
	.marg-zero {
		margin-left: -8px;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}
	/*.marg-top {
        width: 100% !important;
        margin-top: 60px !important;
    }*/
	.marg-top-ven {
		/*width: 100% !important;*/
		margin-top: 70px !important;
	}
	.no-wrap-txt {
		white-space: nowrap;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	/* Styles */
}


/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
	/* Styles */
}


/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
	/* Styles */
}


/* iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	/* Styles */
}


/* iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}


/* iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
	.uk-tab>li {
		padding: 6px;
		width: 125px;
		margin: 2px;
	}
	.feedback-i-width {
		width: auto !important;
	}
	.feedback-i-star {
		padding: 2px !important;
		top: 1px !important;
	}
	.feedback-i-star-circle {
		height: 24px !important;
		margin-top: 3px;
	}
	.star-lscape {
		width: 6.6% !important;
	}
	.no-center {
		text-align: left !important;
	}
	.center-txt {
		text-align: center !important;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.marg-top-ven {
		width: 100% !important;
		margin-top: 70px !important;
	}
	.wide-43-ls {
		width: 40% !important;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}


/* iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
	.half-width {
		width: 50% !important;
	}
	.pad-25 {
		padding-left: 25px !important;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.marg-top-ven {
		width: 100% !important;
		margin-top: 70px !important;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}


/* Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
	.pad-25 {
		padding-left: 25px !important;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.marg-top-ven {
		width: 100% !important;
		margin-top: 70px !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}


/* Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}


/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
	.pad-25 {
		padding-left: 25px !important;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.marg-top-ven {
		width: 100% !important;
		margin-top: 70px !important;
	}

	.w-20 {
		width: 20% !important;
	}

	.w-80 {
		width: 80%;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */

	.wi-25 {
		width: 25% !important;
	}

	.wi-75 {
		width: 75%;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	/* STYLES GO HERE */
	.feedback-il-width {
		width: auto !important;
	}
	.feedback-il-star {
		padding: 2px !important;
		top: 1px !important;
	}
	.feedback-il-star-circle {
		height: 24px !important;
		margin-top: 3px;
		width: 5% !important;
	}
	.no-center {
		text-align: left !important;
	}
	.center-txt {
		text-align: center !important;
	}
	.pad-25 {
		padding-left: 25px !important;
	}
	.dropify-wrapper .dropify-preview {
		height: auto !important
	}
	.marg-top {
		width: 100% !important;
		margin-top: 60px !important;
	}
	.marg-top-ven {
		width: 100% !important;
		margin-top: 70px !important;
	}
}


/* V2 Theme */

#main-menu>div {
	padding: 10px;
}

#main-menu div h5 {
	padding-bottom: 7px;
	border-bottom: 1px solid #e3e3e3;
}

#main-menu div>ul {
	padding: 0;
}

#main-menu div>ul>li {
	list-style: none;
	margin-bottom: 15px;
}

#main-menu div>ul>li>a {
	color: #000;
}

#main-menu div p {
	margin: 0;
}

#main-menu div p.menu-item-info {
	color: #a7a7a7;
	font-size: 12px;
}

#main-menu .menu-item-with-icon {
	position: relative;
}

#main-menu .menu-item-with-icon>a>.menu-icon {
	position: absolute;
	width: 32px;
	display: block;
	top: 1px;
}

#main-menu .menu-item-with-icon>a>.menu-icon>i {
	font-size: 24px !important;
	color: #000 !important;
}

#main-menu .menu-item-with-icon>a>.menu-content {
	padding-left: 36px;
}

.uk-modal {
	padding-top: 2% !important;
	z-index: 1600;
}

.md-btn-flat-primary{
	background-color:#1094d7 !important;
	color: #fff !important;
}

.uk-modal.uk-open {
	display: flex !important;
	align-items: center;
}

.page-detail-extra-info {
	padding: 25px;
	/* padding-left: 20em; */
	display: flex;
	justify-content: center;

}


.page-detail-extra-info-container {
	background: white;
    flex: 1;
    display: flex;
    max-width: 960px;
    margin-left: 32px;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
	border-radius: 16px;
}

.page-detail-text {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	padding: 20px;
}

.integration-box{
    background-color: #fff;
    text-align: center;
    margin-top: 15px;
    padding: 20px;
    max-width: 250px;
    max-height: 200px;
    margin: 20px;
	border-radius: 20px;
}

.integration-content{
	display: flex;
}

.integration-text{
	padding-left: 20px;
    padding-right: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	text-align: center;
	color: #6D7176;
}

.integration-action-text{
	margin-bottom: 0px;
}

.integration-action{ 
	font-weight: bold;
}

.integration-button{
	padding: 14px 20px 14px 20px;
	border-radius: 14px;
	border: 1px;
	gap: 8px;
	background: #0F94D7;
	color: white;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: center;
}

.limber-grey{
	filter: invert(48%) sepia(0%) saturate(10%) hue-rotate(86deg) brightness(29%) contrast(11%);
}

.dot-container{
	display: inline-block;
	margin: 0 10px;
}

.integration-success-title {
	margin-bottom: 60px;
	font-size: 50px;
	margin-left: 0px !important;
}

* {
  outline: none; }

.app {
  background-color: #efefef;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap; }

.app-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0f94d7;
  min-height: 56px;
  padding: 0 8px; }
  .app-header .icon-button {
    color: rgba(255, 255, 255, 0.87); }
    .app-header .icon-button:hover {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.1); }
  .app-header .notification-icon {
    padding: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .app-header .notification-icon .material-icons {
      color: rgba(255, 255, 255, 0.9);
      font-size: 24px; }
    .app-header .notification-icon:hover .material-icons {
      color: #fff; }
  .app-header .notification-menu-container {
    position: relative; }
    .app-header .notification-menu-container .badge {
      background-color: #085278;
      font-size: 10px;
      position: absolute;
      top: 5px;
      right: 5px;
      line-height: 1.5; }
    .app-header .notification-menu-container .notification-menu {
      padding: 0;
      width: 300px;
      max-width: 400px;
      max-height: 400px;
      overflow: auto; }
  .app-header .back-uproute-active {
    display: none; }
    @media only screen and (max-width: 640px) {
      .app-header .back-uproute-active {
        display: block; } }
  .app-header .menu-uproute-active {
    display: block; }
    @media only screen and (max-width: 640px) {
      .app-header .menu-uproute-active {
        display: none; } }

.wiw-theme .app-header {
  background: #51a33d; }

.deputy-theme .app-header {
  background: #64c6ff; }

.blue-dot {
  height: 15px;
  width: 15px;
  background-color: #0f94d7;
  border-radius: 50%;
  position: relative;
  margin: 0 5px;
  top: 20px;
  display: inline-block; }

.deputy-theme .blue-dot {
  background-color: #64c6ff; }

.app-left-sidebar {
  background-color: #2e343c;
  min-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .app-left-sidebar.ng-enter {
    -webkit-transition: margin-left 250ms cubic-bezier(0, 0, 0.2, 1);
    transition: margin-left 250ms cubic-bezier(0, 0, 0.2, 1);
    margin-left: -240px; }
  .app-left-sidebar.ng-enter-active {
    margin-left: 0; }
  .app-left-sidebar.ng-leave {
    -webkit-transition: margin-left 200ms cubic-bezier(0.4, 0, 1, 1);
    transition: margin-left 200ms cubic-bezier(0.4, 0, 1, 1);
    margin-left: 0; }
  .app-left-sidebar.ng-leave-active {
    margin-left: -240px; }
  @media only screen and (max-width: 1220px) {
    .app-left-sidebar {
      position: fixed;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 100;
      -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
              box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3); } }
  .app-left-sidebar .side-menu-active {
    background-color: rgba(255, 255, 255, 0.05); }
  .app-left-sidebar ul, .app-left-sidebar li {
    padding: 0;
    margin: 0;
    list-style: none; }
    .app-left-sidebar ul a, .app-left-sidebar li a {
      font-weight: 500;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.87);
      line-height: 25px;
      padding: 8px 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      position: relative; }
      .app-left-sidebar ul a:hover, .app-left-sidebar li a:hover {
        background-color: rgba(255, 255, 255, 0.1); }
  .app-left-sidebar .menu_icon {
    width: 31px; }
  .app-left-sidebar h5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 16px 24px;
    color: rgba(255, 255, 255, 0.54); }

.app-logo {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .app-logo .logo {
    height: 30px;
    margin: 13px 24px; }
  .app-logo:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.app-left-sidebar-underlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
  display: none; }
  @media only screen and (max-width: 1220px) {
    .app-left-sidebar-underlay {
      display: block; } }

.app-update-modal {
  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%; }
  .app-update-modal .app-update-modal-header {
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .app-update-modal .app-update-modal-container {
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .app-update-modal .app-update-modal-container .app-update-modal-container-header {
      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: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .app-update-modal .app-update-modal-container .app-update-modal-container-header .app-update-modal-container-header-text {
        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: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .app-update-modal .app-update-modal-container .app-update-modal-container-header .app-update-modal-container-header-text .app-update-modal-header-text-header {
          padding: 10px 0px 0px 0px;
          font-family: Roboto;
          font-size: 18px;
          font-weight: 500;
          line-height: 22.5px;
          text-align: center;
          color: #333333; }
        .app-update-modal .app-update-modal-container .app-update-modal-container-header .app-update-modal-container-header-text .app-update-modal-header-text-paragraph {
          color: #585D63;
          padding: 10px 0px 10px 0px;
          font-family: Roboto;
          font-size: 14px;
          font-weight: 400;
          line-height: 17.5px;
          text-align: center; }
      .app-update-modal .app-update-modal-container .app-update-modal-container-header .app-update-modal-container-header-image {
        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: center;
            -ms-flex-align: center;
                align-items: center; }
    .app-update-modal .app-update-modal-container .app-update-modal-footer {
      background-color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }

.app-update-border {
  border-radius: 20px; }

.button-app-update {
  color: white;
  width: 200px;
  max-width: 100%;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  font-size: 14px;
  height: 36px;
  display: inline-block;
  border-radius: 20px;
  height: 36px;
  background-color: #0f94d7;
  border: none;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out; }

.page-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px; }

.page-content-container-timesheets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.page-content {
  max-width: 960px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 800px) {
    .page-content {
      max-width: 100%; } }

.page-fill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden; }

.page-content-small {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 500px; }

.page-header-container {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding-top: 16px; }
  .page-header-container.page-header-blue {
    background-color: #0f94d7;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 16px; }

.page-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px; }
  .page-header-row .page-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 300;
  line-height: 27px;
  color: #333;
  margin: 0 16px; }

.page-header-blue .page-title {
  color: #fff;
  font-size: 26px;
  font-weight: 500; }

.page-header-blue md-tabs {
  margin: 16px 0 -16px 0;
  overflow: visible; }
  .page-header-blue md-tabs .md-tab {
    color: rgba(255, 255, 255, 0.87); }
    .page-header-blue md-tabs .md-tab.md-active {
      color: #fff; }
  .page-header-blue md-tabs .md-paginated {
    margin: 0 16px; }
  .page-header-blue md-tabs md-ink-bar {
    color: #fff;
    background: #fff; }
  .page-header-blue md-tabs md-prev-button {
    margin-left: -16px; }
  .page-header-blue md-tabs md-next-button {
    margin-right: -16px; }
  .page-header-blue md-tabs md-icon {
    color: rgba(255, 255, 255, 0.2); }

.page-subtitle {
  font-size: 16px;
  line-height: 20px;
  color: #666;
  margin: 4px 16px; }

.page-subsubtitle {
  font-size: 14px;
  line-height: 18px;
  color: #888;
  margin: 2px 16px; }

.app-sidebar-right-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  min-width: 400px;
  margin-right: -400px;
  position: relative; }
  .app-sidebar-right-container.app-sidebar-right-visible {
    margin-right: 0;
    z-index: 1;
    -webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1);
            box-shadow: -2px 0 4px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 800px) {
      .app-sidebar-right-container.app-sidebar-right-visible {
        left: 0; } }
  .app-sidebar-right-container.app-sidebar-right-visible-add {
    -webkit-transition: margin-right 250ms cubic-bezier(0, 0, 0.2, 1);
    transition: margin-right 250ms cubic-bezier(0, 0, 0.2, 1); }
    @media only screen and (max-width: 800px) {
      .app-sidebar-right-container.app-sidebar-right-visible-add {
        -webkit-transition: left 250ms cubic-bezier(0, 0, 0.2, 1);
        transition: left 250ms cubic-bezier(0, 0, 0.2, 1); } }
  .app-sidebar-right-container.app-sidebar-right-visible-remove {
    -webkit-transition: margin-right 200ms cubic-bezier(0.4, 0, 1, 1);
    transition: margin-right 200ms cubic-bezier(0.4, 0, 1, 1); }
    @media only screen and (max-width: 800px) {
      .app-sidebar-right-container.app-sidebar-right-visible-remove {
        -webkit-transition: left 200ms cubic-bezier(0.4, 0, 1, 1);
        transition: left 200ms cubic-bezier(0.4, 0, 1, 1); } }
  @media only screen and (max-width: 800px) {
    .app-sidebar-right-container {
      position: fixed;
      min-width: auto;
      width: 100%;
      margin-right: 0;
      left: 100%;
      top: 0;
      bottom: 0; } }

.app-sidebar-right {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: #fff; }
  .app-sidebar-right.ng-leave {
    -webkit-transition: z-index 200ms cubic-bezier(0.4, 0, 1, 1);
    transition: z-index 200ms cubic-bezier(0.4, 0, 1, 1);
    z-index: 2; }
  .app-sidebar-right.ng-leave-active {
    z-index: 2; }
  .app-sidebar-right .sidebar-right-header {
    background-color: #11a4ee;
    color: #fff;
    height: 56px;
    padding: 0 16px;
    font-size: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .app-sidebar-right .sidebar-right-header .icon-button {
      color: rgba(255, 255, 255, 0.87); }
      .app-sidebar-right .sidebar-right-header .icon-button:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.1); }
    .app-sidebar-right .sidebar-right-header .sidebar-right-title {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .app-sidebar-right .sidebar-right-header .sidebar-right-close-button {
      margin-left: 4px;
      margin-right: -12px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      .app-sidebar-right .sidebar-right-header .sidebar-right-close-button::before {
        font-family: "Material Icons";
        content: "\E5CD"; }
      @media only screen and (max-width: 800px) {
        .app-sidebar-right .sidebar-right-header .sidebar-right-close-button {
          margin-left: -12px;
          margin-right: 4px;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
          .app-sidebar-right .sidebar-right-header .sidebar-right-close-button::before {
            content: "\E5C4"; } }

.wiw-theme .page-header-container.page-header-blue {
  background-color: #51a33d; }

.wiw-theme .app-header {
  min-height: 66px; }
  .wiw-theme .app-header .notification-menu-container .badge {
    background-color: #434446; }

.wiw-theme .app-left-sidebar {
  background-color: #434446; }

.wiw-theme .app-logo .logo {
  height: 40px; }

.wiw-theme .login-header {
  background: #51a33d !important; }

.wiw-theme .login-footer-mobile {
  background: #51a33d !important; }

.deputy-theme .page-header-container.page-header-blue {
  background-color: #64c6ff; }

.deputy-theme .app-header {
  min-height: 66px; }
  .deputy-theme .app-header .notification-menu-container .badge {
    background-color: #434446; }

.deputy-theme .app-left-sidebar {
  background-color: #434446; }

.deputy-theme .app-logo .logo {
  height: 40px; }

.deputy-theme .login-header {
  background: #64c6ff !important; }

.deputy-theme .login-footer-mobile {
  background: #64c6ff !important; }

.login-header {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: white;
  border: none;
  position: absolute;
  left: 16px;
  top: 25px;
  z-index: 1; }
  @media only screen and (max-width: 640px) {
    .login-header {
      display: none; } }

.voice-note-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #434950;
  border-radius: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .voice-note-container .stop-icon {
    margin-left: 10px;
    width: 15px;
    position: relative;
    top: 0px; }
  .voice-note-container .play-icon {
    margin-left: 10px;
    width: 15px;
    position: relative;
    top: 0px; }
  .voice-note-container .waveform-container {
    width: 150px;
    height: 40px;
    position: relative; }
    .voice-note-container .waveform-container * {
      max-width: 150px; }
      .voice-note-container .waveform-container * wave {
        display: contents;
        max-height: 40px; }
  .voice-note-container .time-container {
    margin-right: 15px;
    margin-left: 15px; }

.flat-theme .input-group .button-minus,
.flat-theme .input-group .button-plus {
  background-color: #0f94d7;
  font-weight: bold;
  height: 30px;
  padding: 0;
  width: 30px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #fff;
  border-width: 0px;
  border-radius: 20px; }

.flat-theme .input-group .quantity-field {
  position: relative;
  height: 10px;
  border: none;
  text-align: center;
  width: 70px;
  display: inline-block;
  font-size: 13px;
  resize: vertical; }

.flat-theme .hire-button {
  width: 100px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  font-size: 14px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 2px;
  background-color: #ffffff;
  color: #000;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #052963;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); }
  .flat-theme .hire-button:hover {
    color: #264981; }
    .flat-theme .hire-button:hover:disabled {
      background-color: rgba(0, 0, 0, 0.12); }

.flat-theme .button {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  font-size: 14px;
  height: 36px;
  display: inline-block;
  min-height: 36px;
  line-height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
  border-radius: 2px;
  background-color: #ffffff;
  color: #000;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer; }
  .flat-theme .button:disabled {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: rgba(0, 0, 0, 0.26) !important;
    background-color: rgba(0, 0, 0, 0.12);
    cursor: default; }

.flat-theme .button-primary {
  background-color: #0f94d7;
  color: #fff; }

.flat-theme .button-light {
  background-color: #e5effc;
  color: #0f94d7; }

.flat-theme .button-flat {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #052963;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); }
  .flat-theme .button-flat:hover {
    background-color: rgba(158, 158, 158, 0.2); }
    .flat-theme .button-flat:hover:disabled {
      background-color: rgba(0, 0, 0, 0.12); }

.flat-theme .button-flat-light {
  color: #fff; }

.icon-button {
  font-size: 24px;
  line-height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  border: none;
  color: #555; }
  .icon-button .material-icons {
    font-size: 24px; }
  .icon-button:hover {
    background-color: rgba(158, 158, 158, 0.2); }

.wiw-theme .button-primary {
  background-color: #51a33d;
  color: #fff; }

.wiw-theme .button-flat {
  color: #434446; }

.wiw-theme .card-action-confirmation .button-flat {
  color: #ffcc32; }

.deputy-theme .button-primary {
  background-color: #64c6ff;
  color: #fff; }

.deputy-theme .button-flat {
  color: #337ab7; }

.deputy-theme .card-action-confirmation .button-flat {
  color: #dfe2e6; }

.flat-theme .dashboard-banner {
  min-height: 45px; }

.flat-theme .card {
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  margin-bottom: 16px;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms; }

.flat-theme .card-hoverable {
  -webkit-transition: background-color 200ms, -webkit-box-shadow 200ms;
  transition: background-color 200ms, -webkit-box-shadow 200ms;
  transition: background-color 200ms, box-shadow 200ms;
  transition: background-color 200ms, box-shadow 200ms, -webkit-box-shadow 200ms;
  cursor: pointer; }
  .flat-theme .card-hoverable:hover {
    -webkit-box-shadow: 0 4px 1px -3px rgba(0, 0, 0, 0.14), 0 3px 2px 0 rgba(0, 0, 0, 0.18), 0 2px 5px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 4px 1px -3px rgba(0, 0, 0, 0.14), 0 3px 2px 0 rgba(0, 0, 0, 0.18), 0 2px 5px 0 rgba(0, 0, 0, 0.16); }

.flat-theme .card-highlight {
  border-left: 2px solid #0f94d7; }

.flat-theme .card-selected {
  background-color: #f1f9ff; }

.flat-theme .card-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px; }

.flat-theme .card-actions-raised {
  padding: 8px 16px; }

.flat-theme .card-title {
  margin: 0 0 8px; }

.flat-theme .card-title-text {
  font-size: 24px;
  line-height: 30px; }

.flat-theme .card-text {
  color: #888;
  font-size: 14px; }

.flat-theme .card-text-muted {
  color: #aaa; }

.flat-theme .card-divider {
  border-top: 1px solid #e0e0e0; }

.flat-theme .card-summary {
  padding: 16px;
  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;
  cursor: pointer;
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .flat-theme .card-summary:hover {
    background-color: #f3f3f3; }

.flat-theme .card-summary-title {
  font-size: 14px;
  color: #666;
  min-width: 80px;
  max-width: 110px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flat-theme .card-summary-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  font-size: 14px;
  color: #888;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3; }

.flat-theme .card-summary-expand-icon {
  font-size: 24px;
  width: 17px;
  padding-left: 7px;
  -ms-flex-item-align: start;
      align-self: flex-start; }

.flat-theme .card-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4px 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.flat-theme .card-section {
  padding: 16px;
  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; }
  .flat-theme .card-section.card-section-tight {
    padding-top: 0;
    padding-bottom: 0; }

.flat-theme .card-avatar {
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  display: inline-block;
  margin-right: 16px; }
  .flat-theme .card-avatar img {
    position: relative;
    border-radius: 50%;
    min-width: 56px;
    min-height: 56px;
    max-width: 56px;
    max-height: 56px; }
  .flat-theme .card-avatar svg {
    position: absolute;
    left: 0;
    top: 0; }
  .flat-theme .card-avatar.card-avatar-border img {
    border: 6px solid #fff; }

.flat-theme .card-row {
  padding: 2px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flat-theme .card-row > * {
  margin: 0 4px; }

.flat-theme .card-action-area {
  color: inherit; }

.flat-theme .card-dismissable.ng-leave {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 1; }

.flat-theme .card-dismissable.ng-leave-active {
  opacity: 0; }

.wiw-theme .card-highlight {
  border-left: 2px solid #51a33d; }

.deputy-theme .card-highlight {
  border-left: 2px solid #64c6ff; }

.empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px; }
  .empty-state i {
    color: #777;
    font-size: 96px; }
  .empty-state h1 {
    color: #777;
    margin: 16px 0 0;
    font-size: 22px;
    line-height: 28px;
    text-align: center; }
  .empty-state p {
    margin: 8px 0;
    color: #999; }
  .empty-state img {
    max-width: 70%; }
  .empty-state button {
    margin-top: 16px; }

.referral-page {
  width: 70% !important;
  margin: auto; }

.empty-state-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  background-color: #fff; }
  .empty-state-share .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    margin-left: -75px;
    text-transform: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .empty-state-share .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }
  .empty-state-share .button-flat:hover .tooltiptext {
    visibility: visible;
    opacity: 1; }
  .empty-state-share .social-share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .empty-state-share .social-share-button {
    display: inline-block;
    padding: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    margin-right: 8px;
    line-height: 24px; }
    .empty-state-share .social-share-button img {
      width: 24px;
      height: 24px; }
    .empty-state-share .social-share-button .material-icons {
      font-size: 24px !important;
      vertical-align: middle; }
  .empty-state-share .social-share-button-facebook {
    background-color: #3b5998;
    color: #fff; }
  .empty-state-share .social-share-button-twitter {
    background-color: #1da1f2;
    color: #fff; }
  .empty-state-share .social-share-button-linkedin {
    background-color: #0077b5;
    color: #fff; }
  .empty-state-share .social-share-button-email {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.6); }
  .empty-state-share .share-button {
    margin-top: 16px;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .empty-state-share h1 {
    color: #333;
    margin: 16px 0 0;
    font-size: 24px;
    line-height: 28px;
    text-align: center; }
  .empty-state-share .empty-subtitle {
    font-size: 18px;
    color: #777;
    max-width: 400px;
    text-align: center; }
  .empty-state-share .share-content {
    width: 90%;
    border-bottom: 1px solid #777 !important;
    border: none;
    height: 25px; }
  .empty-state-share .empty-state-image {
    -o-object-fit: none;
       object-fit: none;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    max-width: unset;
    height: 210px;
    margin-top: 40px; }
  .empty-state-share .share-section {
    margin-top: 20px; }
  .empty-state-share .onboarding-image {
    width: 36px; }
  .empty-state-share .share-copy-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .empty-state-share .rewards-container {
    width: 70%;
    margin: auto; }
    .empty-state-share .rewards-container .onboarding-image {
      width: 36px; }
  .empty-state-share .benefit-list {
    padding-left: 0px !important;
    margin-bottom: 50px; }
    .empty-state-share .benefit-list li {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
    .empty-state-share .benefit-list .material-icons {
      color: #0f94d7;
      font-size: 24px; }
    .empty-state-share .benefit-list span {
      margin-top: 2px;
      margin-left: 10px; }
  .empty-state-share .earn-rewards {
    border-top: #777 solid 1px;
    width: 90%; }
    .empty-state-share .earn-rewards h1 {
      color: #333;
      margin: 16px 0 0;
      font-size: 22px;
      line-height: 28px;
      text-align: left;
      margin-bottom: 20px; }
  .empty-state-share .earn-rewards-page {
    width: 90%; }
    .empty-state-share .earn-rewards-page h1 {
      color: #333;
      margin: 16px 0 0;
      font-size: 22px;
      line-height: 28px;
      text-align: left;
      margin-bottom: 20px; }

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -1px; }
  @media only screen and (max-width: 640px) {
    .tabs {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .tabs .tab {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid transparent;
    height: 48px;
    max-width: 180px;
    line-height: 48px;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
    transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); }
    .tabs .tab:hover {
      background-color: rgba(158, 158, 158, 0.2); }
    .tabs .tab.active {
      border-bottom-color: #0f94d7;
      color: #000; }

.wiw-theme .tabs .tab.active {
  border-bottom-color: #51a33d; }

.deputy-theme .tabs .tab.active {
  border-bottom-color: #64c6ff; }

.badge {
  border-radius: 16px;
  background-color: #cccccc;
  color: #fff;
  font-weight: 500;
  padding: 4px 8px;
  text-align: center; }

.menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  padding: 8px 0; }

.uk-open .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.menu a,
.menu button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  padding: 16px;
  color: #000;
  font-size: 16px;
  border: none;
  background-color: transparent;
  text-align: left; }
  .menu a:hover,
  .menu button:hover {
    background-color: #eee; }

.form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 2.25rem 0; }
  .form-group input {
    width: 100%; }
  .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="email"] {
    display: block;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1rem;
    border: 0 transparent;
    line-height: 1.9;
    border-bottom: 0.0625rem solid #d3d3d3; }
  .form-group input[type="submit"] {
    -webkit-appearance: none;
    width: auto; }
  .form-group label {
    position: absolute;
    top: 0.25rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    font-size: 1rem;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease; }
  .form-group input:valid ~ label,
  .form-group input:focus ~ label {
    font-size: 12px;
    top: -15px;
    left: 0; }

.form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

div.form-helper-text {
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block; }

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  overflow: hidden; }

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  overflow: hidden; }

.grow {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.scroll {
  overflow-y: auto; }
  .scroll .flex-row {
    overflow: initial; }
  .scroll .flex-col {
    overflow: initial; }

.scroll-inner-padding {
  padding-top: 16px; }
  .scroll-inner-padding::after {
    content: " ";
    height: 16px;
    display: block; }

.no-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.notification-icon {
  background-color: #2e343c;
  color: #fff;
  border-radius: 50%;
  padding: 8px; }

.notification-container {
  cursor: pointer !important; }
  .notification-container:hover {
    background-color: rgba(0, 0, 0, 0.05); }

blockquote {
  padding: 0.5em 10px; }

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

blockquote p {
  display: inline; }

.list .list-dialog {
  background-color: #efefef; }

.list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-bottom: 1px solid #ddd; }
  .list .list-item:last-child {
    border: none; }

.list .list-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.list .list-paragraphs {
  white-space: pre-line; }

.list .list-icon {
  border-radius: 50%;
  min-width: 56px;
  min-height: 56px;
  max-width: 56px;
  max-height: 56px;
  margin-right: 16px; }

.list .list-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: -8px; }
  .list .list-meta .md-icon-button {
    margin: 0; }

.list .list-name {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase; }

.list .list-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 8px 16px 8px 0;
  border-top: 1px solid #ddd; }

.chips-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  line-height: 2;
  margin-right: -8px;
  margin-bottom: -8px; }

.chip {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 0 12px;
  line-height: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.99);
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: padding-left 200ms;
  transition: padding-left 200ms;
  margin-right: 8px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden; }
  .chip::before {
    font-family: 'Material Icons';
    content: '\E5CA';
    width: 18px;
    font-size: 18px;
    left: -14px;
    opacity: 0;
    -webkit-transition: left 200ms, opacity 150ms 50ms;
    transition: left 200ms, opacity 150ms 50ms;
    vertical-align: -4px;
    position: absolute; }
  .chip.chip-selected {
    background-color: rgba(0, 0, 0, 0.2);
    padding-left: 34px; }
    .chip.chip-selected::before {
      left: 8px;
      opacity: 1; }
  .chip:hover {
    background-color: rgba(0, 0, 0, 0.16); }

/*! angularjs-slider - v6.5.1 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2018-03-30 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  -webkit-transform: translate(0, -28%);
          transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
          transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
      -webkit-box-pack: justify;
          justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
}
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
      -webkit-box-flex: 1;
          flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.Toastify--animate {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}

.Toastify--animate-icon {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.f {
  --y: calc(var(--len) - var(--nth));
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-transform: translate3d(0, calc(var(--y) * -40%), 0) scale(calc(1 - 0.05 * var(--y)));
          transform: translate3d(0, calc(var(--y) * -40%), 0) scale(calc(1 - 0.05 * var(--y)));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 80px;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@-webkit-keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.Toastify__progress-bar--animated {
  -webkit-animation: Toastify__trackProgress linear 1 forwards;
          animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  -webkit-transform-origin: right;
          transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  -webkit-animation: Toastify__spin 0.65s linear infinite;
          animation: Toastify__spin 0.65s linear infinite;
}

@-webkit-keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  -webkit-animation-name: Toastify__bounceInLeft;
          animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  -webkit-animation-name: Toastify__bounceInRight;
          animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  -webkit-animation-name: Toastify__bounceInDown;
          animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  -webkit-animation-name: Toastify__bounceInUp;
          animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  -webkit-animation-name: Toastify__bounceOutLeft;
          animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  -webkit-animation-name: Toastify__bounceOutRight;
          animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  -webkit-animation-name: Toastify__bounceOutUp;
          animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  -webkit-animation-name: Toastify__bounceOutDown;
          animation-name: Toastify__bounceOutDown;
}

@-webkit-keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  -webkit-animation-name: Toastify__zoomIn;
          animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  -webkit-animation-name: Toastify__zoomOut;
          animation-name: Toastify__zoomOut;
}

@-webkit-keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  -webkit-animation-name: Toastify__flipIn;
          animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  -webkit-animation-name: Toastify__flipOut;
          animation-name: Toastify__flipOut;
}

@-webkit-keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@-webkit-keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  -webkit-animation-name: Toastify__slideInLeft;
          animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  -webkit-animation-name: Toastify__slideInRight;
          animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  -webkit-animation-name: Toastify__slideInDown;
          animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  -webkit-animation-name: Toastify__slideInUp;
          animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  -webkit-animation-name: Toastify__slideOutLeft;
          animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  -webkit-animation-name: Toastify__slideOutRight;
          animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  -webkit-animation-name: Toastify__slideOutUp;
          animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  -webkit-animation-name: Toastify__slideOutDown;
          animation-name: Toastify__slideOutDown;
}

@-webkit-keyframes Toastify__spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes Toastify__spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.limber-button-container {
  width: 80%;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin-top: 12px; }
  .limber-button-container .limber-button {
    -ms-flex-item-align: center;
        align-self: center;
    color: white;
    background-color: #0f94d7;
    border-radius: 10px;
    margin-top: 16px;
    padding: 8px 60px;
    -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
  .limber-button-container .limber-button:hover {
    background-color: #0f94d7; }

.clickable-row-item {
  padding: 12px 16px;
  cursor: pointer;
  text-align: left; }
  .clickable-row-item .top-section {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 6px; }
    .clickable-row-item .top-section .section-header {
      font-size: 16px;
      font-weight: 500; }
    .clickable-row-item .top-section .icon {
      font-weight: 800;
      font-size: 18px; }

.question {
  line-height: 24px !important;
  color: #333; }

.dialog-text {
  color: #333;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  /* 23.04px */
  margin-top: 10px; }

.dialog-sub-text {
  color: #2E343C;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%; }

.warning-icon {
  font-size: 32px !important;
  padding: 8px;
  border-radius: 100%;
  background-color: #FAD8DE;
  color: #E53D5C;
  margin-bottom: 12px; }

.modal-dialog .close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.modal-dialog .dialog-contents {
  text-align: center; }
  .modal-dialog .dialog-contents .dialog-button {
    padding: 24px !important;
    width: 50%; }

.bottom-dialog-container .background {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: black;
  z-index: 1; }
  .bottom-dialog-container .background.open {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  .bottom-dialog-container .background.closed {
    opacity: 0.0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    pointer-events: none; }

.bottom-dialog-container .dialog {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 2;
  overflow: auto;
  border-radius: 25px 25px 0px 0px;
  padding: 16px; }
  .bottom-dialog-container .dialog.open {
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    @media (min-width: 300px) {
      .bottom-dialog-container .dialog.open {
        top: 50vh;
        bottom: 0vh; } }
    @media (min-width: 500px) {
      .bottom-dialog-container .dialog.open {
        top: 50vh;
        bottom: 0vh; } }
    @media (min-width: 1022px) {
      .bottom-dialog-container .dialog.open {
        top: 50vh;
        bottom: 0vh; } }
  .bottom-dialog-container .dialog.closed {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
    @media (min-width: 300px) {
      .bottom-dialog-container .dialog.closed {
        top: 100vh;
        bottom: -40vh; } }
    @media (min-width: 500px) {
      .bottom-dialog-container .dialog.closed {
        top: 100vh;
        bottom: -40vh; } }
    @media (min-width: 1022px) {
      .bottom-dialog-container .dialog.closed {
        top: 100vh;
        bottom: -40vh; } }

.google-places-autocomplete{width:100%;position:relative}.google-places-autocomplete__input{width:calc(100% - 20px);padding:10px;border:none;margin-bottom:2px;-webkit-box-shadow:0 1px 16px 0 rgba(0,0,0,.09);box-shadow:0 1px 16px 0 rgba(0,0,0,.09)}.google-places-autocomplete__input:active,.google-places-autocomplete__input:focus,.google-places-autocomplete__input:hover{outline:0;border:none}.google-places-autocomplete__suggestions-container{background:#fff;border-radius:0 0 5px 5px;color:#000;position:absolute;width:100%;z-index:2;-webkit-box-shadow:0 1px 16px 0 rgba(0,0,0,.09);box-shadow:0 1px 16px 0 rgba(0,0,0,.09)}.google-places-autocomplete__suggestion{font-size:1rem;text-align:left;padding:10px}.google-places-autocomplete__suggestion--active{background:#e0e3e7}
.shift-form-modal .time-modal .react-datepicker__time-container {
  width: 200px; }

.shift-form-modal .time-modal .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 200px; }

.shift-form-modal .time-modal .react-datepicker-time__header {
  color: #fff; }

.shift-form-modal .time-modal .react-datepicker__triangle {
  left: 50% !important;
  border-bottom-color: #0f94d7 !important; }

.shift-form-modal .react-datepicker-wrapper {
  display: block;
  margin-bottom: 20px; }

.sweet-limber-primary {
  background-color: #0f94d7;
  color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.sweet-limber-primary:focus {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.sweet-limber-primary:not([disabled]):hover {
  background-color: #0F7FB7; }

.sweet-limber-cancel {
  background-color: #fff;
  color: #0f94d7; }

.sweet-limber-cancel:active {
  background-color: #fff;
  color: #0f94d7; }

.sweet-limber-cancel:focus {
  -webkit-box-shadow: none;
          box-shadow: none; }

.sweet-limber-cancel:not([disabled]):hover {
  background-color: #fff; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-bottom-color: #0f94d7 !important; }

.noscroll {
  position: fixed;
  overflow-y: scroll; }

input[type='date']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='search']:focus,
input[type='url']:focus,
select:focus,
textarea:focus {
  background-color: #fff !important; }

.ReactModal__Overlay {
  opacity: 1;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.ReactModal__Overlay--after-open {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px); }

.ReactModal__Overlay--before-close {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px); }

.ReactModal__Body--open {
  overflow-y: hidden; }

.hirer-onboarding {
  font-size: 14px;
  line-height: 1.4;
  background: #fff;
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* utilities (sizing/margin) */ }
  @media (min-width: 500px) {
    .hirer-onboarding {
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 40px; } }
  @media (max-width: 500px) {
    .hirer-onboarding {
      margin-top: 15px;
      padding-left: 15px;
      padding-right: 15px; } }
  .hirer-onboarding .mobile-shift-badge {
    position: absolute;
    bottom: -15px; }
  @media (max-width: 500px) {
    .hirer-onboarding .duplicate-section {
      margin-bottom: 10px; } }
  .hirer-onboarding .clear-both {
    clear: both;
    padding-bottom: 20px; }
  .hirer-onboarding .total-summary {
    margin-left: 10px;
    text-align: right; }
  .hirer-onboarding .stint-row input {
    width: 100%; }
  .hirer-onboarding .duration-section {
    margin-top: 40px; }
  .hirer-onboarding .mobile-shift-cell-badge {
    margin-left: 25px; }
  .hirer-onboarding .ios-input-time {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70vw !important; }
  .hirer-onboarding dl > dt {
    border-color: transparent !important; }
  .hirer-onboarding dl > dd {
    border-color: transparent !important; }
  .hirer-onboarding .flex-error-start-date-shift {
    max-width: 84px; }
  .hirer-onboarding .badge-warning {
    color: #ffbf00;
    border: 1px solid #ffbf00;
    cursor: pointer; }
  .hirer-onboarding .warning-modal-content {
    margin: 10px; }
    .hirer-onboarding .warning-modal-content p {
      margin-top: 0px;
      margin-bottom: 0px; }
  .hirer-onboarding .warning-modal-title {
    margin-left: 10px;
    margin-top: 10px;
    font-weight: bold; }
  .hirer-onboarding .inline-warning-container {
    margin-top: 10px;
    color: #ffbf00;
    border: 1px solid #ffbf00;
    padding: 10px;
    border-radius: 13px;
    background-color: rgba(255, 191, 0, 0.05); }
  .hirer-onboarding .first-badge {
    margin-left: 15px; }
  .hirer-onboarding label.active-radio span::after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important; }
  .hirer-onboarding .react-datepicker {
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    color: #042864; }
    .hirer-onboarding .react-datepicker .react-datepicker__time-container {
      width: 200px; }
    .hirer-onboarding .react-datepicker .react-datepicker__time-box {
      width: 200px !important; }
    .hirer-onboarding .react-datepicker .react-datepicker-time__header {
      color: #fff !important; }
    .hirer-onboarding .react-datepicker .react-datepicker__navigation--next {
      border-left-color: #fff; }
    .hirer-onboarding .react-datepicker .react-datepicker__navigation--previous {
      border-right-color: #fff; }
    .hirer-onboarding .react-datepicker .react-datepicker__header {
      background-color: #0f94d7; }
    .hirer-onboarding .react-datepicker .react-datepicker__day-name,
    .hirer-onboarding .react-datepicker .react-datepicker__day,
    .hirer-onboarding .react-datepicker .react-datepicker__time-name {
      width: 37px;
      line-height: 37px;
      font-size: 16px; }
    .hirer-onboarding .react-datepicker .react-datepicker__current-month,
    .hirer-onboarding .react-datepicker .react-datepicker__day-name {
      color: #fff; }
    .hirer-onboarding .react-datepicker .react-datepicker__day,
    .hirer-onboarding .react-datepicker .react-datepicker__time-name {
      color: #042864; }
    .hirer-onboarding .react-datepicker .react-datepicker__day--selected,
    .hirer-onboarding .react-datepicker .react-datepicker__day--in-range {
      background-color: #0f94d7;
      color: #fff;
      opacity: 0.5; }
    .hirer-onboarding .react-datepicker .react-datepicker__day--keyboard-selected {
      background-color: #042864;
      color: #fff;
      opacity: 0.5; }
    .hirer-onboarding .react-datepicker .react-datepicker__day--range-start,
    .hirer-onboarding .react-datepicker .react-datepicker__day--range-end,
    .hirer-onboarding .react-datepicker .react-datepicker__day--selected {
      background-color: #042864;
      opacity: 1; }
    .hirer-onboarding .react-datepicker .react-datepicker__day--disabled {
      color: #979797; }
  .hirer-onboarding .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  @media (max-width: 500px) {
    .hirer-onboarding .flex-center-mob {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (min-width: 500px) {
    .hirer-onboarding .flex-center-mob {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (max-width: 500px) {
    .hirer-onboarding input {
      padding-top: 6px !important; } }
  @media (max-width: 300px) {
    .hirer-onboarding {
      padding-left: 15px;
      padding-left: 15px; } }
  .hirer-onboarding * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .hirer-onboarding *:focus {
    outline: none; }
  .hirer-onboarding ::-webkit-scrollbar {
    width: 5px; }
  .hirer-onboarding ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
            box-shadow: inset 0 0 5px grey;
    border-radius: 30px;
    margin: 8px 0; }
  .hirer-onboarding ::-webkit-scrollbar-thumb {
    background: #979797;
    border-radius: 10px; }
  .hirer-onboarding ::-webkit-scrollbar-thumb:hover {
    background: #979797; }
  .hirer-onboarding input[type='text'],
  .hirer-onboarding input[type='search'],
  .hirer-onboarding input[type='password'],
  .hirer-onboarding input[type='number'],
  .hirer-onboarding input[type='date'],
  .hirer-onboarding input[type='time'],
  .hirer-onboarding input[type='email'],
  .hirer-onboarding select {
    height: 28px;
    line-height: 28px;
    font-family: inherit;
    border: none;
    min-height: 35px;
    padding: 0 1rem;
    background: #fff;
    color: #333;
    margin-bottom: 0; }
    @media (max-width: 500px) {
      .hirer-onboarding input[type='text'],
      .hirer-onboarding input[type='search'],
      .hirer-onboarding input[type='password'],
      .hirer-onboarding input[type='number'],
      .hirer-onboarding input[type='date'],
      .hirer-onboarding input[type='time'],
      .hirer-onboarding input[type='email'],
      .hirer-onboarding select {
        min-height: 45px; } }
  .hirer-onboarding input[type='search'] {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important; }
  .hirer-onboarding .desktop-modal {
    background-color: #fff;
    border-left: 1px solid #9797976e;
    min-height: 100px;
    z-index: 9999;
    min-width: 210px;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    position: absolute;
    top: 7px;
    border-radius: 13px;
    color: #333;
    padding-bottom: 20px; }
    .hirer-onboarding .desktop-modal .desktop-modal-title {
      font-size: 12px;
      margin-top: 15px;
      margin-left: 25px;
      font-weight: bold; }
    .hirer-onboarding .desktop-modal .radio-group label {
      margin-right: 0px; }
    .hirer-onboarding .desktop-modal .input-radio [type='radio'] + span {
      border-color: #333; }
    @media (max-width: 1022px) {
      .hirer-onboarding .desktop-modal {
        right: 10px; } }
    .hirer-onboarding .desktop-modal .min-wage-table {
      font-size: 10px; }
      .hirer-onboarding .desktop-modal .min-wage-table .min-wage-table-title {
        margin-top: 10px;
        font-weight: bold;
        margin-left: 25px; }
      .hirer-onboarding .desktop-modal .min-wage-table dd {
        display: inline-block;
        margin-left: 25px;
        padding: 0px;
        border: none; }
      .hirer-onboarding .desktop-modal .min-wage-table dt {
        min-width: 60px;
        display: inline-block;
        margin-left: 25px;
        font-weight: bold;
        padding: 0px;
        border: none; }
      .hirer-onboarding .desktop-modal .min-wage-table dl {
        margin-bottom: 0px;
        margin-top: 5px;
        padding: 0px;
        border: none; }
    .hirer-onboarding .desktop-modal .desktop-modal-text {
      margin-left: 25px;
      margin-right: 25px;
      font-size: 9px; }
    .hirer-onboarding .desktop-modal .desktop-modal-input-wrapper {
      margin-left: 25px;
      border-bottom: 1px solid #333;
      max-width: 110px; }
      .hirer-onboarding .desktop-modal .desktop-modal-input-wrapper input {
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        border: transparent 0px !important;
        border: solid 0px !important;
        border-radius: 0px !important;
        max-width: 100px !important;
        width: auto !important; }
    .hirer-onboarding .desktop-modal input.variable-hourly-rate {
      padding-left: 0px; }
    .hirer-onboarding .desktop-modal input.fixed-hourly-rate {
      padding-left: 0px; }
    .hirer-onboarding .desktop-modal .active-tab {
      font-weight: bold;
      border-bottom: 2px solid #042864 !important; }
  .hirer-onboarding .desktop-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #979797; }
  .hirer-onboarding .worker-field input {
    padding-left: 20px; }
  .hirer-onboarding select[name='variableRateSelect'] {
    margin-top: 20px;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    min-height: 33px;
    position: relative;
    left: -71px; }
  .hirer-onboarding .autocomplete-dropdown-container {
    color: #333;
    width: 95%;
    margin-left: 5%;
    z-index: 1000;
    position: absolute;
    border-radius: 14px; }
    .hirer-onboarding .autocomplete-dropdown-container .suggestion-item {
      width: 100%;
      white-space: nowrap;
      padding-left: 5px;
      padding-bottom: 2px;
      padding-top: 2px;
      overflow: hidden;
      max-height: 30px;
      padding-right: 20px; }
    .hirer-onboarding .autocomplete-dropdown-container .suggestion-item--active {
      padding-left: 5px;
      padding-bottom: 2px;
      padding-top: 2px;
      max-height: 30px;
      width: 100%;
      overflow: hidden;
      white-space: nowrap; }
    .hirer-onboarding .autocomplete-dropdown-container .suggestion-desc {
      overflow: hidden; }
  .hirer-onboarding .button.shift-submit {
    margin-top: 20px;
    margin-left: 20px;
    border-radius: 10px; }
    @media (min-width: 500px) {
      .hirer-onboarding .button.shift-submit {
        width: 100px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .shift-submit-section {
      float: right; } }
  @media (max-width: 500px) {
    .hirer-onboarding .shift-submit-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 85vw; } }
  .hirer-onboarding label {
    display: block;
    font-weight: normal; }
  .hirer-onboarding .shift-input-group.shift-row-0 {
    margin-top: 0px; }
  .hirer-onboarding .shift-input-group.first-shift-row {
    margin-top: 0px; }
  .hirer-onboarding .radio-group {
    padding-top: 0.5em; }
    .hirer-onboarding .radio-group .tab-radio-field {
      display: inline-block;
      margin-right: 0px;
      padding-bottom: 3px; }
      .hirer-onboarding .radio-group .tab-radio-field .input-radio {
        display: none; }
    .hirer-onboarding .radio-group .active-tab {
      font-weight: bold;
      border-bottom: 2px solid #333; }
    .hirer-onboarding .radio-group label {
      padding: 0.8em 0.8em;
      -webkit-transition: background-color;
      transition: background-color; }
      @media (min-width: 500px) {
        .hirer-onboarding .radio-group label {
          display: inline-block; } }
      .hirer-onboarding .radio-group label input[type='radio'] {
        vertical-align: middle; }
      .hirer-onboarding .radio-group label:hover {
        cursor: pointer; }
  .hirer-onboarding .unavailable-label {
    margin-left: 5px; }
  .hirer-onboarding .worker-option-container {
    display: block !important;
    margin-bottom: 0px !important;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px; }
  .hirer-onboarding .worker-option-container:hover {
    background-color: #e8eaed;
    cursor: pointer; }
  .hirer-onboarding .unavailable-worker {
    background-color: #979797;
    color: #333;
    cursor: text !important;
    margin-right: 0px !important; }
  .hirer-onboarding .unavailable-worker:hover {
    background-color: #979797;
    cursor: text !important;
    margin-right: 0px !important; }
  .hirer-onboarding .job-creation-option-category {
    text-overflow: ellipsis;
    width: 170px;
    white-space: nowrap;
    overflow: hidden; }
  .hirer-onboarding .selected-worker-pill {
    padding: 10px 10px 10px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #0f94d7;
    border-radius: 26px;
    color: #2E343C; }
  .hirer-onboarding .worker-profile {
    border-radius: 15px;
    margin-right: 5px; }
  .hirer-onboarding .worker-option {
    width: 0px;
    height: 0px;
    padding: 0px;
    border-width: 0px; }
  .hirer-onboarding .input-group-cell input {
    max-width: 150px;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    border-left: solid 1px #9797976e; }
    @media (max-width: 500px) {
      .hirer-onboarding .input-group-cell input {
        border-radius: 30px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .shift-detail-field {
      display: inline-block;
      width: 33%; } }
  .hirer-onboarding .first-shift-field .field-label {
    margin-left: 15px; }
  .hirer-onboarding .first-shift-field input {
    border-left: solid 1px #9797976e !important;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; }
  @media (max-width: 1022px) {
    .hirer-onboarding .input-group .input-group-cell.final-shift-field input {
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .shift-input-group.first-shift-row {
      margin-left: 0px; } }
  @media (max-width: 500px) {
    .hirer-onboarding .shift-input-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 90vw; }
      .hirer-onboarding .shift-input-group .input-group-cell {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 5px;
        -webkit-box-flex: 1;
            -ms-flex: 1 0;
                flex: 1 0;
        display: inline-block; }
        .hirer-onboarding .shift-input-group .input-group-cell input {
          width: 80vw;
          max-width: 100%; }
        .hirer-onboarding .shift-input-group .input-group-cell .first-cell {
          padding-left: 20px;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px; }
        .hirer-onboarding .shift-input-group .input-group-cell .last-cell {
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .shift-input-group {
      margin-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 768px) {
    .hirer-onboarding .second-section {
      display: inherit;
      width: 40% !important; } }
  @media (min-width: 500px) {
    .hirer-onboarding .second-section {
      display: inherit;
      width: 30%; } }
  @media (max-width: 500px) {
    .hirer-onboarding .second-section {
      width: 100% !important; } }
  .hirer-onboarding .final-cell input {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important; }
  .hirer-onboarding .input-group .input-group-cell {
    margin-bottom: 5px; }
  .hirer-onboarding .input-group input {
    max-width: 100%; }
    @media (min-width: 500px) {
      .hirer-onboarding .input-group input {
        width: 100%; } }
    @media (max-width: 500px) {
      .hirer-onboarding .input-group input {
        width: 90vw; } }
  @media (min-width: 1022px) {
    .hirer-onboarding .input-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .hirer-onboarding .input-group .input-group-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0; }
    .hirer-onboarding .input-group .input-group-cell input {
      -webkit-box-shadow: 8px 4px 14px 0px #979797;
      -webkit-appearance: none;
      -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
              box-shadow: 8px 4px 14px 0px #9797976e;
      border-left: solid 1px #9797976e; }
    .hirer-onboarding .input-group .input-group-cell .first-shift-field input {
      border-left: solid 1px #9797976e !important; }
  @media (min-width: 1022px) {
    .hirer-onboarding .shift-item-spacer-desktop {
      width: 7px;
      z-index: -1; } }
  @media (min-width: 500px) {
    .hirer-onboarding .shift-item-spacer-tablet {
      width: 33px;
      z-index: -1; } }
  .hirer-onboarding .flex-error {
    display: inline-block; }
    @media (max-width: 500px) {
      .hirer-onboarding .flex-error {
        margin-left: 10px; } }
  .hirer-onboarding .flex-lg {
    -webkit-box-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; }
  .hirer-onboarding .flex-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100px;
            flex: 1 0 100px; }
  .hirer-onboarding .rounded-field {
    border-radius: 15px; }
  .hirer-onboarding .subtitle {
    color: #333; }
    @media (max-width: 500px) {
      .hirer-onboarding .subtitle {
        padding-top: 15px;
        max-width: 200px;
        line-height: 27px !important; } }
  .hirer-onboarding .job-creation-option {
    width: 200px;
    display: inline-block;
    border: 1px solid #979797;
    border-radius: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 20px;
    margin-bottom: 20px; }
  .hirer-onboarding input.variable-hourly-rate {
    text-align: left; }
    @media (min-width: 500px) {
      .hirer-onboarding input.variable-hourly-rate {
        padding-left: 106px; } }
    @media (max-width: 500px) {
      .hirer-onboarding input.variable-hourly-rate {
        padding-left: 18px; } }
  .hirer-onboarding input.fixed-hourly-rate {
    padding-left: 18px; }
  @media (max-width: 500px) {
    .hirer-onboarding .hourly-modal-content input.fixed-hourly-rate,
    .hirer-onboarding .hourly-modal-content input.variable-hourly-rate {
      max-width: 95px;
      font-size: 24px;
      padding-left: 20px; } }
  .hirer-onboarding .min-wage-label {
    position: absolute;
    left: 8px;
    color: #5c5b5b; }
    @media (max-width: 500px) {
      .hirer-onboarding .min-wage-label {
        bottom: 9px; } }
    @media (min-width: 500px) {
      .hirer-onboarding .min-wage-label {
        bottom: 7px; } }
  @media (max-width: 500px) {
    .hirer-onboarding .min-wage-label-title,
    .hirer-onboarding .last-label-title {
      position: absolute;
      font-size: 10px;
      bottom: 28px;
      left: 8px;
      color: #5c5b5b; } }
  @media (min-width: 500px) {
    .hirer-onboarding .min-wage-label-title,
    .hirer-onboarding .last-label-title {
      position: absolute;
      left: 8px;
      color: #5c5b5b; } }
  @media (min-width: 500px) {
    .hirer-onboarding .min-wage-label-title,
    .hirer-onboarding .last-label-title {
      bottom: 8px; } }
  @media (max-width: 500px) {
    .hirer-onboarding .first-label-title {
      position: absolute;
      font-size: 10px;
      bottom: 28px;
      left: 21px;
      color: #5c5b5b; } }
  @media (min-width: 500px) {
    .hirer-onboarding .first-label-title {
      position: absolute;
      left: 8px;
      color: #5c5b5b; } }
  @media (min-width: 500px) {
    .hirer-onboarding .first-label-title {
      bottom: 8px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .desktop-hidden {
      display: none; } }
  @media (min-width: 500px) {
    .hirer-onboarding .input-group-cell span.variable-min-wage {
      left: 96px; } }
  .hirer-onboarding .variable-rate-section {
    height: 0px;
    position: relative;
    float: left;
    top: 15px; }
    .hirer-onboarding .variable-rate-section label {
      font-size: 12px; }
  .hirer-onboarding .overlay-container {
    position: relative; }
  .hirer-onboarding .stint-form .min-wage-label {
    position: absolute;
    left: 8px;
    color: #5c5b5b; }
  @media (min-width: 1022px) {
    .hirer-onboarding .stint-form .first-shift-row input {
      border-radius: 0px; } }
  .hirer-onboarding .delete-venue {
    cursor: pointer;
    margin-left: 140px;
    color: #979797; }
  .hirer-onboarding .carousel-wrapper {
    width: 100%;
    overflow: hidden; }
  .hirer-onboarding .safari-hide {
    display: none; }
  .hirer-onboarding .previous-button {
    position: relative;
    bottom: 8px;
    cursor: pointer;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #0f94d7;
    color: #fff;
    border-radius: 22px; }
  .hirer-onboarding .next-button {
    margin-left: 10px;
    position: relative;
    bottom: 8px;
    cursor: pointer;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #0f94d7;
    color: #fff;
    border-radius: 22px; }
  .hirer-onboarding .carousel-slot {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    min-width: 200px;
    max-width: 200px;
    margin-left: 2px;
    margin-right: 20px; }
  .hirer-onboarding .add-shift-item {
    cursor: pointer;
    display: inline-block; }
    @media (max-width: 500px) {
      .hirer-onboarding .add-shift-item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-left: 2px;
        margin-bottom: 15px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .add-shift-multi {
      margin-right: 260px; } }
  @media (min-width: 1022px) {
    .hirer-onboarding .wage-field {
      max-width: 200px; } }
  @media (max-width: 500px) {
    .hirer-onboarding .wage-field {
      width: 50%;
      display: inline-block; }
      .hirer-onboarding .wage-field input {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; } }
  @media (max-width: 500px) {
    .hirer-onboarding .input-group-cell.weekly-hours-field {
      width: 50%;
      display: inline-block; }
      .hirer-onboarding .input-group-cell.weekly-hours-field input {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; } }
  @media (min-width: 1022px) {
    .hirer-onboarding .input-group-cell.worker-field {
      max-width: 100px; } }
  @media (max-width: 500px) {
    .hirer-onboarding .input-group-cell.worker-field {
      width: 50%;
      display: inline-block; }
      .hirer-onboarding .input-group-cell.worker-field input {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; } }
  .hirer-onboarding .additional-shift-controls {
    font-size: 12px; }
    @media (min-width: 500px) {
      .hirer-onboarding .additional-shift-controls {
        margin-top: 10px; } }
    @media (max-width: 500px) {
      .hirer-onboarding .additional-shift-controls {
        width: 90vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px; } }
  .hirer-onboarding input:disabled {
    opacity: 1 !important;
    /* required on iOS */
    -webkit-opacity: 1 !important;
    /* Override iOS opacity change affecting text & background color */ }
  .hirer-onboarding .carousel .slide {
    background-color: #fff; }
  .hirer-onboarding .worker-seperator {
    margin: 0 20px 0 14px;
    padding-bottom: 4px; }
    @media (min-width: 500px) {
      .hirer-onboarding .worker-seperator {
        border-top: 1px solid #979797; } }
  .hirer-onboarding .worker-input-field {
    margin-bottom: 16px; }
  .hirer-onboarding .venue-search .dropdown-active {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 0px !important; }
  .hirer-onboarding .dropdown-search {
    padding: 15px 15px 15px 35px !important; }
  @media (min-width: 500px) {
    .hirer-onboarding .worker-dropdown {
      background-color: #fff;
      position: absolute;
      top: 72px;
      color: #333;
      width: 100%;
      padding-top: 5px;
      border-left: 1px solid #9797976e;
      -webkit-box-shadow: 8px 4px 14px 0px #979797;
      -webkit-appearance: none;
      -webkit-box-shadow: 8px 9px 14px 0px #9797976e;
              box-shadow: 8px 9px 14px 0px #9797976e;
      border-bottom-right-radius: 15px;
      border-bottom-left-radius: 15px;
      max-height: 200px;
      overflow-y: scroll;
      overflow-x: hidden;
      z-index: 10000; } }
  @media (max-width: 500px) {
    .hirer-onboarding .worker-dropdown {
      color: #042864; } }
  .hirer-onboarding .carousel-controls-desktop {
    float: right; }
    @media (max-width: 1022px) {
      .hirer-onboarding .carousel-controls-desktop {
        display: none; } }
  .hirer-onboarding .carousel-controls-mobile {
    width: 80vw;
    margin-top: 20px; }
    @media (min-width: 1022px) {
      .hirer-onboarding .carousel-controls-mobile {
        display: none; } }
    .hirer-onboarding .carousel-controls-mobile .next-button {
      width: 28px;
      margin-left: 10px;
      bottom: 13px;
      padding-left: 7px;
      padding-right: 7px;
      padding-bottom: 4px;
      padding-top: 4px;
      float: right; }
  .hirer-onboarding .worker-hidden {
    display: none;
    z-index: 0; }
  .hirer-onboarding .input-radio [type='radio'] + span.disabled-radio:after {
    background-color: #979797; }
  .hirer-onboarding .selected-worker-remove {
    padding-left: 10px;
    font-size: 14px;
    position: relative;
    top: 1px;
    cursor: pointer;
    color: #0f94d7; }
  .hirer-onboarding .remove-shift-item-desktop {
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-left: 20px; }
    @media (max-width: 1022px) {
      .hirer-onboarding .remove-shift-item-desktop {
        display: none; } }
  .hirer-onboarding .first-shift-field .flex-error {
    margin-left: 15px; }
  @media (min-width: 500px) {
    .hirer-onboarding .first-shift-row .remove-shift-item-mobile {
      margin-top: 50px; } }
  .hirer-onboarding .shift-row-title {
    margin-top: 20px;
    border-bottom: 1px solid #979797;
    padding-bottom: 5px;
    font-weight: bold; }
  .hirer-onboarding .remove-shift-item-mobile {
    cursor: pointer;
    display: inline-block; }
    @media (min-width: 500px) {
      .hirer-onboarding .remove-shift-item-mobile {
        margin-top: 5px;
        margin-left: 20px; }
        .hirer-onboarding .remove-shift-item-mobile .remove-shift-item-text {
          display: none; } }
    @media (max-width: 500px) {
      .hirer-onboarding .remove-shift-item-mobile {
        margin-left: 5px;
        float: right; }
        .hirer-onboarding .remove-shift-item-mobile .remove-shift-item-text {
          font-size: 12px;
          margin-left: 5px; } }
    @media (min-width: 1022px) {
      .hirer-onboarding .remove-shift-item-mobile {
        display: none; } }
  .hirer-onboarding .shift-type-wrapper {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px; }
    @media (max-width: 500px) {
      .hirer-onboarding .shift-type-wrapper {
        padding-left: 5px;
        padding-right: 5px; } }
  .hirer-onboarding .modal-buttons-bottom-wrapper {
    padding-top: 20px; }
  .hirer-onboarding .invite-worker-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .hirer-onboarding .invite-worker-section {
    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; }
  .hirer-onboarding .invite-worker-title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    font-size: 16px;
    color: #333333; }
  .hirer-onboarding .invite-worker-subtitle {
    padding-top: 10px;
    width: 80%; }
  .hirer-onboarding .open-shift-label {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .hirer-onboarding .open-shift-label-title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    font-size: 16px;
    color: #333333;
    margin-right: 10px; }
  .hirer-onboarding .open-shift-section {
    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; }
  .hirer-onboarding .open-shift-label-section {
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px; }
  .hirer-onboarding .open-shift-subtitle {
    padding-top: 10px;
    width: 80%; }
  .hirer-onboarding .bottom-spacer {
    margin-bottom: 20px; }
  .hirer-onboarding .left-spacer {
    margin-left: 40px; }
  .hirer-onboarding .input-checkbox {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 14px !important;
    height: 14px;
    border: 1px solid #333;
    border-radius: 100%;
    position: relative;
    margin-right: 0.5em; }
  @media (min-width: 500px) {
    .hirer-onboarding .groupShiftSection {
      margin-left: 15px; } }
  @media (min-width: 500px) {
    .hirer-onboarding .groupShiftSection {
      display: inline-block; } }
  @media (min-width: 500px) {
    .hirer-onboarding .flexWrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1022px) {
    .hirer-onboarding .flexWrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .hirer-onboarding .worker-search-icon {
    position: absolute;
    bottom: 8px;
    left: 17px;
    color: #979797; }
    @media (max-width: 500px) {
      .hirer-onboarding .worker-search-icon {
        bottom: 13px; } }
  .hirer-onboarding .worker-search-invite-icon {
    position: absolute;
    bottom: 8px;
    left: 17px;
    color: #979797; }
    @media (max-width: 500px) {
      .hirer-onboarding .worker-search-invite-icon {
        top: 13px; } }
  .hirer-onboarding .shift-details {
    min-height: 60px; }
    @media (max-width: 1022px) {
      .hirer-onboarding .shift-details {
        width: 90vw; } }
    @media (max-width: 768px) {
      .hirer-onboarding .shift-details {
        width: 90vw; } }
    @media (max-width: 500px) {
      .hirer-onboarding .shift-details {
        width: 90vw; } }
  .hirer-onboarding .shift-row {
    margin-top: 10px; }
  .hirer-onboarding .shift-breakdown-summary {
    margin-top: 15px;
    margin-bottom: 15px; }
    .hirer-onboarding .shift-breakdown-summary span {
      margin-right: 5px;
      font-weight: bold; }
    .hirer-onboarding .shift-breakdown-summary .icon {
      display: inline-block; }
  .hirer-onboarding .validation-error .field-label {
    color: #dc3545; }
  .hirer-onboarding .button {
    height: 36px;
    line-height: 36px;
    font-family: inherit;
    border-radius: 18px;
    padding: 0 0.5rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    width: 200px;
    max-width: 100%; }
    .hirer-onboarding .button:disabled {
      cursor: not-allowed; }
  .hirer-onboarding .button-new {
    height: 36px;
    line-height: 36px;
    font-family: inherit;
    border-radius: 9px;
    padding: 0 0.5rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    width: 200px;
    max-width: 100%; }
    .hirer-onboarding .button-new:disabled {
      cursor: not-allowed; }
  .hirer-onboarding .button-primary {
    font-size: 1.2em;
    color: #fff;
    border: none;
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out; }
  .hirer-onboarding .single-button {
    margin-bottom: 1em; }
  .hirer-onboarding .mt0 {
    margin-top: 0; }
  .hirer-onboarding .mb0 {
    margin-bottom: 0; }
  .hirer-onboarding .mt-half {
    margin-top: 0.5em; }
  .hirer-onboarding .mt1 {
    margin-top: 1em; }
  .hirer-onboarding .mt2 {
    margin-top: 2em; }
  .hirer-onboarding .mt3 {
    margin-top: 3em; }
  .hirer-onboarding .mt4 {
    margin-top: 4em; }
  .hirer-onboarding .mt5 {
    margin-top: 5em; }
  .hirer-onboarding .mt6 {
    margin-top: 6em; }
  .hirer-onboarding .mt7 {
    margin-top: 7em; }
  .hirer-onboarding .mt8 {
    margin-top: 8em; }
  .hirer-onboarding .text-center {
    text-align: center; }
  .hirer-onboarding .text-center-black {
    text-align: center;
    color: black; }
  .hirer-onboarding .text-left {
    text-align: left; }
  .hirer-onboarding .text-right {
    text-align: right; }
  .hirer-onboarding .shift-badge {
    display: block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    min-width: 130px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    background-color: rgba(255, 191, 0, 0.05); }
  .hirer-onboarding .mobile-shift-badge {
    position: absolute;
    bottom: -15px; }
  .hirer-onboarding .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  .hirer-onboarding .badge-danger {
    color: #fff;
    background-color: #dc3545; }
  .hirer-onboarding .badge-success {
    color: #fff;
    background-color: #28a745; }
  .hirer-onboarding .alert {
    margin: 1em 0;
    color: #611a15;
    background-color: #fdecea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 16px;
    font-size: 0.875rem;
    border-radius: 4px; }
    .hirer-onboarding .alert .icon {
      color: #f44336;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      opacity: 0.9;
      padding: 7px 0;
      font-size: 22px;
      margin-right: 12px; }
    .hirer-onboarding .alert .message {
      padding: 8px 0; }
  .hirer-onboarding .selected-worker-section {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center; }
  .hirer-onboarding .selected-worker-section-nosearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center; }
  .hirer-onboarding .search-container {
    position: relative; }
  .hirer-onboarding .checked-option {
    border-color: #0f94d7; }
  .hirer-onboarding .confirmation-button {
    margin-top: 20px; }
  @media (max-width: 500px) {
    .hirer-onboarding .radio-fluid {
      width: 80vw; } }

.modal-tutorial-from-onboarding .sub-title {
  font-weight: 100;
  margin-left: 5px; }

.modal-tutorial-from-onboarding .trustpilot-container {
  height: 60px; }

.modal-tutorial-from-onboarding .feedback-slack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .modal-tutorial-from-onboarding .feedback-slack li {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    font-size: 24px;
    cursor: pointer; }

.modal-tutorial-from-onboarding .feedback-slack.feedback-hidden {
  display: none; }

.modal-tutorial-from-onboarding .left-align {
  text-align: left;
  margin-left: 10px; }

.modal-tutorial-from-onboarding .main-title {
  display: inline-block; }

.modal-tutorial-from-onboarding .left-title-onboarding {
  text-align: left; }

.modal-tutorial-from-onboarding .center-title-onboarding {
  text-align: center; }

.modal-tutorial-from-onboarding .onboarding-image {
  position: relative;
  bottom: 12px;
  margin-left: 20px; }

.modal-tutorial-from-onboarding .feedback_title {
  margin-left: 10px; }

.modal-tutorial-from-onboarding ul {
  max-width: 340px;
  padding: 0; }

.modal-tutorial-from-onboarding li {
  margin: 1.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left; }
  .modal-tutorial-from-onboarding li i {
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    margin-right: 1em;
    font-style: normal;
    font-weight: bold;
    color: #0f94d7;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #0f94d7;
    border-radius: 100%; }

.hirer-onboarding-confirmation {
  height: 510px; }

.ios-input-fields {
  -moz-appearance: none;
  -webkit-appearance: none; }

.sub-label {
  display: block;
  font-size: 10px;
  font-style: italic; }

.dropdown-cell {
  position: relative; }

.catGroup-title {
  font-weight: bold;
  padding-left: 15px;
  margin-top: 5px; }

.hirer-onboarding .input-group .input-group-cell input.category-option {
  height: 0px;
  border: none;
  padding: 0px;
  display: inline-block;
  width: 0px; }

.hirer-onboarding .input-group .input-group-cell label.worker-option-container {
  min-height: 0px;
  padding-bottom: 2px;
  padding-left: 25px;
  padding-top: 2px;
  cursor: pointer; }

.hirer-onboarding .input-group .input-group-cell label.worker-option-container:hover {
  background-color: #e0e0e0; }

.hirer-timesheets input.category-option {
  height: 0px;
  border: none;
  padding: 0px;
  display: inline-block;
  width: 0px; }

.hirer-timesheets label.worker-option-container {
  display: block;
  min-height: 0px;
  padding-bottom: 2px;
  padding-left: 25px;
  padding-top: 2px;
  cursor: pointer; }

.hirer-timesheets label.worker-option-container-selected {
  min-height: 0px;
  padding-bottom: 2px;
  padding-left: 25px;
  padding-top: 2px;
  cursor: pointer;
  background-color: #e0e0e0; }

.hirer-timesheets label.worker-option-container:hover {
  background-color: #e0e0e0; }

.reliability-rank-0 {
  color: red; }

.reliability-rank-1 {
  color: red; }

.reliability-rank-2 {
  color: orange; }

.reliability-rank-3 {
  color: orange; }

.reliability-rank-4 {
  color: green; }

.reliability-rank-5 {
  color: green; }

.cost-note {
  display: block;
  max-width: 90vw;
  font-size: 0.8rem;
  color: #666666;
  margin-top: 0.5rem; }

.hirer-onboarding-frozen {
  padding: 15px; }

.hirer-onboarding-frozen-text {
  color: #333;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  /* 25px */ }

.hirer-contact-us-text {
  color: #0f94d7;
  cursor: pointer; }

.hirer-onboarding-frozen-sub-text {
  color: #333;
  font-size: 22px;
  font-weight: 300; }

.hirer-onboarding-form .dropdown-search {
  padding: 15px 15px 15px 35px !important; }

.hirer-onboarding-form .cost-breakdown {
  margin: 2em 0;
  display: inline-block;
  max-width: 644px;
  width: 90vw; }
  @media (min-width: 1022px) {
    .hirer-onboarding-form .cost-breakdown {
      width: 45vw !important; } }
  .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary {
    font-size: 1.1rem;
    display: inline-block; }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary .vat-summary {
      margin-left: 10px; }
    @media (min-width: 500px) {
      .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary > span {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary .icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 10px;
              flex: 0 0 10px; }
      @media (max-width: 500px) {
        .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary .icon {
          margin-left: 15px;
          display: inline-block; } }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-summary:hover {
      cursor: pointer; }
  .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.3rem 0; }
    @media (min-width: 500px) {
      .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl {
        width: 100%; } }
    @media (max-width: 500px) {
      .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl {
        width: 85vw; } }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl.total {
      border-top: #333 1px solid;
      margin-top: 10px;
      padding-top: 10px;
      font-weight: bold;
      font-size: 1.1rem; }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl dt {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 0;
      display: inline-block;
      min-width: 200px; }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl dd {
      text-align: right;
      padding: 0; }
      @media (max-width: 500px) {
        .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents dl dd {
          display: inline-block;
          margin-left: 15px; } }
  .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents .learn-more {
    margin-top: 1rem;
    font-weight: bold;
    text-decoration: underline; }
    @media (min-width: 500px) {
      .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents .learn-more {
        text-align: right; } }
    .hirer-onboarding-form .cost-breakdown .cost-breakdown-contents .learn-more a {
      color: inherit; }

.hirer-onboarding-form .cost-breakdown.in-form {
  width: 90vw; }

.hirer-onboarding-form .input-radio {
  display: inline-block; }

.hirer-onboarding-form .input-radio [type='radio'] {
  display: none;
  position: absolute;
  left: -9999px; }
  .hirer-onboarding-form .input-radio [type='radio'] + span {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #979797;
    border-radius: 100%;
    position: relative;
    margin-right: 0.5em; }
    .hirer-onboarding-form .input-radio [type='radio'] + span:after {
      content: '';
      width: 8px;
      height: 8px;
      position: absolute;
      top: 2px;
      left: 2px;
      border-radius: 100%;
      -webkit-transition: all 0.22s ease-in-out;
      transition: all 0.22s ease-in-out; }
  .hirer-onboarding-form .input-radio [type='radio']:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  .hirer-onboarding-form .input-radio [type='radio']:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

.hirer-onboarding-form-color {
  color: #333; }

.add-item {
  margin-top: 20px;
  cursor: pointer;
  color: black; }

.remove-item {
  margin-top: 10px;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px; }

.blue-pill {
  background-color: #0f94d7;
  border-radius: 100%;
  color: #fff;
  font-size: 17px;
  padding: 0 6px;
  line-height: 14px;
  padding-bottom: 2px; }

.screening-question {
  margin-top: 10px;
  display: inline-block;
  width: 90%; }

.limber-blue-icon {
  color: #0f94d7; }

.optional-summary-title {
  font-weight: bold;
  margin-top: 15px; }

.screening-questions-list {
  padding-left: 15px;
  margin-top: 0px; }

.optional-summary {
  color: black;
  text-align: left; }

.optional-summary-section {
  max-width: 400px; }

.hirer-onboarding-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  position: relative;
  width: 100%;
  max-width: 700px;
  padding: 1em;
  overflow: auto;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  outline: none;
  border-radius: 15px; }
  @media (max-width: 500px) {
    .hirer-onboarding-modal {
      height: 100%;
      border-radius: unset; } }
  @media (min-width: 500px) {
    .hirer-onboarding-modal {
      padding: 2em; } }
  .hirer-onboarding-modal .dropdown-search {
    padding: 15px 15px 15px 35px !important; }
  .hirer-onboarding-modal img {
    max-width: 100%; }
  .hirer-onboarding-modal a {
    text-decoration: underline;
    cursor: pointer; }
  .hirer-onboarding-modal .rdw-link-modal {
    top: 29px;
    left: -57px;
    height: 228px; }
  .hirer-onboarding-modal .rdw-emoji-modal {
    top: 29px;
    left: -109px;
    height: 228px; }
  .hirer-onboarding-modal .rdw-colorpicker-wrapper,
  .hirer-onboarding-modal .rdw-embedded-wrapper,
  .hirer-onboarding-modal .rdw-history-dropdown,
  .hirer-onboarding-modal .rdw-remove-wrapper,
  .hirer-onboarding-modal .rdw-image-wrapper,
  .hirer-onboarding-modal .rdw-fontfamily-dropdown,
  .hirer-onboarding-modal .rdw-text-align-dropdown,
  .hirer-onboarding-modal .rdw-fontsize-dropdown {
    display: none; }
  .hirer-onboarding-modal .rdw-block-wrapper {
    max-width: 85px; }
  .hirer-onboarding-modal textarea, .hirer-onboarding-modal .demo-wrapper {
    border-left: 1px solid #9797976e;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    border-radius: 22px; }
  .hirer-onboarding-modal .rdw-editor-toolbar {
    border-radius: 22px !important;
    border: none !important; }
  .hirer-onboarding-modal .demo-editor {
    min-height: 130px;
    padding: 0px 15px 15px 15px;
    border-top: solid 1px #9797976e;
    color: #333; }
  .hirer-onboarding-modal .demo-editor:hover {
    cursor: pointer; }
  .hirer-onboarding-modal .hidden-textarea {
    display: none; }
  .hirer-onboarding-modal input[type='text'],
  .hirer-onboarding-modal input[type='search'],
  .hirer-onboarding-modal input[type='password'],
  .hirer-onboarding-modal input[type='number'],
  .hirer-onboarding-modal input[type='date'],
  .hirer-onboarding-modal input[type='time'],
  .hirer-onboarding-modal input[type='email'] {
    border-left: 1px solid #9797976e;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    width: 100%;
    background: #fff;
    border-radius: 22px; }
  .hirer-onboarding-modal .dropdown-active {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 0px !important; }
  @media (min-width: 500px) {
    .hirer-onboarding-modal .worker-dropdown {
      background-color: #fff;
      position: absolute;
      top: 24px;
      color: #333;
      width: 100%;
      padding-top: 5px;
      border-left: 1px solid #979797;
      border-right: 1px solid #979797;
      border-bottom: 1px solid #979797;
      border-bottom-right-radius: 15px;
      border-bottom-left-radius: 15px;
      max-height: 200px;
      overflow-y: scroll;
      overflow-x: hidden;
      z-index: 10000; } }
  @media (max-width: 500px) {
    .hirer-onboarding-modal .worker-dropdown {
      color: #042864; } }
  .hirer-onboarding-modal .modal-close-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .hirer-onboarding-modal .modal-close-wrapper-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .hirer-onboarding-modal .shift-posting-modal-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .hirer-onboarding-modal .shift-posting-loading-wrapper {
    height: 425px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .hirer-onboarding-modal .shift-posting-loading-wrapper-text {
    padding-top: 20px; }
  .hirer-onboarding-modal .modal-close {
    color: #2E343C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-align: center;
    line-height: 40px; }
    .hirer-onboarding-modal .modal-close .modal-close-timesheets {
      color: white; }
    .hirer-onboarding-modal .modal-close:hover {
      color: #444; }
  .hirer-onboarding-modal .modal-close-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .hirer-onboarding-modal .modal-back {
    font-size: 20px;
    color: #2E343C;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-align: center; }
    .hirer-onboarding-modal .modal-back:hover {
      color: #042864; }
  .hirer-onboarding-modal h2 {
    font-size: 1.8em; }

.shift-form-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f4f4f4;
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  max-width: 500px;
  overflow: auto;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  outline: none; }
  .shift-form-modal input[type='text'],
  .shift-form-modal input[type='search'],
  .shift-form-modal input[type='password'],
  .shift-form-modal input[type='number'],
  .shift-form-modal input[type='date'],
  .shift-form-modal input[type='time'],
  .shift-form-modal input[type='email'] {
    border-left: 1px solid #9797976e;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    border-radius: 30px;
    width: 100%;
    background: #fff;
    padding: 10px; }
  @media (max-width: 500px) {
    .shift-form-modal {
      height: 100%; } }
  .shift-form-modal .modal-action {
    color: '#bbb';
    position: absolute;
    top: 5px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px; }
    .shift-form-modal .modal-action .modal-action-timesheets {
      color: #fff; }
    @media (min-width: 500px) {
      .shift-form-modal .modal-action:hover {
        color: #444; } }
  .shift-form-modal .modal-close {
    left: 0; }
  .shift-form-modal .modal-confirm {
    right: 0; }
  .shift-form-modal .field-control {
    max-width: 38px;
    background-color: #0f94d7;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px 5px;
    line-height: 34px;
    padding-bottom: 33px; }
  .shift-form-modal .field-control:disabled {
    background-color: #ddd; }
  .shift-form-modal .modal-content {
    padding: 2em;
    color: #333; }
    .shift-form-modal .modal-content .rate-display-field,
    .shift-form-modal .modal-content .rate-input-field {
      margin-bottom: 10px; }
    .shift-form-modal .modal-content .tab-radio-field {
      color: #0f94d7; }
    .shift-form-modal .modal-content .active-tab {
      border-color: #0f94d7; }
    .shift-form-modal .modal-content .radio-group {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .shift-form-modal .modal-content .worker-input-field input {
      text-align: center;
      max-width: 85px; }
    .shift-form-modal .modal-content .worker-input-field-large input {
      text-align: center;
      max-width: 120px; }
    .shift-form-modal .modal-content .min-wage-table {
      margin-left: 50px; }
      .shift-form-modal .modal-content .min-wage-table .min-wage-table-title {
        margin-top: 10px;
        font-weight: bold;
        margin-left: 25px; }
      .shift-form-modal .modal-content .min-wage-table dd {
        display: inline-block;
        margin-left: 25px;
        padding: 0px;
        border: none; }
      .shift-form-modal .modal-content .min-wage-table dt {
        min-width: 85px;
        display: inline-block;
        margin-left: 25px;
        font-weight: bold;
        padding: 0px;
        border: none; }
      .shift-form-modal .modal-content .min-wage-table dl {
        margin-bottom: 0px;
        margin-top: 5px;
        padding: 0px;
        border: none; }
  .shift-form-modal .modal-button {
    display: inline-block;
    vertical-align: middle;
    background-color: #0f94d7; }
  .shift-form-modal .content-field {
    display: contents;
    color: #333;
    font-size: 24px; }
  .shift-form-modal .content-field-padding {
    width: 20px; }
  .shift-form-modal .modal-title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    text-align: center; }
  .shift-form-modal .top-modal-bar {
    min-height: 50px;
    background-color: #0f94d7;
    color: #fafafa; }
  .shift-form-modal input.category-option {
    height: 0px;
    border: none;
    padding: 0px;
    display: inline-block;
    width: 0px;
    vertical-align: middle; }
  .shift-form-modal label.worker-option-container {
    min-height: 0px;
    padding-left: 25px;
    cursor: pointer; }
    @media (max-width: 500px) {
      .shift-form-modal label.worker-option-container {
        padding-bottom: 5px;
        padding-top: 5px;
        border-bottom: 1px solid #ddd; } }

.ReactModal__Body--open {
  overflow: hidden !important; }

.shift-type-modal-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #EDEDED; }
  .shift-type-modal-headers .shift-type-titles-unselected {
    width: 100%;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #6D7176; }
    @media (max-width: 500px) {
      .shift-type-modal-headers .shift-type-titles-unselected {
        font-size: 15px;
        line-height: unset;
        font-weight: 500; } }
  .shift-type-modal-headers .shift-type-titles-selected {
    width: 100%;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #2E343C;
    border-bottom: 2px solid #0f94d7; }
    @media (max-width: 500px) {
      .shift-type-modal-headers .shift-type-titles-selected {
        font-size: 15px;
        font-weight: 500;
        line-height: unset; } }

.shift-type-custom-wrapper {
  height: 330px;
  overflow: auto;
  padding-top: 16px; }
  .shift-type-custom-wrapper .shift-type-custom {
    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;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 15px;
    padding-top: 15px; }
    .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-radio-wrapper {
      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;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-radio-wrapper .shift-type-custom-label-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-radio-wrapper .shift-type-custom-label-wrapper .shift-type-custom-radio {
          margin-bottom: 3px; }
        .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-radio-wrapper .shift-type-custom-label-wrapper .shift-type-custom-label-text {
          font-family: Roboto;
          font-size: 14px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0em;
          text-align: center;
          color: #333333;
          margin-left: 5px; }
          @media (max-width: 500px) {
            .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-radio-wrapper .shift-type-custom-label-wrapper .shift-type-custom-label-text {
              font-size: 13px;
              margin-left: 3px; } }
    .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-text-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .shift-type-custom-wrapper .shift-type-custom .shift-type-custom-text-wrapper .shift-type-custom-text {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        text-align: left;
        color: #2E343C; }

.shift-invite-custom-wrapper {
  padding: 25px 25px 0px 25px; }
  @media (max-width: 500px) {
    .shift-invite-custom-wrapper {
      padding: 20px 10px 20px 10px; } }
  .shift-invite-custom-wrapper .shift-invite-custom-wrapper-text {
    font-family: Roboto;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #2E343C;
    padding-bottom: 25px; }
  .shift-invite-custom-wrapper .shift-invite-custom-accordion-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .shift-invite-custom-wrapper .shift-invite-custom-accordion-header .shift-invite-custom-accordion-header-text {
      font-family: Roboto;
      font-size: 16px;
      font-weight: 700;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: left;
      color: #2E343C; }
    .shift-invite-custom-wrapper .shift-invite-custom-accordion-header .shift-invite-custom-accordion-header-invite-text {
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: left;
      color: #6D7176;
      padding-left: 15px; }
    .shift-invite-custom-wrapper .shift-invite-custom-accordion-header .shift-invite-custom-accordion {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .shift-invite-custom-wrapper .shift-invite-custom-search-wrapper {
    width: 100%; }
  .shift-invite-custom-wrapper .shift-invite-custom {
    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;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 15px;
    padding-top: 15px; }
    .shift-invite-custom-wrapper .shift-invite-custom .shift-invite-custom-radio-wrapper {
      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;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .shift-invite-custom-wrapper .shift-invite-custom .shift-invite-custom-radio-wrapper .shift-invite-custom-label-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .shift-invite-custom-wrapper .shift-invite-custom .shift-invite-custom-radio-wrapper .shift-invite-custom-label-wrapper .shift-invite-custom-label-text {
          font-family: Roboto;
          font-size: 14px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0em;
          text-align: left;
          color: #333333; }
      .shift-invite-custom-wrapper .shift-invite-custom .shift-invite-custom-radio-wrapper .shift-invite-custom-radio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 5px; }
    .shift-invite-custom-wrapper .shift-invite-custom .shift-invite-custom-text-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .shift-invite-custom-wrapper .shift-invite-custom .shift-invite-custom-text-wrapper .shift-invite-custom-text {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        text-align: left;
        color: #2E343C; }

.hirer-onboarding-backdrop {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000; }
  @media (min-width: 500px) {
    .hirer-onboarding-backdrop {
      padding: 2rem; } }
  .hirer-onboarding-backdrop .hourly-modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .hirer-onboarding-backdrop .hourly-modal-content-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hirer-onboarding-backdrop .wage-label {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .hirer-onboarding-backdrop .modal-confirm-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.button-wrapper-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.benefit-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.benefit-list-centered {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0px !important;
  margin-bottom: 10px;
  width: 80%; }
  .benefit-list-centered ul {
    padding: 0; }
  .benefit-list-centered li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px; }
  .benefit-list-centered .material-icons {
    color: #042864;
    font-size: 24px; }
  .benefit-list-centered span {
    margin-top: 2px;
    margin-left: 10px;
    font-size: 16px;
    color: #2E343C; }

/**
 * Styles specific to each of the steps within the modal
 */
.hirer-onboarding-searching {
  font-size: 1.3em; }
  .hirer-onboarding-searching img {
    width: 200px; }

.hirer-onboarding-signup .results-count .heading {
  font-size: 48px;
  font-weight: normal; }

.hirer-onboarding-signup .features {
  display: inline-block;
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
  list-style: none; }
  .hirer-onboarding-signup .features li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .hirer-onboarding-signup .features svg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0;
            flex: 0 0;
    margin-right: 1em;
    font-size: 1.4em; }

.hirer-onboarding-signup .subheading {
  font-size: 1.4em; }

.invite-modal {
  height: 350px; }

.confirm-modal {
  color: black; }

.hirer-onboarding-signup-form {
  margin: 0 auto;
  padding: 5px 25px 5px 25px; }
  @media (max-width: 500px) {
    .hirer-onboarding-signup-form {
      padding: 5px 5px 5px 5px; } }
  .hirer-onboarding-signup-form .text-labels {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: black;
    padding-left: 10px;
    padding-bottom: 5px; }

.job-summary dd {
  text-align: right;
  padding: 0; }

.job-summary dt {
  text-align: left;
  padding: 0; }

.job-summary dd,
.job-summary dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0; }

.job-summary dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0.3rem 0; }

.hirer-onboarding-limber .button-primary {
  background-color: #0f94d7; }
  .hirer-onboarding-limber .button-primary:hover {
    background-color: #0d84bf; }
  .hirer-onboarding-limber .button-primary:active {
    background-color: #0c73a7; }
  .hirer-onboarding-limber .button-primary:disabled {
    background-color: #e6e6e6; }

.hirer-onboarding-limber .contact-us-error {
  margin-top: 40px;
  background-color: #fff !important; }

.hirer-onboarding-limber .button-tertiary {
  border: none;
  height: 36px;
  line-height: 36px;
  font-size: 1.2em;
  font-weight: bold;
  width: 200px;
  cursor: pointer;
  color: #0f94d7;
  background-color: #fafafa;
  text-decoration: unset; }
  .hirer-onboarding-limber .button-tertiary:active {
    background-color: #fafafa; }
  .hirer-onboarding-limber .button-tertiary:disabled {
    background-color: #ccc; }

.hirer-onboarding-limber .input-radio [type='radio'] + span:after {
  background: #0f94d7; }

.hirer-onboarding-limber.hirer-onboarding-modal {
  color: #042864; }
  .hirer-onboarding-limber.hirer-onboarding-modal a:not(.button) {
    color: #0f94d7; }

.hirer-onboarding-limber .hirer-onboarding-signup .features svg {
  color: #0f94d7; }

.hirer-onboarding-limber.hirer-onboarding-backdrop {
  background-color: rgba(4, 40, 100, 0.85); }

.hirer-onboarding-limber .descriptionInput {
  color: #333;
  width: 100%;
  height: 100px;
  padding: 10px;
  border-radius: 15px; }
  .hirer-onboarding-limber .descriptionInput:focus {
    background-color: #fff; }

.hirer-onboarding-picker .button-primary {
  background-color: #e6a52f; }
  .hirer-onboarding-picker .button-primary:hover {
    background-color: #e19a1b; }
  .hirer-onboarding-picker .button-primary:active {
    background-color: #ca8b18; }
  .hirer-onboarding-picker .button-primary:disabled {
    background-color: #ebb95d; }

.hirer-onboarding-picker .button-tertiary {
  background-color: #fafafa;
  border: none;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  color: #e6a52f; }
  .hirer-onboarding-picker .button-tertiary:hover {
    background-color: #fafafa; }
  .hirer-onboarding-picker .button-tertiary:active {
    background-color: #fafafa; }
  .hirer-onboarding-picker .button-tertiary:disabled {
    background-color: #fafafa; }

.hirer-onboarding-picker .input-radio [type='radio'] + span:after {
  background: #e6a52f; }

.hirer-onboarding-picker.hirer-onboarding-modal {
  color: #2a5f33; }
  .hirer-onboarding-picker.hirer-onboarding-modal a:not(.button) {
    color: #e6a52f; }

.hirer-onboarding-picker .hirer-onboarding-signup .features svg {
  color: #2a5f33; }

.hirer-onboarding-picker.hirer-onboarding-backdrop {
  background-color: rgba(42, 95, 51, 0.85); }

.hirer-onboarding-picker.hirer-onboarding-backdrop-step-5 {
  background: #2a5f33; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range ,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdw-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rdw-text-align-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  -webkit-box-shadow: 1px 2px 1px #BFBDBD inset;
          box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  -webkit-box-shadow: 1px 2px 1px #BFBDBD;
          box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  -webkit-box-shadow: -1px -2px 1px #BFBDBD;
          box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  -webkit-box-shadow: 0px 0px 2px 2px #BFBDBD;
          box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rdw-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  font-size: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.rdw-history-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-image-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-image-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: white;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
.alert-container-info {
  display: grid;
  grid-template-columns: 4px auto auto auto;
  background-color: #dbe9ef;
  border-radius: 5px; }

.alert-highlight-info {
  border-radius: 5px 0px 0px 5px;
  background-color: #0f94d7; }

.alert-icon-info:before {
  font-family: "Material Icons";
  content: "info"; }

.alert-icon-info {
  font-size: 30px;
  -ms-flex-item-align: auto;
      align-self: auto;
  padding: 20px 0px 0px 20px;
  color: #0f94d7; }

.alert-container-warn {
  display: grid;
  grid-template-columns: 4px auto auto auto;
  background-color: #fae5d3;
  border-radius: 5px; }

.alert-highlight-warn {
  border-radius: 5px 0px 0px 5px;
  background-color: #e67e22; }

.alert-icon-warn:before {
  font-family: "Material Icons";
  content: "error"; }

.alert-icon-warn {
  font-size: 30px;
  -ms-flex-item-align: auto;
      align-self: auto;
  padding: 20px 0px 0px 20px;
  color: #e67e22; }

.alert-container-danger {
  display: grid;
  grid-template-columns: 4px auto auto auto;
  background-color: #fad8de;
  border-radius: 5px; }

.alert-highlight-danger {
  border-radius: 5px 0px 0px 5px;
  background-color: #e53d5c; }

.alert-icon-danger:before {
  font-family: "Material Icons";
  content: "warning"; }

.alert-icon-danger {
  font-size: 30px;
  -ms-flex-item-align: auto;
      align-self: auto;
  padding: 20px 0px 0px 20px;
  color: #e53d5c; }

.alert-container-success {
  display: grid;
  grid-template-columns: 4px auto auto auto;
  background-color: #d9eae5;
  border-radius: 5px; }

.alert-highlight-success {
  border-radius: 5px 0px 0px 5px;
  background-color: #14b082; }

.alert-icon-success:before {
  font-family: "Material Icons";
  content: "check_circle"; }

.alert-icon-success {
  font-size: 30px;
  -ms-flex-item-align: auto;
      align-self: auto;
  padding: 20px 0px 0px 20px;
  color: #14b082; }

.alert-content {
  padding: 20px 20px 10px 20px; }

.react-icon {
  padding: 15px 0px 0px 20px; }

.react-template-grid {
  grid-template-columns: 4px 50px auto auto; }

.counter-bid-content {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px; }
  .counter-bid-content .bold {
    font-weight: 600;
    margin-right: 6px; }
  .counter-bid-content .text-secondary {
    padding: 4px 0px; }
  .counter-bid-content .counter-bid-amount {
    font-weight: 500;
    line-height: 4; }
  .counter-bid-content .bidding-container {
    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;
    padding-bottom: 8px; }
    .counter-bid-content .bidding-container i {
      cursor: pointer;
      padding: 8px;
      margin: 8px 16px;
      border-radius: 25px;
      background-color: #0f94d7;
      color: white;
      -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
    .counter-bid-content .bidding-container input {
      width: auto;
      border: none;
      background: inherit;
      text-align: center;
      width: 100px;
      -webkit-appearance: textfield;
      -moz-appearance: textfield;
      appearance: textfield; }
  .counter-bid-content .error {
    margin-top: 6px;
    color: #dc3545; }
  .counter-bid-content .confirm-button {
    color: white;
    background-color: #0f94d7;
    border-radius: 12px;
    margin-top: 24px;
    padding: 8px 60px;
    -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
  .counter-bid-content .confirm-button:hover {
    background-color: #0f94d7; }

.hirer-shift-form .disabled-cta {
  color: #B7BBC0; }

.hirer-shift-form .hireShiftDescriptor {
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
  color: #666666;
  margin-top: 0; }
  @media (min-width: 500px) {
    .hirer-shift-form .hireShiftDescriptor {
      margin-bottom: 0px;
      margin-top: 12px; } }
  .hirer-shift-form .hireShiftDescriptor .bold {
    font-weight: 600;
    margin-left: 6px; }
  .hirer-shift-form .hireShiftDescriptor .text-spacing {
    margin-left: 3px; }

.hirer-shift-form .hireShiftListContainer {
  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: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 4px 0 16px; }
  @media (min-width: 500px) {
    .hirer-shift-form .hireShiftListContainer {
      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: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      margin: 0 0 16px; } }
  .hirer-shift-form .hireShiftListContainer .hireShiftContainer.hireShiftSelected {
    background-color: #042864;
    color: #fff;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 500px) {
      .hirer-shift-form .hireShiftListContainer .hireShiftContainer.hireShiftSelected {
        justify-self: center; } }
  .hirer-shift-form .hireShiftListContainer .hireShiftContainer.hireShiftDisabled {
    background-color: #fafafa;
    color: #ddd;
    border: 1px solid #ddd; }
  .hirer-shift-form .hireShiftListContainer .hireShiftContainer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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-top: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #E1E3E7;
    color: #042864; }
    .hirer-shift-form .hireShiftListContainer .hireShiftContainer input[type="checkbox"] {
      -webkit-appearance: none !important;
      appearance: none !important;
      -moz-appearance: none !important;
      visibility: hidden;
      background-color: #fff;
      margin: 0; }
    @media (min-width: 500px) {
      .hirer-shift-form .hireShiftListContainer .hireShiftContainer {
        min-height: 70px;
        justify-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .hirer-shift-form .hireShiftListContainer .hireShiftContainer .hireShiftLabel {
      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; }
      @media (min-width: 500px) {
        .hirer-shift-form .hireShiftListContainer .hireShiftContainer .hireShiftLabel {
          -ms-flex-pack: distribute;
              justify-content: space-around;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .hirer-shift-form .hireShiftListContainer .hireShiftContainer .hireShiftLabel .labelDate {
        font-size: 16px;
        font-weight: 500;
        padding: 4px 0;
        margin-right: 5px;
        margin-left: 5px; }
      .hirer-shift-form .hireShiftListContainer .hireShiftContainer .hireShiftLabel .labelTime {
        font-size: 13px; }

.header {
  margin: 8px !important; }

.expand-button {
  cursor: pointer; }

.cancellation-policy {
  margin-top: 8px !important; }

.table-container {
  display: grid;
  justify-items: center;
  text-align: start;
  color: #666666; }
  .table-container table {
    border-spacing: 12px 2px; }
    .table-container table td:nth-child(2) {
      text-align: right; }

.blocked-hirer-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 15px !important;
  max-width: 1000px;
  margin: 0 auto;
  -ms-flex-item-align: center;
      align-self: center; }

.applicant-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px !important;
  max-width: 1000px;
  margin: 0 auto;
  -ms-flex-item-align: center;
      align-self: center; }
  .applicant-card .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 1025px) {
      .applicant-card .content-container {
        padding: 0 16px; } }
    .applicant-card .content-container .top-section {
      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; }
      .applicant-card .content-container .top-section .image-container {
        margin-right: 16px;
        height: 100%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: start; }
        .applicant-card .content-container .top-section .image-container .image {
          width: 54px;
          height: 54px;
          border-radius: 50%; }
      .applicant-card .content-container .top-section .top-details {
        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; }
        @media (max-width: 500px) {
          .applicant-card .content-container .top-section .top-details {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; } }
        .applicant-card .content-container .top-section .top-details .name-ratings-row {
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -ms-flex-item-align: start;
              align-self: start; }
          .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-line-pack: center;
                align-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            width: 100%; }
            @media (min-width: 800px) {
              .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container {
                display: block; } }
            .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container .verified-badge {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              font-weight: 500;
              margin-left: 10px;
              font-size: 12px;
              text-transform: uppercase;
              line-height: 120%;
              text-align: center;
              padding: 4px 8px;
              border-radius: 10px;
              color: white;
              background-color: #33A532; }
              @media (max-width: 1295px) {
                .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container .verified-badge {
                  margin: 6px 0; } }
            .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container .verified-badge-icon {
              font-size: 17px;
              text-justify: center;
              padding-right: 4px; }
            .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container .expires-in {
              color: #A3A3A3;
              -ms-flex-item-align: center;
                  align-self: center;
              padding: 4px 16px; }
              @media (max-width: 500px) {
                .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container .expires-in {
                  padding: 4px 0px;
                  font-size: 13px;
                  width: 100%; } }
            .applicant-card .content-container .top-section .top-details .name-ratings-row .name-container .name-item {
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              height: 50%;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              width: 100%; }
    .applicant-card .content-container .description {
      margin-top: 8px;
      color: #666666;
      max-lines: 2;
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
      .applicant-card .content-container .description .MuiTypography-body2 {
        line-height: 1.5;
        font-weight: 400;
        color: #666666; }
  .applicant-card hr {
    background-color: #EDEDED; }
  .applicant-card .section-divider {
    margin: 8px 0; }
  .applicant-card .application-title {
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 14px;
    color: #2E343C; }
  .applicant-card .application-body {
    font-size: 14px;
    color: #666666; }
  .applicant-card .reliability-item, .applicant-card .ratings-item {
    margin-left: 24px;
    margin-right: 10px;
    text-align: end; }
    @media (min-width: 850px) {
      .applicant-card .reliability-item, .applicant-card .ratings-item {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .applicant-card .reliability-item h3, .applicant-card .ratings-item h3 {
      font-weight: 500;
      color: #333;
      float: right;
      font-size: 14px;
      display: block; }
  .applicant-card .ratings-item span {
    font-weight: 500;
    color: #A3A3A3; }
  .applicant-card .mobile-ratings-reliability {
    padding-top: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .applicant-card .mobile-ratings-reliability .reliability-item, .applicant-card .mobile-ratings-reliability .ratings-item {
      text-align: start;
      margin-left: 0px;
      margin-right: 0px; }
    .applicant-card .mobile-ratings-reliability .ratings-item {
      padding-bottom: 6px; }
  .applicant-card .desktop-categories {
    margin-left: -8px;
    -ms-flex-item-align: start;
        align-self: start;
    margin-top: -4px;
    margin-bottom: 16px; }
  .applicant-card .mobile-categories {
    margin-top: 0; }
  .applicant-card .hire-at {
    color: grey; }
  .applicant-card .desktop-screening-voice > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .applicant-card .reliability-container .reliability-header span {
    padding-left: 5px; }
  .applicant-card .reliability-container .reliability-shift-count {
    font-size: 14px;
    font-weight: 500;
    color: #A3A3A3;
    margin-left: 3px; }
  .applicant-card .ratings-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px; }
    .applicant-card .ratings-container .ratings-header {
      font-weight: 500;
      padding-right: 0px;
      margin-top: 3px;
      color: #333; }
    .applicant-card .ratings-container .ratings-label {
      color: #434446; }
    .applicant-card .ratings-container .ratings-divider {
      color: #A3A3A3;
      font-weight: 600;
      margin: 0 8px;
      font-size: 16px; }
    .applicant-card .ratings-container .ratings-percentage {
      padding-left: 5px;
      color: #434446; }
    .applicant-card .ratings-container .rating-count-wrapper {
      margin-right: 8px; }

.fixed-buttons {
  padding: 16px 0px !important;
  margin-right: 20px;
  position: fixed;
  bottom: 0px;
  width: fill-available;
  width: -moz-available;
  width: -webkit-fill-available;
  border-top: 1px solid #EDEDED;
  -webkit-box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.02);
  background-color: #fff; }

.more-actions-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: 16px; }

.counter-bid-content {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px; }
  .counter-bid-content .counter-bid-amount {
    font-weight: 500;
    line-height: 4; }
  .counter-bid-content .bidding-container {
    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-bottom: 8px; }
    .counter-bid-content .bidding-container i {
      cursor: pointer;
      padding: 8px;
      margin: 8px 16px;
      border-radius: 25px;
      background-color: #0f94d7;
      color: white; }
  @media (min-width: 1025px) {
    .counter-bid-content .button-container {
      padding: 0 16px; } }
  .counter-bid-content .button-container h3 {
    padding: 8px; }

.hirer-divider {
  background-color: #EDEDED !important; }

.reactivate-body {
  margin-top: 8px !important; }

.team-icon {
  position: relative;
  margin-left: 5px; }
  @media (max-width: 500px) {
    .team-icon {
      width: 18px; } }

.help-dialog {
  color: #333; }
  .help-dialog .confirmation-icon {
    font-size: 32px;
    padding: 8px;
    border-radius: 100%;
    background-color: #DBE9EF;
    color: #0f94d7;
    margin-bottom: 12px; }
  .help-dialog .reactivate-body {
    color: #2E343C; }

@media (min-width: 300px) {
  .group-shift-dialog .dialog.open {
    top: unset;
    padding-bottom: 32px;
    bottom: 0vh; } }

@media (min-width: 500px) {
  .group-shift-dialog .dialog.open {
    top: unset;
    padding-bottom: 32px;
    bottom: 0vh; } }

@media (min-width: 1022px) {
  .group-shift-dialog .dialog.open {
    top: 10vh;
    bottom: 0vh;
    max-width: 600px;
    overflow-y: hidden;
    border-radius: 20px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding-bottom: 50px;
    left: 35vw;
    padding-bottom: 24px; } }

@media (min-width: 300px) {
  .group-shift-dialog .dialog.closed {
    top: 100vh;
    bottom: -40vh; } }

@media (min-width: 500px) {
  .group-shift-dialog .dialog.closed {
    top: 100vh;
    bottom: -40vh; } }

@media (min-width: 1022px) {
  .group-shift-dialog .dialog.closed {
    top: 100vh;
    bottom: -40vh;
    max-width: 600px;
    overflow-y: hidden;
    border-radius: 20px;
    left: 35vw; } }

.group-shift-dialog .dialog .MuiIconButton-sizeSmall {
  position: absolute;
  left: 16px; }

.group-shift-dialog .dialog h2 {
  color: #333;
  font-size: 18px;
  margin-top: 16px; }
  @media (min-width: 500px) {
    .group-shift-dialog .dialog h2 {
      padding: 0 32px; } }

.group-shift-dialog .dialog .actionsBar {
  padding-top: 24px; }
  @media (min-width: 500px) {
    .group-shift-dialog .dialog .actionsBar {
      padding-top: 32px; } }

.bar-licensing-dialog {
  color: #333; }
  .bar-licensing-dialog .confirmation-icon {
    font-size: 32px;
    padding: 8px;
    border-radius: 100%;
    background-color: #DBE9EF;
    color: #33A532;
    margin-bottom: 12px; }
  .bar-licensing-dialog .bar-licensing-body {
    color: #2E343C; }

.audio-bar-container {
  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;
  width: 100%; }
  .audio-bar-container .section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center; }
  @media (max-width: 300px) {
    .audio-bar-container .section-title {
      display: block; } }
  .audio-bar-container .section-title .application-title {
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 14px;
    color: #2E343C; }
  .audio-bar-container .play-pause {
    font-size: 44px;
    color: #0f94d7;
    margin-left: 12px;
    cursor: pointer; }
    @media (max-width: 300px) {
      .audio-bar-container .play-pause {
        margin-left: 8px; } }
  .audio-bar-container .progress {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .audio-bar-container .progress progress {
      width: 100%; }
  .audio-bar-container .length {
    font-size: 12px;
    margin-left: 8px;
    color: #666666;
    font-weight: 400; }

.questions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .questions-wrapper .questions-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .questions-wrapper .question-container > * {
    margin-right: 24px; }

.question-container {
  margin: 4px 0; }
  .question-container .question-response {
    margin: 4px 8px 0 0;
    color: #333; }

.category-chip-container .category-chip {
  color: #2E343C;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 8px 8px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border-radius: 16px;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #EDEDED; }
  .category-chip-container .category-chip.large {
    font-size: 16px;
    height: 32px; }
  .category-chip-container .category-chip.medium {
    font-size: 14px;
    height: 28px; }
  .category-chip-container .category-chip.small {
    font-size: 12px;
    height: 24px;
    text-overflow: ellipsis;
    max-width: 120px; }
  .category-chip-container .category-chip span {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px; }

.applicant-status-bar {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #14B082;
  padding: 12px 16px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  width: 100%; }
  .applicant-status-bar.detail {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media (min-width: 500px) {
    .applicant-status-bar {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (min-width: 1025px) {
    .applicant-status-bar {
      font-size: 15px;
      padding: 8px 32px; } }
  .applicant-status-bar .text-bold {
    font-weight: 500;
    font-size: 14px; }
    @media (min-width: 1025px) {
      .applicant-status-bar .text-bold {
        font-size: 15px; } }
  .applicant-status-bar.applied {
    background-color: #2E343C; }
  .applicant-status-bar.counter-bid {
    background-color: #2E343C; }
  .applicant-status-bar.hired {
    background-color: #14B082; }
  .applicant-status-bar.cancelled {
    background-color: #C45D3B; }
  .applicant-status-bar.expired {
    background-color: #BCBCBC; }
  .applicant-status-bar .top-section {
    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; }
    .applicant-status-bar .top-section .close-status {
      padding: 8px !important; }
    .applicant-status-bar .top-section.detail > * {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .applicant-status-bar .top-section.detail > *.title {
        text-align: center;
        -ms-flex-item-align: center;
            align-self: center; }
      .applicant-status-bar .top-section.detail > *.pay-per-hour {
        text-align: end;
        -ms-flex-item-align: center;
            align-self: center; }
        @media (max-width: 850px) {
          .applicant-status-bar .top-section.detail > *.pay-per-hour {
            font-size: 13px; } }
  .applicant-status-bar .inline-fee-rate {
    display: none; }
    @media (min-width: 768px) {
      .applicant-status-bar .inline-fee-rate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .applicant-status-bar .inline-fee-rate.detail {
          display: none; } }
  .applicant-status-bar .below-fee-rate {
    display: none; }
    .applicant-status-bar .below-fee-rate.card-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .applicant-status-bar .below-fee-rate.detail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .applicant-status-bar .group-applicant-number {
    margin-left: 6px; }
    @media (max-width: 850px) {
      .applicant-status-bar .group-applicant-number {
        font-size: 13px;
        margin-left: 4px; } }

.enterprise-fee-label {
  background-color: #6C3DF4;
  border-radius: 3px;
  padding: 4px 20px;
  display: inline-block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .enterprise-fee-label.card-desktop {
    -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
            clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
    padding: 4px 24px; }
  .enterprise-fee-label.card-mobile {
    -webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 100%);
    padding: 4px 16px;
    margin-top: 2px; }
    .enterprise-fee-label.card-mobile.detail {
      -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
              clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%); }

@charset "UTF-8";
.detail-modal {
  background: #fff;
  padding-right: 0px;
  padding-left: 0px;
  height: 100%;
  width: 100%;
  overflow: auto;
  margin: 0 auto; }

.applicant-detail-container .background {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: black;
  z-index: 1; }
  .applicant-detail-container .background.open {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  .applicant-detail-container .background.closed {
    opacity: 0.0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    pointer-events: none; }

.applicant-detail-container .detail-divider {
  background-color: #EDEDED !important; }

.applicant-detail-container .drawer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 2;
  overflow: auto; }
  .applicant-detail-container .drawer.open {
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    @media (min-width: 300px) {
      .applicant-detail-container .drawer.open {
        left: 0vw;
        right: 0vw; } }
    @media (min-width: 500px) {
      .applicant-detail-container .drawer.open {
        left: 30vw;
        right: 0vw; } }
    @media (min-width: 1022px) {
      .applicant-detail-container .drawer.open {
        left: 60vw;
        right: 0vw; } }
    @media (min-width: 1940px) {
      .applicant-detail-container .drawer.open {
        left: 70vw;
        right: 0vw; } }
  .applicant-detail-container .drawer.closed {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out; }
    @media (min-width: 300px) {
      .applicant-detail-container .drawer.closed {
        left: 100vw;
        right: -100vw; } }
    @media (min-width: 500px) {
      .applicant-detail-container .drawer.closed {
        left: 100vw;
        right: -70vw; } }
    @media (min-width: 1022px) {
      .applicant-detail-container .drawer.closed {
        left: 100vw;
        right: -40vw; } }

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.card-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 8px 46px; }
  @media (min-width: 1022px) {
    .card-content {
      padding: 16px 20px 46px; } }
  .card-content .warning-icon {
    background-color: #fff;
    color: #666666;
    margin-bottom: 0px; }
  .card-content .centered-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px; }
  .card-content .report-warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .card-content .rtw-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px; }
  .card-content .big-profile-image {
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
    margin-bottom: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .card-content .big-profile-image .big-image-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      max-width: 450px; }
      .card-content .big-profile-image .big-image-container .limit-access {
        -webkit-filter: blur(8px);
        filter: blur(8px); }
      .card-content .big-profile-image .big-image-container .embla {
        --brand-primary: rgb(47, 112, 193);
        --brand-secondary: rgb(116, 97, 195);
        --brand-alternative: rgb(19, 120, 134);
        --background-site: rgb(249, 249, 249);
        --background-code: rgb(244, 244, 244);
        --text-body: rgb(54, 49, 61);
        --text-comment: rgb(99, 94, 105);
        --text-high-contrast: rgb(49, 49, 49);
        --text-medium-contrast: rgb(99, 94, 105);
        --text-low-contrast: rgb(116, 109, 118);
        --detail-high-contrast: rgb(192, 192, 192);
        --detail-medium-contrast: rgb(234, 234, 234);
        --detail-low-contrast: rgb(240, 240, 242);
        --admonition-note: rgb(46, 109, 188);
        --admonition-warning: rgb(255, 196, 9);
        --admonition-danger: rgb(220, 38, 38);
        --brand-primary-rgb-value: 47, 112, 193;
        --brand-secondary-rgb-value: 116, 97, 195;
        --brand-alternative-rgb-value: 19, 120, 134;
        --background-site-rgb-value: 249, 249, 249;
        --background-code-rgb-value: 244, 244, 244;
        --text-body-rgb-value: 54, 49, 61;
        --text-comment-rgb-value: 99, 94, 105;
        --text-high-contrast-rgb-value: 49, 49, 49;
        --text-medium-contrast-rgb-value: 99, 94, 105;
        --text-low-contrast-rgb-value: 116, 109, 118;
        --detail-high-contrast-rgb-value: 192, 192, 192;
        --detail-medium-contrast-rgb-value: 234, 234, 234;
        --detail-low-contrast-rgb-value: 240, 240, 242;
        --admonition-note-rgb-value: 46, 109, 188;
        --admonition-warning-rgb-value: 255, 196, 9;
        --admonition-danger-rgb-value: 220, 38, 38;
        overflow: hidden; }
      .card-content .big-profile-image .big-image-container .embla__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .card-content .big-profile-image .big-image-container .embla__slide {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        min-width: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative; }
        .card-content .big-profile-image .big-image-container .embla__slide .lock-icon {
          position: absolute;
          bottom: 165px; }
      .card-content .big-profile-image .big-image-container .embla__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 450px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      .card-content .big-profile-image .big-image-container .embla__buttons {
        display: none;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.6rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .card-content .big-profile-image .big-image-container .embla__button {
        -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
        -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
        background-color: transparent;
        -ms-touch-action: manipulation;
            touch-action: manipulation;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-decoration: none;
        cursor: pointer;
        border: 0;
        padding: 0;
        margin: 0;
        width: 3rem;
        height: 3rem;
        z-index: 1;
        border-radius: 50%;
        color: var(--text-body);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .card-content .big-profile-image .big-image-container .embla__button:disabled {
        color: var(--detail-high-contrast); }
      .card-content .big-profile-image .big-image-container .embla__button__svg {
        width: 35%;
        height: 35%; }
      .card-content .big-profile-image .big-image-container .embla__dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: calc((2.6rem - 1.4rem) / 2 * -1); }
      .card-content .big-profile-image .big-image-container .embla__dot {
        -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
        -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
        background-color: transparent;
        -ms-touch-action: manipulation;
            touch-action: manipulation;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-decoration: none;
        cursor: pointer;
        border: 0;
        padding: 0;
        margin: 0;
        width: 2.6rem;
        height: 2.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 50%; }
      .card-content .big-profile-image .big-image-container .embla__dot:after {
        background-color: var(--detail-medium-contrast);
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        content: ''; }
      .card-content .big-profile-image .big-image-container .embla__dot--selected:after {
        background-color: var(--text-body); }
      .card-content .big-profile-image .big-image-container .big-image {
        max-width: 400px;
        -o-object-fit: contain;
           object-fit: contain;
        max-height: 400px; }
  .card-content .top-section {
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
    margin-bottom: 12px; }
    .card-content .top-section .expand-icon {
      position: relative;
      top: -25px;
      left: 70px;
      width: 25%; }
    .card-content .top-section .highlight {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: auto;
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-clip: padding-box;
      /* !importanté */
      border: solid 5px transparent;
      /* !importanté */
      border-radius: 1em; }
      .card-content .top-section .highlight:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -5px;
        /* !importanté */
        border-radius: 50%;
        /* !importanté */
        background: -webkit-gradient(linear, left top, right top, from(#6C3DF4), to(#0f94d7));
        background: linear-gradient(to right, #6C3DF4, #0f94d7); }
    .card-content .top-section .clickable {
      cursor: pointer; }
    .card-content .top-section .image {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      border: 2px solid #fff; }
    .card-content .top-section .name-expiry-badges {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-left: 18px; }
      .card-content .top-section .name-expiry-badges .name-row {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .card-content .top-section .name-expiry-badges .name-row .name {
          color: #2E343C;
          margin-right: 5px;
          margin-bottom: 0px; }
        .card-content .top-section .name-expiry-badges .name-row .team-icon {
          padding: 2px; }
      .card-content .top-section .name-expiry-badges .expires-in {
        color: #A3A3A3;
        padding: 4px 0; }
  .card-content .training-badges {
    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; }
    .card-content .training-badges .verified-badge {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 500;
      margin-top: 4px;
      font-size: 12px;
      text-transform: uppercase;
      line-height: 120%;
      text-align: center;
      padding: 4px 8px;
      border-radius: 11px;
      color: white;
      background-color: #33A532;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      @media (max-width: 810px) {
        .card-content .training-badges .verified-badge {
          margin: 6px 0; } }
    .card-content .training-badges .verified-badge:nth-child(n+2) {
      margin-left: 5px; }
      @media (max-width: 810px) {
        .card-content .training-badges .verified-badge:nth-child(n+2) {
          margin-left: 3px; } }
    .card-content .training-badges .verified-badge-icon {
      font-size: 18px;
      text-justify: center;
      padding-right: 4px; }
  .card-content .team-detail-item {
    background-color: #fafafa;
    border: solid 1px #EDEDED;
    border-radius: 10px;
    padding: 2px 12px;
    margin: 16px 0; }
    .card-content .team-detail-item .team-subtitle {
      font-size: 16px;
      font-weight: 500;
      color: #666666;
      margin-bottom: 8px; }
  .card-content .category-row {
    margin-bottom: 8px; }
  .card-content video {
    padding: 0 12px;
    border-radius: 8%;
    display: block;
    margin: 0 auto;
    max-height: 260px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
  .card-content .video-mask {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px; }
  .card-content .thumbnail-container {
    height: 90px;
    border-radius: 16px;
    overflow: hidden;
    background: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .card-content .video-thumbnail {
    max-height: 90px; }
  .card-content .video-play {
    position: absolute;
    top: 32px;
    left: 56px; }
  .card-content .video-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card-content .video-title {
    margin-left: 20px; }
  .card-content .section-background-gray {
    background: #fafafa;
    padding: 0 10px; }

.video-modal .MuiPaper-root {
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset; }

.video-modal video {
  border-radius: 20px; }

.video-modal .icon {
  display: none; }

.show-more {
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
  cursor: pointer; }
  .show-more:hover {
    color: #666666; }

.detail-container {
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%; }
  .detail-container .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .detail-container .title-wrap .title-icon {
      margin-right: 5px; }
  .detail-container .title-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 4px; }
    .detail-container .title-row.clickable {
      cursor: pointer; }
    .detail-container .title-row .title {
      color: #333; }
      .detail-container .title-row .title .title-text {
        margin-top: auto;
        margin-bottom: auto; }
    .detail-container .title-row .summary {
      text-align: center; }
    .detail-container .title-row .dropdown {
      text-align: end; }
  .detail-container .main-wrap {
    overflow: hidden;
    width: 100%; }
  .detail-container .main {
    padding: 4px;
    margin-top: -100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: margin-top 500ms ease-in-out, max-height 500ms ease-in-out;
    transition: margin-top 500ms ease-in-out, max-height 500ms ease-in-out; }
    .detail-container .main.open {
      margin-top: 0;
      max-height: 2000px; }

.rating-bar-container {
  padding-left: 0;
  justify-items: center;
  cursor: pointer;
  padding: 4px; }
  .rating-bar-container progress {
    width: 100%;
    accent-color: #2E343C; }
  .rating-bar-container .ratings-wrap {
    overflow: hidden;
    width: 100%; }
  .rating-bar-container .ratings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 4px;
    display: none; }
    .rating-bar-container .ratings.open {
      margin-top: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .rating-bar-container .ratings .rating-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -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; }
      .rating-bar-container .ratings .rating-row .venue {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 12px; }
      .rating-bar-container .ratings .rating-row .category-row-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .rating-bar-container .ratings .rating-row .date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: grey; }

.positive-percentage {
  color: #333; }
  @media (min-width: 300px) {
    .positive-percentage {
      font-size: 16px; } }

.total-shifts {
  font-weight: normal;
  color: grey; }
  @media (min-width: 300px) {
    .total-shifts {
      font-size: 16px; } }

.education-list {
  display: grid;
  gap: 12px;
  padding-left: 18px;
  margin-bottom: 0px; }
  .education-list .education-institution {
    color: #333333;
    font-weight: 500; }
  .education-list .education-degree {
    font-size: 16px;
    color: #777;
    font-weight: 500; }
  .education-list .education-date {
    color: darkgray;
    font-weight: 500; }

.training-list {
  display: grid;
  gap: 12px;
  padding-left: 18px; }
  .training-list .training-certificate {
    color: #333333;
    font-weight: 500; }
  .training-list .training-id {
    font-size: 16px;
    color: #777;
    font-weight: 400; }
  .training-list .training-descriptor {
    color: darkgray;
    font-weight: 500; }
  .training-list .certificate-thumbnail {
    height: 90px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #EDEDED;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 140px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }

.other-training-header {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0px; }

.other-training-list {
  display: grid;
  gap: 12px;
  padding-left: 18px;
  margin-top: 5px; }
  .other-training-list .training-certificate {
    color: #333333;
    font-weight: 500; }

.experience-list {
  display: grid;
  gap: 12px;
  padding-left: 18px;
  margin-bottom: 0px; }
  .experience-list .experience-header {
    color: #333333;
    font-weight: 500; }
  .experience-list .experience-comment {
    font-size: 16px;
    color: #777; }
  .experience-list .experience-date {
    color: darkgray;
    font-weight: 500; }

.reliability-detail-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px; }

.reliability-detail-container:nth-of-type(2) {
  text-align: end; }

@media (min-width: 300px) {
  .refine-dialog .dialog.open {
    top: unset;
    padding-bottom: 32px;
    bottom: 0vh; } }

@media (min-width: 500px) {
  .refine-dialog .dialog.open {
    top: unset;
    padding-bottom: 32px;
    bottom: 0vh; } }

@media (min-width: 1022px) {
  .refine-dialog .dialog.open {
    top: 6vh;
    max-width: 600px;
    overflow-y: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 20px;
    bottom: 5vh;
    left: 35vw; } }
  @media (min-width: 1022px) and (max-height: 700px) {
    .refine-dialog .dialog.open {
      bottom: 0vh;
      top: 0vh;
      height: 100%; } }

@media (min-width: 300px) {
  .refine-dialog .dialog.closed {
    top: 100vh;
    bottom: -40vh; } }

@media (min-width: 500px) {
  .refine-dialog .dialog.closed {
    top: 100vh;
    bottom: -40vh; } }

@media (min-width: 1022px) {
  .refine-dialog .dialog.closed {
    top: 100vh;
    bottom: -40vh;
    max-width: 600px;
    overflow-y: hidden;
    border-radius: 20px;
    left: 35vw; } }

.refine-dialog .dialog h2 {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600; }
  @media (max-width: 500px) {
    .refine-dialog .dialog h2 {
      margin-top: 8px; } }

.refine-dialog .dialog .MuiIconButton-sizeSmall {
  position: absolute;
  left: 16px; }

.refine-dialog .dialog .dialog-contents .MuiDialogContent-root {
  padding-top: 10px; }

.refine-dialog .dialog .MuiDialogActions-spacing {
  padding: 0px; }

.refine-dialog .hirer-refine-form {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .refine-dialog .hirer-refine-form .refineApplicantsFormItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 6px 0px;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .refine-dialog .hirer-refine-form .hirer-refine-subtitle {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin: 10px 0 10px 0 !important;
    width: 100%;
    border: none;
    text-align: left; }
    @media (max-width: 500px) {
      .refine-dialog .hirer-refine-form .hirer-refine-subtitle {
        text-align: center; } }
  .refine-dialog .hirer-refine-form .order-by {
    padding-top: 16px;
    border-top: 1px solid #EDEDED; }
  .refine-dialog .hirer-refine-form label {
    font-size: 16px; }
  .refine-dialog .hirer-refine-form .button-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 24px 0 0; }
    .refine-dialog .hirer-refine-form .button-container .hirer-refine-button {
      padding: 8px 60px;
      border-radius: 10px; }

.applicants-container {
  margin-bottom: 24px; }
  .applicants-container .applicant-container {
    display: inline !important; }
  .applicants-container .loading-container {
    width: 100%;
    height: 100%;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center; }
  .applicants-container .no-one-applied {
    margin-top: 24px; }
  .applicants-container .refine-results {
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #e0e4e7;
    height: 45px; }
    .applicants-container .refine-results i {
      margin-right: 6px; }
  .applicants-container .refine-results.refine-results-active {
    border: 2px solid #2E343C; }
    .applicants-container .refine-results.refine-results-active .total-filters {
      position: absolute;
      color: #fff;
      background: #2E343C;
      width: 17px;
      padding-bottom: 1px;
      border-radius: 20px;
      right: -8px;
      top: -9px;
      font-size: 12px;
      padding-top: 2px;
      border: 1px solid #2E343C; }
  .applicants-container .applicants-action-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 20px; }
    @media (max-width: 500px) {
      .applicants-container .applicants-action-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; } }
  .applicants-container .group-shift-info-box {
    background-color: #E1E3E7;
    padding: 8px 12px;
    border-radius: 10px;
    margin-left: 16px;
    max-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #042864; }
    @media (max-width: 500px) {
      .applicants-container .group-shift-info-box {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        max-width: 100%;
        margin: 0px 8px 20px; } }
    .applicants-container .group-shift-info-box .group-shift-icon {
      font-size: 30px;
      margin-right: 6px;
      background-color: rgba(5, 41, 99, 0.12);
      padding: 2px;
      border-radius: 100%; }
    .applicants-container .group-shift-info-box a {
      color: #042864;
      font-weight: 600; }
      .applicants-container .group-shift-info-box a:hover {
        text-decoration: underline; }

.confetti-icon {
  margin-bottom: 20px; }

.confetti-content {
  padding-bottom: 40px;
  width: 100%;
  border-bottom: 1px solid #e0e4e7; }

.empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px; }
  .empty-state i {
    color: #777;
    font-size: 96px; }
  .empty-state h1 {
    color: #777;
    margin: 16px 0 0;
    font-size: 22px;
    line-height: 28px;
    text-align: center; }
  .empty-state p {
    margin: 8px 0;
    color: #999; }
  .empty-state img {
    max-width: 70%; }
  .empty-state button {
    margin-top: 16px; }

.referral-page {
  width: 70% !important;
  margin: auto; }

.empty-state-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  background-color: #fff; }
  .empty-state-share .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    margin-left: -75px;
    text-transform: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .empty-state-share .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }
  .empty-state-share .button-flat:hover .tooltiptext {
    visibility: visible;
    opacity: 1; }
  .empty-state-share .social-share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .empty-state-share .social-share-button {
    display: inline-block;
    padding: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    margin-right: 8px;
    line-height: 24px; }
    .empty-state-share .social-share-button img {
      width: 24px;
      height: 24px; }
    .empty-state-share .social-share-button .material-icons {
      font-size: 24px !important;
      vertical-align: middle; }
  .empty-state-share .social-share-button-facebook {
    background-color: #3b5998;
    color: #fff; }
  .empty-state-share .social-share-button-twitter {
    background-color: #1da1f2;
    color: #fff; }
  .empty-state-share .social-share-button-linkedin {
    background-color: #0077b5;
    color: #fff; }
  .empty-state-share .social-share-button-email {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.6); }
  .empty-state-share .share-button {
    margin-top: 16px;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .empty-state-share h1 {
    color: #333;
    margin: 16px 0 0;
    font-size: 24px;
    line-height: 28px;
    text-align: center; }
  .empty-state-share .empty-subtitle {
    font-size: 18px;
    color: #777;
    max-width: 400px;
    text-align: center; }
  .empty-state-share .share-content {
    width: 90%;
    border-bottom: 1px solid #777 !important;
    border: none;
    height: 25px; }
  .empty-state-share .empty-state-image {
    -o-object-fit: none;
       object-fit: none;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    max-width: unset;
    height: 210px;
    margin-top: 40px; }
  .empty-state-share .share-section {
    margin-top: 20px; }
  .empty-state-share .onboarding-image {
    width: 36px; }
  .empty-state-share .share-copy-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .empty-state-share .rewards-container {
    width: 70%;
    margin: auto; }
    .empty-state-share .rewards-container .onboarding-image {
      width: 36px; }
  .empty-state-share .benefit-list {
    padding-left: 0px !important;
    margin-bottom: 50px; }
    .empty-state-share .benefit-list li {
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5px; }
    .empty-state-share .benefit-list .material-icons {
      color: #0f94d7;
      font-size: 24px; }
    .empty-state-share .benefit-list span {
      margin-top: 2px;
      margin-left: 10px; }
  .empty-state-share .earn-rewards {
    border-top: #777 solid 1px;
    width: 90%; }
    .empty-state-share .earn-rewards h1 {
      color: #333;
      margin: 16px 0 0;
      font-size: 22px;
      line-height: 28px;
      text-align: left;
      margin-bottom: 20px; }
  .empty-state-share .earn-rewards-page {
    width: 90%; }
    .empty-state-share .earn-rewards-page h1 {
      color: #333;
      margin: 16px 0 0;
      font-size: 22px;
      line-height: 28px;
      text-align: left;
      margin-bottom: 20px; }

.flat-theme .custom-loader {
  background-color: #fff;
  position: absolute;
  top: 5vh;
  height: 100vh;
  width: 100vw;
  z-index: 10; }
  @media only screen and (max-width: 1220px) {
    .flat-theme .custom-loader {
      width: 82vw; } }
  @media only screen and (max-width: 640px) {
    .flat-theme .custom-loader {
      width: 100vw; } }
  @media only screen and (max-width: 640px) and (min-height: 700px) and (max-height: 900px) {
    .flat-theme .custom-loader {
      top: 8vh; } }
  @media only screen and (max-width: 375px) {
    .flat-theme .custom-loader {
      top: 10vh;
      width: 100vw; } }
  @media only screen and (max-width: 375px) and (min-height: 700px) and (max-height: 850px) {
    .flat-theme .custom-loader {
      top: 8vh; } }

.flat-theme .card.conversations-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 320px;
  width: 35%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: 0;
  height: calc(100vh - 56px); }
  @media only screen and (max-width: 640px) {
    .flat-theme .card.conversations-container {
      width: 100%; } }

.flat-theme .conversation-container {
  overflow: auto;
  height: calc(100vh - 56px); }

@media only screen and (max-width: 640px) {
  .flat-theme .conversations-active .conversation-container {
    display: none; }
  .flat-theme .conversations-inactive .conversations-container {
    display: none; } }

.flat-theme .conversation-active {
  background-color: #f0f0f0; }

.flat-theme .conversations-conversation {
  padding: 8px 0 8px 40px;
  position: relative; }
  .flat-theme .conversations-conversation:hover {
    background-color: #f3f3f3; }

.flat-theme .conversation-finished {
  text-align: center;
  padding: 16px;
  color: #999; }

.flat-theme .closed-conversation {
  opacity: 0.6; }

.flat-theme .conversation-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 12px;
  background-color: #999;
  color: #fff;
  text-align: center;
  line-height: 32px;
  vertical-align: center;
  font-size: 16px; }
  .flat-theme .conversation-avatar .conversation-avatar-shift {
    width: 24px; }

.flat-theme .conversation-avatar-star {
  position: absolute;
  top: 35px;
  left: 30px;
  background-color: #1e88e5;
  border-radius: 50%;
  color: #fff;
  border: 2px solid #fff;
  font-size: 12px;
  padding: 2px; }

.flat-theme .conversation-row-header {
  font-size: 16px;
  color: #333; }

.loader-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 0; }

.loader {
  border: 2px solid #d6d6d6;
  /* Light grey */
  border-top: 4px solid #1094d7;
  /* Blue */
  border-radius: 50%;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite; }

.wiw-theme .loader {
  border-top: 4px solid #51a33d;
  /* Green */ }

.loader-inline {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-width: 1px;
  border-color: #ddd;
  border-top-width: 2px;
  border-top-color: #999;
  vertical-align: middle; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.conversations {
  width: 100%;
  background-color: #fff; }
  .conversations .inbox-dialog {
    padding-right: 16px; }
  .conversations .back-to-inbox-button {
    color: #0f94d7;
    padding: 18px 8px; }
    .conversations .back-to-inbox-button svg {
      width: 20px;
      margin: 0 6px; }
  .conversations .inbox-header {
    padding-left: 12px; }
    .conversations .inbox-header.mobile {
      background-color: #0f94d7; }
    .conversations .inbox-header .inbox-selector {
      cursor: pointer;
      padding: 18px 8px; }
      .conversations .inbox-header .inbox-selector .inbox-text {
        font-size: 16px;
        font-weight: 500;
        margin-left: 8px;
        margin-right: 4px; }
        .conversations .inbox-header .inbox-selector .inbox-text.mobile {
          margin-left: 5px;
          margin-right: 5px;
          color: #fff; }
      .conversations .inbox-header .inbox-selector .inbox-selector-icon {
        width: 20px;
        height: 20px; }
    .conversations .inbox-header .inbox-selector-arrow.mobile {
      color: #fff; }
  .conversations .inbox-selector-dropdown {
    border-bottom: 1px solid #ddd;
    padding: 0px 18px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0) 0px 10px 10px -5px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0) 0px 10px 10px -5px;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    width: 100%;
    background-color: #fff;
    position: absolute;
    max-width: 210px;
    z-index: 10; }
    @media (min-width: 800px) {
      .conversations .inbox-selector-dropdown {
        padding: 10px;
        border-radius: 0.125rem 0.125rem 0.5rem 0.5rem;
        -webkit-box-shadow: 6px 6px 16px 0px rgba(46, 52, 60, 0.28);
                box-shadow: 6px 6px 16px 0px rgba(46, 52, 60, 0.28); } }
    .conversations .inbox-selector-dropdown .inbox-selector-option {
      width: 100%;
      padding: 16px 10px;
      cursor: pointer; }
      .conversations .inbox-selector-dropdown .inbox-selector-option .inbox-selector-text {
        font-size: 16px;
        font-weight: 500;
        margin-left: 8px; }
        .conversations .inbox-selector-dropdown .inbox-selector-option .inbox-selector-text.active {
          color: #0f94d7; }
      .conversations .inbox-selector-dropdown .inbox-selector-option .inbox-selector-dropdown-icon {
        width: 18px;
        height: 18px; }
      .conversations .inbox-selector-dropdown .inbox-selector-option.active {
        color: #0f94d7; }
  .conversations .conversation-search .search-container {
    margin: 8px; }
    .conversations .conversation-search .search-container .search-input-container {
      margin: 8px 0 8px 8px;
      padding: 2px 12px;
      border: solid 1px #ddd;
      border-radius: 10px;
      background-color: #fff; }
      .conversations .conversation-search .search-container .search-input-container .search-icon {
        color: #9797976e;
        margin-right: 8px;
        font-size: 14px; }
      .conversations .conversation-search .search-container .search-input-container .search-input {
        color: black;
        border: none;
        width: 80%; }
        .conversations .conversation-search .search-container .search-input-container .search-input::-webkit-input-placeholder {
          color: #A3A3A3; }
        .conversations .conversation-search .search-container .search-input-container .search-input::-moz-placeholder {
          color: #A3A3A3; }
        .conversations .conversation-search .search-container .search-input-container .search-input::-ms-input-placeholder {
          color: #A3A3A3; }
        .conversations .conversation-search .search-container .search-input-container .search-input::placeholder {
          color: #A3A3A3; }
    .conversations .conversation-search .search-container .search-filter-container {
      width: auto;
      min-width: 100px;
      margin: 8px;
      padding: 6px 16px;
      margin-right: 0px;
      border: solid 1px #EDEDED;
      border-radius: 10px;
      color: #2E343C;
      font-size: 16px;
      cursor: pointer;
      background-color: #fff; }
      .conversations .conversation-search .search-container .search-filter-container .search-filter-icon {
        margin-right: 4px; }
  .conversations .compose-button {
    margin: 20px;
    background-color: #0f94d7;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 16px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
    .conversations .compose-button:hover {
      background-color: #0F7FB7; }
    .conversations .compose-button .compose-icon {
      margin-right: 6px;
      font-size: 14px; }
    .conversations .compose-button.fab {
      width: 54px;
      height: 54px;
      position: absolute;
      border-radius: 30px;
      right: 24px;
      bottom: 24px; }
      .conversations .compose-button.fab .compose-icon {
        margin-right: 0px;
        font-size: 20px; }
    .conversations .compose-button.desktop {
      top: 75vh;
      right: 24px; }
  .conversations .desktop-fab-wrapper {
    position: relative;
    float: right;
    bottom: 0; }
  .conversations .inbox-container .inbox-description {
    font-size: 12px;
    font-weight: 400;
    padding: 16px 16px 4px 16px;
    color: #A3A3A3; }
  .conversations .inbox {
    width: 100%;
    height: 84vh;
    background-color: white; }
    .conversations .inbox.shift-conversation {
      height: 89vh; }
    .conversations .inbox.mobile {
      height: 93vh; }
  .conversations .chatbox {
    width: 100%;
    height: 80vh;
    padding: 0;
    margin-left: 4px;
    -webkit-box-sizing: unset;
            box-sizing: unset;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .conversations .tabs-header {
    padding: 0 12px;
    margin-right: 4%;
    width: 100%;
    border-bottom: 0.5px solid #EDEDED; }
    .conversations .tabs-header .tab {
      text-transform: none;
      font-size: 16px;
      font-weight: 400;
      color: #797575; }
      .conversations .tabs-header .tab.active {
        font-weight: 500;
        color: #2E343C; }

.conversation-action-modal {
  padding: 10px; }
  .conversation-action-modal .action-modal-header {
    padding-bottom: 10px;
    width: 100%;
    font-size: 20px;
    color: #2E343C; }
  .conversation-action-modal .action-button {
    width: 100px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-transform: none;
    color: #2E343C;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    border-radius: 10px; }
    .conversation-action-modal .action-button .mute-icon {
      margin-right: 6px;
      color: #2E343C;
      font-size: 22px; }

.conversations-sort-by .sort-by-option {
  width: 80%; }

.conversations-sort-by .sort-by-text {
  font-size: 16px;
  font-weight: 500;
  color: #2E343C !important; }
  .conversations-sort-by .sort-by-text.active {
    color: #0f94d7 !important; }

.conversations-sort-by .sort-by-check {
  font-size: 20px;
  font-weight: 700;
  color: #0f94d7; }

.conversations-sort-by.desktop .sort-by-text {
  font-weight: 400;
  padding: 4px 0; }

.sort-by-dialog .sort-by-divider {
  width: 90%;
  height: 1px;
  background-color: #EDEDED;
  margin: 16px 0; }

.sort-by-dialog .sort-by-title {
  margin: auto auto 24px auto;
  font-size: 20px;
  font-weight: 500;
  color: #2E343C; }

.sort-by-dialog .sort-by-option {
  width: 80%;
  cursor: pointer; }

.sort-by-dialog .sort-by-text {
  font-size: 16px;
  font-weight: 500;
  color: #2E343C !important; }
  .sort-by-dialog .sort-by-text.active {
    color: #0f94d7 !important; }

.sort-by-dialog .sort-by-check {
  font-size: 20px;
  font-weight: 700;
  color: #0f94d7; }

.sort-by-dialog.desktop .sort-by-text {
  font-weight: 400;
  padding: 4px 0; }

.new-team-chat-dialog {
  width: 550px; }
  .new-team-chat-dialog.mobile {
    width: 100%;
    padding: 0px; }
  .new-team-chat-dialog .dialog-divider {
    height: 1px;
    background-color: #EDEDED; }
  .new-team-chat-dialog .header {
    margin-bottom: 16px; }
  .new-team-chat-dialog .sub-header {
    margin-bottom: 8px; }
  .new-team-chat-dialog .worker-name {
    color: #2E343C;
    font-size: 14px;
    font-weight: 500; }
  .new-team-chat-dialog .body {
    color: #A3A3A3; }
  .new-team-chat-dialog .dialog-content {
    padding: 24px 0 !important; }
  .new-team-chat-dialog .search-input {
    width: 525px;
    padding: 10px 12px;
    border: 1px solid #EDEDED;
    border-radius: 10px; }
    .new-team-chat-dialog .search-input.mobile {
      width: 90%; }
  .new-team-chat-dialog .worker-rows {
    margin-top: 20px; }
    .new-team-chat-dialog .worker-rows.mobile {
      margin-top: 10px; }
    .new-team-chat-dialog .worker-rows .worker-row {
      margin: 16px 0px 16px 8px; }
      .new-team-chat-dialog .worker-rows .worker-row.mobile {
        margin: 16px 0px; }
      .new-team-chat-dialog .worker-rows .worker-row .worker-image {
        width: 46px;
        height: 46px;
        border-radius: 25px; }
      .new-team-chat-dialog .worker-rows .worker-row .team-categories {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .new-team-chat-dialog .worker-rows .shift-button {
      color: white;
      background-color: #0f94d7;
      border-radius: 14px;
      -ms-flex-item-align: center;
          align-self: center;
      margin-top: 32px;
      width: 215px; }

.chat-info-dialog {
  width: 400px; }
  .chat-info-dialog.mobile {
    width: 100%; }
  .chat-info-dialog .header {
    margin-bottom: 16px; }
  .chat-info-dialog .sub-header {
    margin-bottom: 8px; }
  .chat-info-dialog .body {
    color: #A3A3A3; }
  .chat-info-dialog .worker-rows {
    margin-top: 32px; }
    .chat-info-dialog .worker-rows .worker-row {
      margin: 16px 0px 16px 8px; }
      .chat-info-dialog .worker-rows .worker-row.mobile {
        margin: 16px 0px; }
      .chat-info-dialog .worker-rows .worker-row .worker-image {
        width: 38px;
        height: 38px;
        border-radius: 25px;
        -o-object-fit: cover;
           object-fit: cover; }
    .chat-info-dialog .worker-rows .shift-button {
      color: white;
      background-color: #0f94d7;
      border-radius: 10px;
      -ms-flex-item-align: center;
          align-self: center;
      margin-top: 32px;
      width: 215px; }

.category {
  text-transform: uppercase;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  background-color: #ededed;
  color: #696969; }

.category-bar {
  background-color: #e6f0fd;
  color: #7fbafd; }

.category-waiting {
  background-color: #ffeffd;
  color: #de97db; }

.category-kitchen {
  background-color: #ffefec;
  color: #ffa086; }

.category-formal-dining {
  background-color: #f3ebff;
  color: #c07dd2; }

.category-barista {
  background-color: #fff3e0;
  color: #e8a91d; }

.category-cocktails {
  background-color: #e6f8ff;
  color: #5cb1d2; }

.fold-out {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .fold-out.ng-enter, .fold-out.ng-enter-prepare {
    -webkit-transition: height 300ms;
    transition: height 300ms;
    height: 0;
    overflow: hidden; }
  .fold-out.ng-leave {
    -webkit-transition: height 300ms;
    transition: height 300ms;
    overflow: hidden; }

.flat-theme .signup-header-mobile {
  display: none;
  margin-bottom: 25px;
  margin-top: 15px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .signup-header-mobile {
      display: block; } }

.flat-theme .placeholder {
  font-size: 20px; }

.flat-theme .form-input {
  font-weight: bolder;
  font-size: 20px; }

.flat-theme .form-margin {
  margin-top: 8px; }

.flat-theme .form-background {
  background-color: white; }

.flat-theme .signup-content-container {
  max-width: 360px;
  background-color: #efefef;
  color: #000; }
  @media only screen and (max-width: 375px) {
    .flat-theme .signup-content-container {
      padding: 12px; } }
  .flat-theme .signup-content-container .referrer-worker-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.flat-theme .signup-failure-reason {
  width: 100%;
  text-align: center;
  color: #ff3d00;
  font-size: 16px; }

.flat-theme .signedup-container .signedup-title {
  width: 100%;
  font-size: 25px;
  margin: 0 0 16px 0;
  text-align: center; }

.flat-theme .card-container h5 {
  font-size: 12px;
  margin: 0;
  font-weight: bold; }

.flat-theme .card-container p {
  font-size: 12px;
  margin-top: 4px; }

.flat-theme .card-text {
  font-size: 1em; }

.flat-theme .primary-button {
  border-radius: 25px;
  padding: 5px 2.5vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .primary-button {
      padding-left: 40px;
      padding-right: 40px; } }

.flat-theme .submit-buttons-container {
  margin-top: -10px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center; }

.flat-theme .signup-footer-web {
  display: block;
  margin-top: 15px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .signup-footer-web {
      display: none; } }

.flat-theme .signup-footer-mobile {
  display: none;
  width: 100%;
  margin-top: 15px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .signup-footer-mobile {
      display: block; } }
  .flat-theme .signup-footer-mobile img {
    height: 25px;
    margin: 13px 24px; }

#referral-code-container {
  margin-bottom: 0; }

#termsAndConditionsContainer {
  margin-top: 0; }
  #termsAndConditionsContainer #termsAndConditions {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin-top: 4px;
    margin-left: 0; }

.flat-theme .endorsement-request-page .endorsement-request-header {
  padding: 16px 0; }

.flat-theme .endorsement-request-page .worker-avatar {
  border-radius: 50%;
  width: 128px;
  height: 128px;
  -ms-flex-item-align: center;
      align-self: center; }

.flat-theme .endorsement-request-page .worker-name {
  font-size: 18px;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 4px 0 16px 0; }

.flat-theme .endorsement-request-page .endorsement-intro {
  font-size: 14px;
  padding: 16px; }

.flat-theme .endorsement-request-page .endorsement-role-comment {
  padding-top: 0;
  padding-bottom: 0; }

.flat-theme .endorsement-request-page .category-list .category {
  margin-right: 8px; }

.flat-theme .endorsement-request-page paragraphs p {
  color: rgba(0, 0, 0, 0.77); }
  .flat-theme .endorsement-request-page paragraphs p:last-child {
    margin-bottom: 0; }

.flat-theme .endorsement-request-page .endorsement-actions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .flat-theme .endorsement-request-page .endorsement-actions .button {
    margin-left: 16px; }
    .flat-theme .endorsement-request-page .endorsement-actions .button.button-flat {
      color: rgba(0, 0, 0, 0.77); }

.flat-theme .endorsement-request-page .promo-intro {
  text-align: center;
  padding-bottom: 8px; }

.flat-theme .endorsement-request-page .promo-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  padding: 8px 0; }

.flat-theme .endorsement-request-page .promo-icon {
  color: #0f94d7;
  font-size: 32px;
  font-weight: 600;
  padding-right: 8px; }

.flat-theme .endorsement-request-page .existing-account {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px; }
  .flat-theme .endorsement-request-page .existing-account div {
    padding-right: 4px; }

.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.invoice-content .invoice-toggle {
  margin-bottom: 10px; }

.invoice-content .invoices-page-title {
  padding-bottom: 16px; }

.invoice-content .invoice-content {
  padding: 16px 0; }

.invoice-content .invoice-toggle-button {
  margin: 10px; }

.invoice-content .invoice-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  @media only screen and (max-width: 640px) {
    .invoice-content .invoice-list-header {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .invoice-content .invoice-list-header .tabs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0; }
    @media only screen and (max-width: 640px) {
      .invoice-content .invoice-list-header .tabs {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; } }

.invoice-content .invoice-header-row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 16px 0 16px;
  font-size: 20px; }
  @media only screen and (max-width: 640px) {
    .invoice-content .invoice-header-row {
      font-size: 16px; } }
  .invoice-content .invoice-header-row .invoice-hash {
    color: rgba(0, 0, 0, 0.67); }
  .invoice-content .invoice-header-row .invoice-reference-number {
    padding-right: 16px; }
  .invoice-content .invoice-header-row .invoice-period {
    color: rgba(0, 0, 0, 0.67); }
  .invoice-content .invoice-header-row .invoice-download {
    font-size: 14px; }

.invoice-content .invoice-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0; }

.integrations-page-wrapper {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px; }

.integrations-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.integrations-modal-result {
  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: center;
      -ms-flex-align: center;
          align-items: center; }

.integrations-modal-form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (max-width: 450px) {
  .integrations-modal-form-content-wrapper {
    width: 90%; } }

@media (min-width: 450px) {
  .integrations-modal-form-content-wrapper {
    width: 65%; } }

.integrations-modal-form-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px; }

.integrations-modal-form-content-form {
  width: 100%; }

.integrations-modal-result-content {
  max-width: 960px;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px; }

.integrations-modal-form-content-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #2e343c;
  padding-top: 20px; }

.integrations-modal-result-content-header-text {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
  color: #2e343c;
  padding: 20px; }

.integrations-modal-result-content-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #2e343c;
  padding: 20px; }

.modal-submit-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modal-submit-form label {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left; }

.modal-overlay-class-mobile {
  position: absolute;
  inset: 0px !important;
  border: 1px solid #cccccc;
  background: white;
  overflow: auto;
  border-radius: 4px;
  outline: none; }

.modal-overlay-class-desktop {
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.4); }

.modal-mobile {
  padding: 5px; }

.modal-desktop {
  position: absolute;
  border: 1px solid #cccccc;
  background: white;
  overflow: auto;
  border-radius: 20px;
  outline: none;
  padding: 20px; }
  @media (max-width: 1200px) {
    .modal-desktop {
      inset: 15%; } }
  @media (min-width: 1200px) {
    .modal-desktop {
      inset: 25%; } }

.modal-submit-form-field {
  width: 100%;
  height: 40px;
  background: white;
  padding: 10px;
  border-radius: 20px;
  border-color: #e0e4e7;
  border-style: solid;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important; }

.modal-submit-form-label {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left; }

.modal-submit-form-button {
  border: 1px solid #0f94d7;
  padding: 14px 8px 14px 8px;
  border-radius: 14px;
  border: 1px;
  background: #0f94d7;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #FFFFFF;
  width: 100%; }

.modal-submit-result-button {
  border: 1px solid #2e343c;
  padding: 14px 8px 14px 8px;
  border-radius: 14px;
  background: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #2e343c;
  width: 100%; }

.modal-submit-form-button-disabled {
  border: 1px solid #0f94d7;
  padding: 14px 8px 14px 8px;
  border-radius: 14px;
  border: 1px;
  background: #0f94d7;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  width: 100%;
  opacity: 0.5; }

.loading-content {
  width: 95%;
  height: 95%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 100003; }

.loading-overlay-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding-bottom: 40px; }

.loading-overlay {
  z-index: 10003;
  cursor: pointer; }

.modal-submit-form-cant-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center; }

.integrations-content-wrapper {
  padding-top: 20px;
  max-width: 960px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media (max-width: 960px) {
    .integrations-content-wrapper {
      padding-left: 20px;
      padding-right: 20px; } }

.integrations-info {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px; }

.integrations-detail-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  padding: 20px; }

.integration-box-wrapper {
  background-color: white;
  text-align: center;
  margin-top: 15px;
  padding: 20px;
  max-width: 250px;
  max-height: 240px;
  border-radius: 20px; }
  .integration-box-wrapper .integration-box-rotageek-image {
    width: 180px;
    height: 30px; }

.integration-header-image {
  width: 20px; }

.integration-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.integration-text {
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: center;
  color: #6D7176; }

.integration-text-wrapper {
  padding-top: 10px; }

.integration-action-text {
  margin-bottom: 0px; }

.integration-action {
  font-weight: bold; }

.integration-button {
  padding: 14px 20px 14px 20px;
  border-radius: 14px;
  border: 1px;
  background: #0f94d7;
  color: white;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center; }

.integration-button-submitted {
  background: #F2F2F2;
  padding: 14px 20px 14px 20px;
  border-radius: 14px;
  border: 1px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  color: #97A4B0;
  background: #F2F2F2; }

.login-page .hidden {
  display: none; }

.login-page .margin-top-md {
  margin-top: 15px; }

.login-page .margin-top-lg {
  margin-top: 25px; }

.login-page .margin-bottom-md {
  margin-bottom: 15px; }

.login-page .margin-bottom-lg {
  margin-bottom: 25px; }

.login-page .padding-bottom-lg {
  padding-bottom: 25px; }

.login-page .img-margin {
  position: relative;
  bottom: 2px;
  height: 23px; }

.login-page .word-wrap {
  word-wrap: break-word; }

.login-page .center {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.login-page .center-text {
  text-align: center; }

.login-page .primary-button {
  border-radius: 25px;
  padding: 5px 2.5vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px; }
  @media only screen and (max-width: 640px) {
    .login-page .primary-button {
      padding-left: 40px;
      padding-right: 40px; } }

.login-page .login-half {
  position: absolute;
  height: 100%; }
  .login-page .login-half.login-left {
    top: 0;
    left: 0;
    padding: 0 40px 0 40px;
    text-align: left;
    background-color: white;
    width: 50vw; }
    @media only screen and (max-width: 640px) {
      .login-page .login-half.login-left {
        display: none; } }
    .login-page .login-half.login-left h1 {
      font-weight: bolder;
      font-size: 55px;
      padding-right: 55px;
      line-height: 1.2;
      margin-top: 130px; }
    .login-page .login-half.login-left .text-margin {
      margin-top: 40px; }
    .login-page .login-half.login-left .text-size {
      font-size: 20px;
      padding-right: 40px; }
    .login-page .login-half.login-left .list-margin {
      margin-top: 50px; }
  .login-page .login-half.login-right {
    right: 0;
    width: calc(50vw - 40px);
    background-color: #d6eaf8; }
    @media only screen and (max-width: 640px) {
      .login-page .login-half.login-right {
        width: 100vw;
        background-color: white; } }
    .login-page .login-half.login-right .login-card-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }
      .login-page .login-half.login-right .login-card-container #login_card {
        position: relative;
        width: 60%;
        border-radius: 10px;
        margin-top: 45px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 25px;
        padding-bottom: 8px; }
        @media only screen and (max-width: 640px) {
          .login-page .login-half.login-right .login-card-container #login_card {
            height: 100%;
            margin-top: 0;
            border-radius: 0;
            width: 80%; } }
        .login-page .login-half.login-right .login-card-container #login_card.no-box-shadow {
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .login-page .login-half.login-right .login-card-container #login_card .login-header-mobile {
          display: none;
          margin-bottom: 25px;
          margin-top: 15px; }
          @media only screen and (max-width: 640px) {
            .login-page .login-half.login-right .login-card-container #login_card .login-header-mobile {
              display: block; } }
        .login-page .login-half.login-right .login-card-container #login_card .login-form-buttons > button, .login-page .login-half.login-right .login-card-container #login_card .login-form-buttons div {
          display: inline-block; }
        .login-page .login-half.login-right .login-card-container #login_card .login-form-buttons > button {
          margin-right: 20px; }
        .login-page .login-half.login-right .login-card-container #login_card .login-footer-web {
          margin-top: 15px;
          display: block; }
          @media only screen and (max-width: 640px) {
            .login-page .login-half.login-right .login-card-container #login_card .login-footer-web {
              display: none; } }
        .login-page .login-half.login-right .login-card-container #login_card .login-footer-mobile {
          display: none;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; }
          @media only screen and (max-width: 640px) {
            .login-page .login-half.login-right .login-card-container #login_card .login-footer-mobile {
              display: block; } }
    .login-page .login-half.login-right .card-text {
      font-size: 1em; }

.login-page .reset-password-container {
  width: 100%;
  margin-bottom: 0; }

.login-page .placeholder {
  font-size: 20px; }

.login-page .first-time-welcome {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e343c), to(#0d0e11));
  background: linear-gradient(to bottom, #2e343c 20%, #0d0e11 100%); }
  .login-page .first-time-welcome.animate .first-time-welcome-start-page .first-time-logo {
    -webkit-animation: first-time-welcome-intro-fade 300ms 1s backwards;
            animation: first-time-welcome-intro-fade 300ms 1s backwards; }
  .login-page .first-time-welcome.animate .first-time-welcome-start-page .first-time-text {
    -webkit-animation: first-time-welcome-intro-fade 300ms 2s backwards;
            animation: first-time-welcome-intro-fade 300ms 2s backwards; }
  .login-page .first-time-welcome.animate .first-time-welcome-start-page .md-button {
    -webkit-animation: first-time-welcome-intro-fade 300ms 3s backwards;
            animation: first-time-welcome-intro-fade 300ms 3s backwards; }
  .login-page .first-time-welcome.ng-leave {
    opacity: 1;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms; }
  .login-page .first-time-welcome.ng-leave-active {
    opacity: 0; }
  .login-page .first-time-welcome .first-time-welcome-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .login-page .first-time-welcome .first-time-welcome-page.ng-enter, .login-page .first-time-welcome .first-time-welcome-page.ng-enter-prepare {
      opacity: 0;
      -webkit-transition: opacity 300ms 300ms;
      transition: opacity 300ms 300ms; }
    .login-page .first-time-welcome .first-time-welcome-page.ng-enter-active {
      opacity: 1; }
    .login-page .first-time-welcome .first-time-welcome-page.ng-leave {
      opacity: 1;
      -webkit-transition: opacity 300ms;
      transition: opacity 300ms; }
    .login-page .first-time-welcome .first-time-welcome-page.ng-leave-active {
      opacity: 0; }
  .login-page .first-time-welcome .first-time-logo {
    max-height: 150px;
    font-size: 96px;
    width: 100%;
    padding: 64px 64px 8px;
    color: rgba(255, 255, 255, 0.87); }
  .login-page .first-time-welcome .first-time-text {
    position: relative;
    color: rgba(255, 255, 255, 0.87);
    font-size: 18px;
    margin: 32px; }
  .login-page .first-time-welcome .md-button {
    min-width: 200px;
    margin: 16px 0; }

@-webkit-keyframes first-time-welcome-intro-fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes first-time-welcome-intro-fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.login-right-background {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(50vw - 40px);
  background-color: #d6eaf8; }
  @media only screen and (max-width: 640px) {
    .login-right-background {
      width: 100vw;
      background-color: white; } }

.login-wrapper {
  height: auto;
  background-color: #d6eaf8; }

@media screen and (max-width: 1150px) {
  #login_card {
    min-width: 80%; } }

.shift-complete-page h1 {
  margin-left: 8px; }

.shift-complete-page p {
  margin-left: 8px; }

.shift-complete-page .complete-actions .button {
  margin-right: 8px; }

.shift-complete-page .referral-card {
  margin-top: 32px; }
  .shift-complete-page .referral-card .card-title-text img {
    margin-right: 8px; }
  .shift-complete-page .referral-card .card-section {
    padding-top: 0; }
    .shift-complete-page .referral-card .card-section:first-child {
      padding-top: 16px; }
  .shift-complete-page .referral-card .share-url-section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    .shift-complete-page .referral-card .share-url-section .button {
      margin-left: 8px; }
  .shift-complete-page .referral-card .social-share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .shift-complete-page .referral-card .social-share-button {
    display: inline-block;
    padding: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    margin-right: 8px;
    line-height: 24px; }
    .shift-complete-page .referral-card .social-share-button img {
      width: 24px;
      height: 24px; }
    .shift-complete-page .referral-card .social-share-button .material-icons {
      font-size: 24px !important;
      vertical-align: middle; }
  .shift-complete-page .referral-card .social-share-button-facebook {
    background-color: #3b5998;
    color: #fff; }
  .shift-complete-page .referral-card .social-share-button-twitter {
    background-color: #1da1f2;
    color: #fff; }
  .shift-complete-page .referral-card .social-share-button-linkedin {
    background-color: #0077b5;
    color: #fff; }
  .shift-complete-page .referral-card .social-share-button-email {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.6); }
  .shift-complete-page .referral-card .share-button {
    margin-top: 16px;
    -ms-flex-item-align: end;
        align-self: flex-end; }

.maintenance-page .maintenance-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 20px; }
  .maintenance-page .maintenance-mode .maintenance-mode__icon {
    margin-right: 20px; }
    .maintenance-page .maintenance-mode .maintenance-mode__icon .icon {
      min-width: 50px;
      max-width: 50px; }
  .maintenance-page .maintenance-mode .maintenance-mode__content {
    margin-right: 20px; }
    .maintenance-page .maintenance-mode .maintenance-mode__content h2 {
      font-size: 20px; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    /* autoprefixer: off */
    display: block;
    max-width: 100%;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: fill-available; }
  .ReactCrop--crop-invisible .ReactCrop__image {
    opacity: 0.5; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: move;
    -webkit-box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
  .ReactCrop__drag-handle {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.7);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (max-width: 768px), (pointer: coarse) {
    .ReactCrop__drag-handle {
      width: 17px;
      height: 17px; }
    .ReactCrop .ord-nw {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-n {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-ne {
      margin-top: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-e {
      margin-top: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-se {
      margin-bottom: -9px;
      margin-right: -9px; }
    .ReactCrop .ord-s {
      margin-bottom: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-sw {
      margin-bottom: -9px;
      margin-left: -9px; }
    .ReactCrop .ord-w {
      margin-top: -9px;
      margin-left: -9px; }
    .ReactCrop__drag-bar.ord-n {
      height: 14px;
      margin-top: -7px; }
    .ReactCrop__drag-bar.ord-e {
      width: 14px;
      margin-right: -7px; }
    .ReactCrop__drag-bar.ord-s {
      height: 14px;
      margin-bottom: -7px; }
    .ReactCrop__drag-bar.ord-w {
      width: 14px;
      margin-left: -7px; } }

.settings-page .form-buttons {
  text-align: right; }

.settings-page .payment-method-description {
  color: rgba(0, 0, 0, 0.54); }

.settings-page .payment-method-icon {
  font-size: 24px; }

.settings-page .profile-input-view {
  border: none !important; }

.settings-page .profile-blocked-worker-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.settings-page .profile-payment-cards {
  padding: 16px 4px 16px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eee;
  border-radius: 4px; }

.settings-page .profile-payment-card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media only screen and (max-width: 640px) {
    .settings-page .profile-payment-card-details {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.settings-page .profile-payment-card-last4 {
  font-size: 24px;
  min-width: 300px;
  white-space: nowrap; }
  @media only screen and (max-width: 640px) {
    .settings-page .profile-payment-card-last4 {
      font-size: 16px;
      min-width: auto; } }

.settings-page .profile-payment-card-expiry {
  padding-left: 8px;
  font-size: 14px;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.54); }
  @media only screen and (max-width: 640px) {
    .settings-page .profile-payment-card-expiry {
      padding-left: 0; } }

.settings-page .profile-current-payment-method {
  font-weight: 500; }

.settings-page .card-heading {
  margin: 32px 0 16px 16px;
  font-weight: 400; }
  .settings-page .card-heading:first-child {
    margin-top: 16px; }

.settings-page .notification-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #eee; }
  @media only screen and (max-width: 640px) {
    .settings-page .notification-section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .settings-page .notification-section input[type=checkbox] {
    /* Double-sized Checkboxes */
    /* IE */
    /* FF */
    -webkit-transform: scale(1.4);
    /* Safari and Chrome */
    /* Opera */
    transform: scale(1.4);
    accent-color: #0f94d7;
    padding: 10px; }
  .settings-page .notification-section .notification-text {
    max-width: 300px; }
  .settings-page .notification-section .notification-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 25px;
    margin-right: 20px;
    width: 200px; }
    @media only screen and (max-width: 640px) {
      .settings-page .notification-section .notification-control {
        width: auto; } }
  .settings-page .notification-section p {
    margin: 0;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px; }
  .settings-page .notification-section h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500; }

.flat-theme .input-group .button-minus,
.flat-theme .input-group .button-plus {
  background-color: #0f94d7;
  font-weight: bold;
  height: 30px;
  padding: 0;
  width: 30px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #fff;
  border-width: 0px;
  border-radius: 20px; }

.flat-theme .input-group .quantity-field {
  position: relative;
  height: 10px;
  border: none;
  text-align: center;
  width: 70px;
  display: inline-block;
  font-size: 13px;
  resize: vertical; }

.flat-theme .hire-button {
  width: 100px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  font-size: 14px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 2px;
  background-color: #ffffff;
  color: #000;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #052963;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); }
  .flat-theme .hire-button:hover {
    color: #264981; }
    .flat-theme .hire-button:hover:disabled {
      background-color: rgba(0, 0, 0, 0.12); }

.flat-theme .button {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  font-size: 14px;
  height: 36px;
  display: inline-block;
  min-height: 36px;
  line-height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border: none;
  border-radius: 2px;
  background-color: #ffffff;
  color: #000;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer; }
  .flat-theme .button:disabled {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: rgba(0, 0, 0, 0.26) !important;
    background-color: rgba(0, 0, 0, 0.12);
    cursor: default; }

.flat-theme .button-primary {
  background-color: #0f94d7;
  color: #fff; }

.flat-theme .button-light {
  background-color: #e5effc;
  color: #0f94d7; }

.flat-theme .button-flat {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #052963;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); }
  .flat-theme .button-flat:hover {
    background-color: rgba(158, 158, 158, 0.2); }
    .flat-theme .button-flat:hover:disabled {
      background-color: rgba(0, 0, 0, 0.12); }

.flat-theme .button-flat-light {
  color: #fff; }

.icon-button {
  font-size: 24px;
  line-height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  border: none;
  color: #555; }
  .icon-button .material-icons {
    font-size: 24px; }
  .icon-button:hover {
    background-color: rgba(158, 158, 158, 0.2); }

.wiw-theme .button-primary {
  background-color: #51a33d;
  color: #fff; }

.wiw-theme .button-flat {
  color: #434446; }

.wiw-theme .card-action-confirmation .button-flat {
  color: #ffcc32; }

.deputy-theme .button-primary {
  background-color: #64c6ff;
  color: #fff; }

.deputy-theme .button-flat {
  color: #337ab7; }

.deputy-theme .card-action-confirmation .button-flat {
  color: #dfe2e6; }

.applicant-row {
  padding: 16px;
  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; }

.shift-bid-row {
  margin-bottom: 20px; }

.counterbid-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-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 35px; }

.counterbid-label {
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 8px; }

.applicant-name {
  margin-left: 16px; }

.worker-card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-top: 16px; }

.worker-card-column {
  min-width: 290px;
  max-width: 640px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 320px;
          flex: 1 1 320px;
  margin-right: 8px; }
  .worker-card-column:last-child {
    margin-right: 0; }

@-webkit-keyframes worker-card-slide-in {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes worker-card-slide-in {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.card-loading-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-animation-name: worker-card-loading-fade-in;
          animation-name: worker-card-loading-fade-in;
  -webkit-animation-duration: 225ms;
          animation-duration: 225ms; }

@-webkit-keyframes worker-card-loading-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes worker-card-loading-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.worker-card-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  .worker-card-status .material-icons {
    color: rgba(255, 255, 255, 0.9);
    margin-right: 8px;
    font-size: 20px; }

.worker-card-status-applied {
  background-color: #0191d5; }

.worker-card-status-counter-bid {
  background-color: #00a7f5; }

.wiw-theme .worker-card-status-applied {
  background-color: #0191d5; }

.deputy-theme .worker-card-status-applied {
  background-color: #0191d5; }

.worker-card-status-hired {
  background-color: #33c555; }

.worker-card-status-newbie {
  background-color: #fff;
  border-bottom: #e0e0e0 solid 1px; }
  .worker-card-status-newbie .star {
    color: #ffcc32; }
  .worker-card-status-newbie .newbie-title {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #333; }
  .worker-card-status-newbie .newbie-subtitle {
    font-size: 11px;
    margin-top: 10px;
    color: #888; }

.worker-card-status-cancelled {
  background-color: #c45d3b; }

.worker-card-status-expired {
  background-color: #ababab; }

.worker-card-expired .card-section,
.worker-card-expired .card-summary,
.worker-card-expired .card-expanded-section {
  opacity: 0.5; }

.worker-card-pay-per-hour {
  font-size: 14px;
  padding-top: 1px; }
  .worker-card-pay-per-hour .per-hour-label {
    font-size: 12px; }

.flat-theme .worker-card {
  position: relative; }
  .flat-theme .worker-card.ng-enter {
    -webkit-animation: 0.3s cubic-bezier(0, 0.26, 0.52, 0.99) both worker-card-slide-in;
            animation: 0.3s cubic-bezier(0, 0.26, 0.52, 0.99) both worker-card-slide-in; }
  @media only screen and (max-width: 640px) {
    .flat-theme .worker-card {
      margin-bottom: 32px; } }

.flat-theme .select-worker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-header .page-subtitle {
      margin-top: 0;
      margin-bottom: 0; } }

.flat-theme .select-worker-date {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-date {
      -webkit-box-flex: calc(100% - 80px);
          -ms-flex: calc(100% - 80px);
              flex: calc(100% - 80px);
      font-size: 20px; } }

.flat-theme .select-worker-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  position: relative; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-menu {
      display: block;
      -webkit-box-flex: 24px;
          -ms-flex: 24px;
              flex: 24px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      .flat-theme .select-worker-menu .material-icons {
        font-size: 22px; } }

.flat-theme .select-worker-status {
  font-size: 24px;
  font-weight: 300;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  color: #333; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-status {
      font-size: 14px;
      font-weight: 400;
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-left: 8px; } }
  .flat-theme .select-worker-status .material-icons {
    font-size: 24px; }
    @media only screen and (max-width: 640px) {
      .flat-theme .select-worker-status .material-icons {
        font-size: 16px; } }

.flat-theme .integration-status {
  font-weight: 300;
  color: #333;
  line-height: 10px; }
  .flat-theme .integration-status .integration-wrapper .integration-title {
    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;
    font-size: 12px; }
    .flat-theme .integration-status .integration-wrapper .integration-title .integration-img {
      margin-left: 5px;
      width: 65px;
      height: 20px; }
    .flat-theme .integration-status .integration-wrapper .integration-title p {
      color: #052963;
      margin: unset;
      display: inline-block; }
  .flat-theme .integration-status .integration-wrapper .link {
    margin-top: 5px;
    font-size: 12px;
    display: -webkit-inline-box; }
  @media only screen and (max-width: 640px) {
    .flat-theme .integration-status {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-left: 8px;
      padding: 0px 0px 5px 0px; } }

.flat-theme .fourth-integration-status {
  font-weight: 300;
  line-height: 10px; }
  .flat-theme .fourth-integration-status .fourth-wrapper .fourth-title {
    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;
    font-size: 12px; }
    .flat-theme .fourth-integration-status .fourth-wrapper .fourth-title .fourth-img {
      margin-left: 5px;
      width: 60px;
      height: 15px; }
    .flat-theme .fourth-integration-status .fourth-wrapper .fourth-title p {
      color: #052963;
      margin: unset;
      display: inline-block; }
  .flat-theme .fourth-integration-status .fourth-wrapper .link {
    margin-top: 5px;
    font-size: 12px;
    display: -webkit-inline-box; }
  @media only screen and (max-width: 640px) {
    .flat-theme .fourth-integration-status {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-left: 8px;
      padding: 0px 0px 5px 0px; } }

.flat-theme .select-worker-status-text {
  text-transform: uppercase;
  color: #c41a00; }

.flat-theme .select-worker-times {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  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;
  margin: 4px 4px 4px 16px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-times {
      font-size: 14px;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right: 0; } }

.flat-theme .select-worker-category-header {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  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;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  margin-left: 7px;
  margin-right: 5px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-category-header {
      font-size: 14px;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }

.flat-theme .select-worker-venue {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-venue {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      font-size: 14px; } }

.flat-theme .select-worker-tabs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-tabs {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%; } }

.flat-theme .select-worker-category {
  margin-left: 8px; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-category {
      font-size: 14px; } }

.flat-theme .select-worker-edit-button {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-edit-button {
      margin: 8px 0 8px 8px;
      display: none; } }
  .flat-theme .select-worker-edit-button:disabled {
    background-color: white !important; }

.flat-theme .select-worker-duplicate-button {
  margin-left: 8px;
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }
  @media only screen and (max-width: 640px) {
    .flat-theme .select-worker-duplicate-button {
      margin: 8px 0 8px 8px;
      display: none; } }

.flat-theme .card-actions-container {
  position: relative; }

.flat-theme .card-action-confirmation {
  position: absolute;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  bottom: -1px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2e343c;
  color: #ddd;
  padding: 8px 0 8px 16px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

@-webkit-keyframes are-you-sure-transition {
  from {
    -webkit-clip-path: circle(1px at 40px bottom);
            clip-path: circle(1px at 40px bottom); }
  to {
    -webkit-clip-path: circle(610px at 40px bottom);
            clip-path: circle(610px at 40px bottom); } }

@keyframes are-you-sure-transition {
  from {
    -webkit-clip-path: circle(1px at 40px bottom);
            clip-path: circle(1px at 40px bottom); }
  to {
    -webkit-clip-path: circle(610px at 40px bottom);
            clip-path: circle(610px at 40px bottom); } }
  .flat-theme .card-action-confirmation.ng-enter {
    -webkit-animation: 350ms ease-out both are-you-sure-transition;
            animation: 350ms ease-out both are-you-sure-transition; }
  .flat-theme .card-action-confirmation.ng-leave {
    animation: 350ms ease-out reverse both are-you-sure-transition; }

.flat-theme .card-action-confirmation .button {
  margin-right: 8px; }

.card-action-confirmation-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.card-loading-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  padding: 32px; }

.card-loading-error .material-icons {
  font-size: 48px; }

.card-loading-error h2 {
  margin-top: 16px; }

.card-loading-error .button {
  margin-top: 16px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: -8px; }

.card-expanded-bio .card-summary-expanded {
  max-height: 250px;
  overflow-y: auto; }
  @media only screen and (max-width: 640px) {
    .card-expanded-bio .card-summary-expanded {
      max-height: none; } }

.card-expande-skills:hover {
  background-color: #f3f3f3; }

.select-worker-need-billing {
  background: #2e343c;
  color: #fff; }
  .select-worker-need-billing .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em; }
  .select-worker-need-billing a {
    color: inherit; }

reliability-rank {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.reliability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .reliability .reliability-chart {
    margin-bottom: 4px;
    height: 4px;
    position: relative;
    border-radius: 2px;
    background-color: #eee;
    margin-top: 8px; }
    .reliability .reliability-chart::before {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: -8px;
      margin-left: -5px;
      border: 5px solid transparent;
      border-bottom-width: 0; }
    .reliability .reliability-chart::after {
      content: '';
      display: block;
      height: 4px;
      border-radius: 2px; }
  .reliability.reliability-0 {
    color: #a40000; }
    .reliability.reliability-0 .reliability-chart::before {
      border-top-color: #d70000;
      left: 8.33333%; }
    .reliability.reliability-0 .reliability-chart::after {
      background-color: #d70000;
      width: 16.66667%; }
  .reliability.reliability-1 {
    color: #a44200; }
    .reliability.reliability-1 .reliability-chart::before {
      border-top-color: #d75700;
      left: 25%; }
    .reliability.reliability-1 .reliability-chart::after {
      background-color: #d75700;
      width: 33.33333%; }
  .reliability.reliability-2 {
    color: #b88201; }
    .reliability.reliability-2 .reliability-chart::before {
      border-top-color: #eba601;
      left: 41.66667%; }
    .reliability.reliability-2 .reliability-chart::after {
      background-color: #eba601;
      width: 50%; }
  .reliability.reliability-3 {
    color: #b8a800; }
    .reliability.reliability-3 .reliability-chart::before {
      border-top-color: #ebd600;
      left: 58.33333%; }
    .reliability.reliability-3 .reliability-chart::after {
      background-color: #ebd600;
      width: 66.66667%; }
  .reliability.reliability-4 {
    color: #729000; }
    .reliability.reliability-4 .reliability-chart::before {
      border-top-color: #9ac300;
      left: 75%; }
    .reliability.reliability-4 .reliability-chart::after {
      background-color: #9ac300;
      width: 83.33333%; }
  .reliability.reliability-5 {
    color: #569000; }
    .reliability.reliability-5 .reliability-chart::before {
      border-top-color: #75c300;
      left: 91.66667%; }
    .reliability.reliability-5 .reliability-chart::after {
      background-color: #75c300;
      width: 100%; }

.skill-ratings {
  display: inline-block;
  margin-right: 4px; }
  .skill-ratings .material-icons {
    font-size: 14px; }

.limber-rating-star {
  font-size: 16px;
  color: #ccc; }

.limber-rating-star-filled {
  color: #666; }

.limber-rating-summary {
  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: center;
      -ms-flex-align: center;
          align-items: center; }

.worker-card-new-worker-section {
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.worker-card-rating-venue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.worker-card-rating-category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  margin: 0 4px; }

.worker-card-rating-rating {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px; }

.worker-card-rating-summary {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.worker-card-summary-skills {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.worker-card-detail-title {
  color: rgba(0, 0, 0, 0.87);
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ebebeb; }

.flat-theme .worker-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin: 0; }

.worker-endorsed-badge {
  background-color: #0f94d7;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 150px;
  margin-top: 15px; }
  .worker-endorsed-badge .material-icons {
    font-size: 18px;
    padding-bottom: 5px;
    vertical-align: middle;
    margin-right: 10px; }

.worker-endorsed-bar-badge {
  background-color: #33a532;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 150px;
  margin-top: 15px; }
  .worker-endorsed-bar-badge .material-icons {
    font-size: 18px;
    padding-bottom: 5px;
    vertical-align: middle;
    margin-right: 10px; }

.worker-multisite-desc {
  font-size: 10px;
  color: #999;
  margin-left: 16px; }

.worker-multisite-badge {
  background-color: #33c555;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 250px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  margin-bottom: 5px; }
  .worker-multisite-badge .material-icons {
    font-size: 18px;
    padding-bottom: 5px;
    vertical-align: middle;
    margin-right: 5px; }

.team-rate-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #666; }
  .team-rate-container label {
    margin-top: 10px; }

.team-rate-container-smallText {
  font-size: 9px;
  padding-left: 6px; }

.worker-card-title-text {
  -ms-flex-item-align: center;
      align-self: center; }

.worker-card-experience-row {
  margin: 8px 0 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb; }
  .worker-card-experience-row:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .worker-card-experience-row paragraphs p {
    margin: 0 0 8px; }
    .worker-card-experience-row paragraphs p:last-child {
      margin: 0; }
  .worker-card-experience-row .experience-category {
    color: #0f94d7;
    font-weight: bold;
    font-size: 12px; }
  .worker-card-experience-row .experience-period, .worker-card-experience-row .experience-comment {
    color: #999;
    font-size: 12px; }
  .worker-card-experience-row .experience-venue-name {
    color: rgba(0, 0, 0, 0.87); }

.card-expanded-section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  font-size: 12px;
  color: #999;
  padding: 0 16px 16px; }
  @media only screen and (max-width: 640px) {
    .card-expanded-section {
      max-height: none; } }

.no-show-warning {
  font-size: 18px;
  padding-right: 4px;
  color: #d70000;
  opacity: 0.8; }

.skill {
  margin: 4px 0 20px 0; }
  .skill:last-child {
    margin-bottom: 0; }

.skill-description {
  margin: 8px 0 0 0; }

.role-endorsed {
  cursor: pointer; }

.worker-card-cover-note {
  background-color: #2e343c;
  color: #ddd; }
  .worker-card-cover-note .cover-note-title {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding-bottom: 5px; }

.screening-questions-note-title {
  font-size: 11px;
  font-weight: 800;
  margin-top: 10px; }

.screening-questions-section {
  border-top: #e0e0e0 solid 1px; }

.worker-card-bio, .worker-card-training {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2px; }

.worker-video {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  padding-top: 16px; }

.worker-link {
  margin-top: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px; }
  .worker-link .worker-link-type {
    color: #2e343c; }
  .worker-link .worker-link-categories {
    color: #0f94d7;
    font-weight: bold; }
  .worker-link .worker-link-url {
    color: #97a4b0; }
  .worker-link i {
    color: #0f94d7;
    font-size: 20px;
    padding-right: 16px; }

.worker-card-categories .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.worker-card-categories .category-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  background-color: #0f94d7;
  font-family: 'CenturyGothic', sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: white;
  margin: 7px;
  padding: 9px; }

.worker-card-categories .category-title-muted {
  color: #e4e4e4;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  line-height: normal;
  padding: 0; }

.worker-card-categories .category-skills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .worker-card-categories .category-skills .category-skill {
    margin: 8px 8px 8px 0;
    padding: 8px;
    color: #fff;
    font-size: 12px;
    background-color: #0f94d7;
    border-radius: 18px;
    line-height: 1;
    text-align: center; }
  .worker-card-categories .category-skills .category-skill-etc {
    margin: 8px 8px 8px 0;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    background-color: #0f94d7;
    border-radius: 18px;
    line-height: 1;
    text-align: center; }

.worker-card-categories .skill-card {
  padding: 16px 16px 8px 16px; }

.worker-card-categories .skill-section-title {
  margin-top: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #2e343c; }

.worker-card-categories .category-section-title {
  font-size: 18px;
  font-weight: bold;
  color: #0f94d7; }

.worker-card-categories .category-highlights {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 32px 32px 0 32px; }
  .worker-card-categories .category-highlights .category-highlight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .worker-card-categories .category-highlights .category-highlight .category-highlight-value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 18px;
      font-weight: bold;
      background-color: #e5effc;
      min-width: 50px;
      min-height: 50px;
      border-radius: 50%;
      color: #052963;
      line-height: 1; }
      .worker-card-categories .category-highlights .category-highlight .category-highlight-value .category-highlight-value-text {
        font-size: 10px; }
    .worker-card-categories .category-highlights .category-highlight .category-highlight-label {
      margin-top: 8px;
      font-size: 12px;
      color: #052963;
      text-transform: uppercase; }

.uk-modal .button-primary {
  background-color: #0f94d7;
  border: none;
  color: #fff;
  height: 25px;
  width: 90px;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out; }

.uk-modal .button-light {
  border: none;
  background-color: #fff !important;
  height: 25px;
  width: 90px;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s; }

.worker-card-view-more {
  cursor: pointer;
  text-align: right;
  color: #0f94d7;
  padding: 0 16px 16px 0; }

.wiw-theme .slash-title {
  color: #51a33d; }

.wiw-theme .slash-skills .slash-skill {
  background-color: #51a33d; }

.wiw-theme .worker-card-cover-note {
  background-color: #434446; }

.deputy-theme .slash-title {
  color: #64c6ff; }

.deputy-theme .slash-skills .slash-skill {
  background-color: #64c6ff; }

.deputy-theme .worker-card-cover-note {
  background-color: #434446; }

#modal_large_edit .button.button-primary.edit-cta, #modal_large_edit .md-btn.md-btn-wave-light.edit-cta {
  display: block;
  border-radius: 30px;
  margin-bottom: 20px;
  border-radius: 22px;
  width: auto; }

.uk-modal-dialog.cancelling-late-modal {
  max-width: 30%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 40px 40px;
  border-radius: 2px; }
  @media only screen and (max-width: 1220px) {
    .uk-modal-dialog.cancelling-late-modal {
      max-width: 50%;
      padding: 20px 20px; } }
  @media only screen and (max-width: 800px) {
    .uk-modal-dialog.cancelling-late-modal {
      max-width: 50%;
      padding: 20px 20px; } }
  @media only screen and (max-width: 640px) {
    .uk-modal-dialog.cancelling-late-modal {
      max-width: 75%;
      padding: 20px 20px; } }
  .uk-modal-dialog.cancelling-late-modal .title {
    margin-top: 10px; }
  .uk-modal-dialog.cancelling-late-modal .cancellation-fee-container {
    margin-top: 25px; }
    .uk-modal-dialog.cancelling-late-modal .cancellation-fee-container .cancellation-fee-list {
      list-style: none;
      padding-left: 0;
      margin-top: 0; }
      .uk-modal-dialog.cancelling-late-modal .cancellation-fee-container .cancellation-fee-list > * {
        color: #666; }
  .uk-modal-dialog.cancelling-late-modal .buttons-cancelling-late {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 60px; }
    .uk-modal-dialog.cancelling-late-modal .buttons-cancelling-late .cancelling-modal-cancel-button {
      display: block;
      margin-top: 10px;
      cursor: pointer; }
  .uk-modal-dialog.cancelling-late-modal .cancellation-fee-dropdown {
    cursor: pointer; }
    .uk-modal-dialog.cancelling-late-modal .cancellation-fee-dropdown > span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .uk-modal-dialog.cancelling-late-modal .cancellation-fee-dropdown > span .arrow {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        font-size: 25px;
        vertical-align: middle;
        position: relative;
        margin-left: 10px; }
        .uk-modal-dialog.cancelling-late-modal .cancellation-fee-dropdown > span .arrow.open {
          bottom: 2px; }
  .uk-modal-dialog.cancelling-late-modal .margin-left-space {
    margin-left: 5px; }
  .uk-modal-dialog.cancelling-late-modal .cancellation-policy-text {
    font-size: 10px; }

.shift-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  @media only screen and (max-width: 640px) {
    .shift-list-header {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .shift-list-header .tabs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0; }
    @media only screen and (max-width: 640px) {
      .shift-list-header .tabs {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; } }
  .shift-list-header .refresh-wrapper {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: center;
        align-self: center;
    margin: 0 24px 0 0;
    padding: 12px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .shift-list-header .refresh-wrapper {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 0 auto 0 0px; } }
  .shift-list-header .refresh-button {
    font-size: 24px;
    color: #0f94d7; }
  .shift-list-header .post-shift-button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: center;
        align-self: center; }
    @media only screen and (max-width: 640px) {
      .shift-list-header .post-shift-button {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 0 0 8px; } }

.group-title {
  font-size: 13px;
  line-height: 24px;
  color: #616161;
  padding: 20px 16px 8px; }

.shift {
  border-bottom: 1px solid #e0e0e0; }
  .shift:last-child {
    border-bottom: none; }

.shift-detail-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  border-top: 1px solid #e0e0e0;
  margin-left: 16px;
  margin-right: 16px;
  padding: 16px 0 0; }

.shift-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  cursor: pointer;
  padding: 16px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .shift-header-row:hover {
    background-color: #f5f5f5;
    color: #000; }
  .shift-header-row div {
    margin: 0 8px; }
    .shift-header-row div:first-child {
      margin-left: 0; }
    .shift-header-row div:last-child {
      margin-right: 0; }

.card-highlight .shift-header-row {
  padding-left: 14px; }

.card-highlight .shift-detail-row {
  margin-left: 14px; }

.shift-day {
  width: 100px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  white-space: nowrap; }
  @media only screen and (max-width: 640px) {
    .shift-day {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      width: auto; } }
  @media only screen and (max-width: 375px) {
    .shift-day {
      font-size: 14px; } }

.shift-day-mobile {
  white-space: nowrap;
  font-size: 14px; }

.shift-mobile-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }

.shift-mobile-detail-row-times {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.shift-mobile-detail-row-statuses {
  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;
  padding-top: 7px; }

.shift-mobile-detail-row-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 7px; }

.shift-date {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 195px;
  white-space: nowrap; }
  @media only screen and (max-width: 640px) {
    .shift-date {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      width: auto; } }
  @media only screen and (max-width: 375px) {
    .shift-date {
      font-size: 14px; } }

.shift-time {
  width: 80px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  white-space: nowrap; }
  @media only screen and (max-width: 640px) {
    .shift-time {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 0px;
              flex: 0 0 0;
      width: auto; } }
  @media only screen and (max-width: 375px) {
    .shift-time {
      font-size: 14px; } }

.shift-time-mobile {
  white-space: nowrap;
  font-size: 14px; }

.shift-category {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  white-space: nowrap; }
  @media only screen and (max-width: 640px) {
    .shift-category {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 0px;
              flex: 0 0 0; } }

.shift-category-mobile {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap; }

.shift-label {
  width: 100px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  white-space: nowrap; }
  @media only screen and (max-width: 640px) {
    .shift-label {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 0px;
              flex: 0 0 0; } }

.shift-amount {
  min-width: 64px;
  text-align: right;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
  @media only screen and (max-width: 640px) {
    .shift-amount {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 0px;
              flex: 0 0 0;
      margin-right: 8px !important; } }
  .shift-amount .shift-vat {
    color: rgba(0, 0, 0, 0.57);
    font-size: 11px; }

.shift-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media only screen and (max-width: 640px) {
    .shift-title {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 0px;
              flex: 1 0 0;
      line-height: 32px;
      color: #777;
      min-width: 66%; } }

.shift-title-mobile {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.shift-stats-mobile {
  white-space: nowrap;
  font-size: 14px; }
  .shift-stats-mobile .material-icons {
    font-size: 14px;
    vertical-align: -3px; }

.shift-stats {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  text-align: right;
  white-space: nowrap; }
  .shift-stats .material-icons {
    font-size: 16px;
    vertical-align: -3px; }
  @media only screen and (max-width: 640px) {
    .shift-stats {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0; }
      .shift-stats .material-icons {
        vertical-align: -3px; } }
  @media only screen and (max-width: 375px) {
    .shift-stats {
      font-size: 14px; }
      .shift-stats .material-icons {
        font-size: 16px;
        vertical-align: -3px; } }

.shift-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }

@media only screen and (max-width: 640px) {
  .shift-header-row div {
    margin: 0; }
  .shift-detail-row-applicants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse; } }

.applicants {
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media only screen and (max-width: 640px) {
    .applicants {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      margin-right: 0;
      margin-top: 16px; } }

.applicant {
  position: relative; }
  .applicant:first-child {
    width: 46px !important; }
  .applicant img {
    position: relative;
    left: 2px;
    top: 2px;
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    max-height: 42px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 3px solid #fff; }
  .applicant svg {
    position: absolute;
    max-width: none;
    left: 0;
    top: 0; }

.shift-muted-sub {
  display: block;
  font-size: 10px;
  font-style: italic;
  color: #555;
  margin-top: 8px; }

.shift-draft {
  text-transform: uppercase;
  color: #c41a00; }

.application-counter-background {
  stroke: #ccc;
  fill: none; }

.application-counter-foreground {
  stroke: #0f94d7;
  fill: none; }

.wiw-theme .application-counter-foreground {
  stroke: #51a33d; }

.deputy-theme .application-counter-foreground {
  stroke: #64c6ff; }

.text-align-left {
  text-align: left; }

.margin-top-return {
  margin-top: 3px; }

.uk-modal-dialog.cancelling-modal .buttons-cancelling {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 20px; }
  .uk-modal-dialog.cancelling-modal .buttons-cancelling .cancel-button {
    margin-top: 8px;
    cursor: pointer;
    display: block; }

.pool-selection-list {
  max-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-top: 16px; }
  .pool-selection-list .pool-selection {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 8px;
    margin-right: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .pool-selection-list .pool-selection:last-child {
      margin-right: 0; }
    .pool-selection-list .pool-selection:hover {
      background-color: #eee; }
    .pool-selection-list .pool-selection .pool-selection-radio {
      position: absolute;
      top: 7px;
      left: 7px; }
    .pool-selection-list .pool-selection .pool-selection-icon {
      font-size: 32px; }
    .pool-selection-list .pool-selection .pool-selection-title {
      line-height: 2.5; }
    .pool-selection-list .pool-selection .pool-selection-text {
      color: rgba(0, 0, 0, 0.54); }
    .pool-selection-list .pool-selection.pool-selection-selected {
      background-color: #0f94d7;
      color: #fff;
      border-color: #0f94d7; }
      .pool-selection-list .pool-selection.pool-selection-selected .pool-selection-text {
        color: rgba(255, 255, 255, 0.87); }
  @media only screen and (max-width: 640px) {
    .pool-selection-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
      .pool-selection-list .pool-selection {
        margin-right: 0;
        margin-bottom: 4px; }
        .pool-selection-list .pool-selection:last-child {
          margin-bottom: 0; } }

.signup-page .margin-bottom-md {
  margin-bottom: 15px; }

.signup-page .padding-bottom-lg {
  padding-bottom: 25px; }

.signup-page .img-margin {
  position: relative;
  bottom: 2px;
  height: 23px; }

.signup-page .word-wrap {
  word-wrap: break-word; }

.signup-page .signup-half {
  position: absolute;
  height: 100%; }
  .signup-page .signup-half.signup-left {
    top: 0;
    left: 0;
    padding: 0 40px 0 40px;
    text-align: left;
    background-color: white;
    width: 50vw; }
    @media only screen and (max-width: 640px) {
      .signup-page .signup-half.signup-left {
        display: none; } }
    .signup-page .signup-half.signup-left h1 {
      font-weight: bolder;
      font-size: 55px;
      padding-right: 55px;
      margin-top: 130px;
      line-height: 1.2; }
    .signup-page .signup-half.signup-left .text-margin {
      margin-top: 40px; }
    .signup-page .signup-half.signup-left .text-size {
      font-size: 20px;
      padding-right: 40px; }
    .signup-page .signup-half.signup-left .list-margin {
      margin-top: 50px; }
  .signup-page .signup-half.signup-right {
    right: 0;
    width: calc(50vw - 40px);
    background-color: #d6eaf8; }
    @media only screen and (max-width: 640px) {
      .signup-page .signup-half.signup-right {
        width: 100vw;
        background-color: white; } }
    .signup-page .signup-half.signup-right .signup-card-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }
      .signup-page .signup-half.signup-right .signup-card-container #signup_card {
        position: relative;
        width: 60%;
        border-radius: 10px;
        margin-top: 45px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 25px;
        padding-bottom: 8px; }
        @media only screen and (max-width: 640px) {
          .signup-page .signup-half.signup-right .signup-card-container #signup_card {
            height: 100%;
            border-radius: 0;
            margin-top: 0;
            width: 80%; } }
        .signup-page .signup-half.signup-right .signup-card-container #signup_card.no-box-shadow {
          -webkit-box-shadow: none;
                  box-shadow: none; }

.signup-right-background {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(50vw - 40px);
  background-color: #d6eaf8; }
  @media only screen and (max-width: 640px) {
    .signup-right-background {
      width: 100vw;
      background-color: white; } }

@media (max-width: 1150px) {
  #signup_card {
    min-width: 80%; } }

.rotageek-hirer {
  margin: 16px 16px 28px 28px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start; }
  .rotageek-hirer .rotageek-details {
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 32px;
    background-color: #fafafa;
    border-radius: 10px; }
    .rotageek-hirer .rotageek-details p {
      padding: 0 8px; }
    .rotageek-hirer .rotageek-details p:first-of-type {
      padding-top: 8px; }
    .rotageek-hirer .rotageek-details .rotageek-img-container {
      max-width: 175px; }
      .rotageek-hirer .rotageek-details .rotageek-img-container .rotageek-img {
        margin-left: 5px;
        width: 150px;
        height: 40px; }
  .rotageek-hirer .post-gap-shift-button {
    margin-top: 32px;
    margin-left: 16px;
    border-radius: 10px; }

.rota-geek-card-wrapper {
  padding: 16px 16px 0px 16px; }
  .rota-geek-card-wrapper .rota-geek-card-content {
    border-radius: 20px;
    background-color: #fae5d3; }
  .rota-geek-card-wrapper .rota-geek-card-content-wrapper {
    padding: 8px 15px 8px 15px; }
    .rota-geek-card-wrapper .rota-geek-card-content-wrapper .rota-geek-card-content-title {
      font-family: Roboto;
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
      letter-spacing: 0em;
      text-align: left;
      color: #2e343c;
      margin: 0px;
      margin-bottom: 3px;
      padding: 0px; }
    .rota-geek-card-wrapper .rota-geek-card-content-wrapper .rota-geek-card-content-sub-text {
      font-family: Roboto;
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0em;
      text-align: left;
      color: #2e343c;
      margin: 0px;
      padding: 0px; }
    .rota-geek-card-wrapper .rota-geek-card-content-wrapper .rota-geek-card-content-image-wrapper {
      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: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin-right: 5px;
      margin-top: 3px; }

@charset "UTF-8";
.hirer-timesheets {
  font-size: 14px;
  line-height: 1.4; }
  .hirer-timesheets .overlay-container {
    position: relative; }
  .hirer-timesheets .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .hirer-timesheets .desktop-arrow {
    position: relative;
    width: 0;
    height: 0;
    top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #979797; }
  .hirer-timesheets .desktop-modal {
    background-color: #fff;
    border-left: 1px solid #9797976e;
    min-height: 100px;
    z-index: 9999;
    min-width: 300px;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    position: absolute;
    top: 9px;
    border-radius: 13px;
    color: #333; }
    .hirer-timesheets .desktop-modal .desktop-modal-title {
      font-size: 12px;
      margin-top: 15px;
      margin-left: 25px;
      font-weight: bold; }
    .hirer-timesheets .desktop-modal .radio-group label {
      margin-right: 0px; }
    .hirer-timesheets .desktop-modal .input-radio [type='radio'] + span {
      border-color: #333; }
  .hirer-timesheets .worker-seperator {
    margin: 0 20px 0 14px;
    padding-bottom: 4px; }
    @media (min-width: 500px) {
      .hirer-timesheets .worker-seperator {
        border-top: 1px solid #979797; } }
  .hirer-timesheets .worker-search-icon {
    position: absolute;
    bottom: 8px;
    left: 50px;
    color: #979797; }
  .hirer-timesheets .worker-hidden {
    display: none;
    z-index: 0; }
  .hirer-timesheets .worker-dropdown {
    background-color: #fff;
    position: absolute;
    color: #333;
    padding-top: 5px;
    width: 100%;
    border-left: 1px solid #9797976e;
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 9px 14px 0px #9797976e;
            box-shadow: 8px 9px 14px 0px #9797976e;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    max-height: 200px;
    overflow-x: hidden;
    z-index: 10000; }
    @media (max-width: 500px) {
      .hirer-timesheets .worker-dropdown {
        color: #042864; } }
  .hirer-timesheets .react-datepicker-popper {
    top: 3px !important; }
  .hirer-timesheets .react-datepicker {
    -webkit-box-shadow: 8px 4px 14px 0px #979797;
    -webkit-appearance: none;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    color: #042864; }
    .hirer-timesheets .react-datepicker .react-datepicker__time-box {
      width: 100% !important; }
    .hirer-timesheets .react-datepicker .react-datepicker__time-container {
      width: 134px; }
    .hirer-timesheets .react-datepicker .react-datepicker-time__header {
      color: #fff !important; }
    .hirer-timesheets .react-datepicker .react-datepicker__navigation--next {
      border-left-color: #fff; }
    .hirer-timesheets .react-datepicker .react-datepicker__navigation--previous {
      border-right-color: #fff; }
    .hirer-timesheets .react-datepicker .react-datepicker__header {
      background-color: #0f94d7; }
    .hirer-timesheets .react-datepicker .react-datepicker__day-name,
    .hirer-timesheets .react-datepicker .react-datepicker__day,
    .hirer-timesheets .react-datepicker .react-datepicker__time-name {
      width: 37px;
      line-height: 37px;
      font-size: 16px; }
    .hirer-timesheets .react-datepicker .react-datepicker__current-month,
    .hirer-timesheets .react-datepicker .react-datepicker__day-name {
      color: #fff; }
    .hirer-timesheets .react-datepicker .react-datepicker__day,
    .hirer-timesheets .react-datepicker .react-datepicker__time-name {
      color: #042864; }
    .hirer-timesheets .react-datepicker .react-datepicker__day--selected,
    .hirer-timesheets .react-datepicker .react-datepicker__day--in-range {
      background-color: #0f94d7;
      color: #fff;
      opacity: 0.5; }
    .hirer-timesheets .react-datepicker .react-datepicker__day--range-start,
    .hirer-timesheets .react-datepicker .react-datepicker__day--range-end,
    .hirer-timesheets .react-datepicker .react-datepicker__day--selected {
      background-color: #042864;
      opacity: 1; }
    .hirer-timesheets .react-datepicker .react-datepicker__day--disabled {
      color: #979797; }
  .hirer-timesheets input[type='text'],
  .hirer-timesheets input[type='search'],
  .hirer-timesheets input[type='password'],
  .hirer-timesheets input[type='number'],
  .hirer-timesheets input[type='date'],
  .hirer-timesheets input[type='time'],
  .hirer-timesheets input[type='email'],
  .hirer-timesheets input[type='select'],
  .hirer-timesheets select {
    /* height: 28px; */
    /* line-height: 28px; */
    /* font-family: inherit; */
    border: none;
    /* min-height: 35px; */
    background: white;
    color: #333;
    /* margin-bottom: 0; */
    position: relative;
    padding-left: 10px;
    top: 7px; }
  .hirer-timesheets input[type='hiddenSelect'],
  .hirer-timesheets select {
    border: none;
    background: white;
    color: transparent;
    position: relative;
    padding-left: 10px;
    top: 7px; }
  .hirer-timesheets .currencyInputLabel::after {
    color: #797575;
    content: '\A3';
    display: inline-block;
    -webkit-transform: translate(12px, -22px);
            transform: translate(12px, -22px); }
  .hirer-timesheets .currencyInputLabel-none::after {
    color: #797575;
    content: '\A3   -';
    display: inline-block;
    -webkit-transform: translate(12px, -22px);
            transform: translate(12px, -22px); }
  .hirer-timesheets input[type='breakSelect'],
  .hirer-timesheets select {
    border: none;
    background: white;
    color: transparent;
    position: relative;
    top: 7px;
    text-indent: 10px; }
    @supports (-webkit-touch-callout: none) {
      .hirer-timesheets input[type='breakSelect'],
      .hirer-timesheets select {
        max-width: 93px; } }
  .hirer-timesheets .integer-timefield-middle {
    line-height: 28px;
    font-family: inherit;
    min-height: 35px;
    background: #fff;
    color: #333;
    margin-bottom: 0;
    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: 20px !important;
    width: 93%;
    max-width: 93%;
    left: 5px;
    height: 35px;
    border: solid 1px #e0e4e7 !important; }
  .hirer-timesheets .integer-timefield-end {
    line-height: 28px;
    font-family: inherit;
    min-height: 35px;
    background: #fff;
    color: #333;
    margin-bottom: 0;
    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%;
    max-width: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border: solid 1px #e0e4e7 !important;
    margin-top: 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .hirer-timesheets input[type='currency'] {
    border: none;
    /* min-height: 35px; */
    background: white;
    /* color: #333; */
    /* margin-bottom: 0; */
    position: relative; }
  .hirer-timesheets input[type='search'] {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important; }
  .hirer-timesheets .timesheet-mins-spans {
    right: -14px;
    bottom: -7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 10px 10px 5px;
    position: absolute;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F2F2F2;
    color: #6D7176;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important; }
    @supports (-webkit-touch-callout: none) {
      .hirer-timesheets .timesheet-mins-spans {
        padding: 15px 15px 10px 5px;
        right: -20px;
        bottom: -7px; } }
  .hirer-timesheets .timesheet-drop-down-placeholder {
    position: absolute;
    left: 10px;
    bottom: 2px; }
    @supports (-webkit-touch-callout: none) {
      .hirer-timesheets .timesheet-drop-down-placeholder {
        bottom: 5px; } }

.flat-theme .worker-referral-content-container .worker-header {
  background: #fff; }
  .flat-theme .worker-referral-content-container .worker-header .worker-avatar {
    margin: 16px;
    min-width: 128px;
    min-height: 128px;
    max-width: 128px;
    max-height: 128px;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    -ms-flex-item-align: center;
        align-self: center; }
  .flat-theme .worker-referral-content-container .worker-header .worker-name {
    text-align: center;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.87); }
  .flat-theme .worker-referral-content-container .worker-header .card-actions {
    padding: 0; }

.flat-theme .worker-referral-content-container .card-actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px; }

.flat-theme .worker-referral-content-container .powered-by-limber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.67);
  margin-top: 24px; }
  .flat-theme .worker-referral-content-container .powered-by-limber img {
    width: 16px;
    height: 16px;
    margin: 0 4px; }
  .flat-theme .worker-referral-content-container .powered-by-limber a {
    color: #0f94d7;
    font-size: 16px;
    font-weight: 600; }

.worker-sidebar-content .worker-sidebar-avatar {
  margin: 16px;
  min-width: 128px;
  min-height: 128px;
  max-width: 128px;
  max-height: 128px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  -ms-flex-item-align: center;
      align-self: center; }

.worker-sidebar-content .worker-sidebar-introduction {
  font-size: 12px;
  margin: 0 16px;
  color: rgba(0, 0, 0, 0.87); }

.worker-sidebar-content .worker-sidebar-card {
  border-bottom: 1px solid #e0e0e0; }

.worker-sidebar-content .worker-sidebar-availability {
  padding: 16px; }
  .worker-sidebar-content .worker-sidebar-availability .worker-sidebar-availability-title {
    font-size: 14px;
    color: #666; }
  .worker-sidebar-content .worker-sidebar-availability .worker-sidebar-availability-content {
    font-size: 13px;
    color: #888;
    margin-top: 8px; }
  .worker-sidebar-content .worker-sidebar-availability .worker-sidebar-availability-sent {
    font-size: 12px;
    color: #aaa; }

.worker-sidebar-content .card-expanded-section {
  max-height: none; }

.team-worker-sidebar-content .team-worker-stats-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .team-worker-sidebar-content .team-worker-stats-container .team-worker-sidebar-avatar {
    margin: 16px;
    min-width: 128px;
    min-height: 128px;
    max-width: 128px;
    max-height: 128px;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats {
    -ms-flex-item-align: center;
        align-self: center;
    padding-bottom: 30px;
    margin-top: 30px; }
    .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats .team-worker-stats-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats .team-worker-stats-text label {
        font-weight: bold; }
      .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats .team-worker-stats-text p {
        margin: 0;
        font-size: 15px; }
  .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 16px; }
    .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats-buttons-container .team-worker-stats-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 20px;
      color: #757575;
      height: 32px;
      width: 50px;
      -webkit-transition: background-color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out;
      cursor: pointer; }
    .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats-buttons-container .team-worker-stats-button:hover {
      background-color: #EBEBEB; }
    .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats-buttons-container .team-worker-stats-button-tick {
      width: 10px; }
    .team-worker-sidebar-content .team-worker-stats-container .team-worker-stats-buttons-container .material-icons {
      font-family: 'Material Icons' !important;
      font-size: 24px; }

.team-worker-sidebar-content .team-worker-sidebar-introduction {
  font-size: 12px;
  margin: 0 16px;
  color: rgba(0, 0, 0, 0.87); }

.team-worker-sidebar-content .team-worker-sidebar-card {
  border-bottom: 1px solid #e0e0e0; }

.team-worker-sidebar-content .team-worker-sidebar-availability {
  padding: 16px; }
  .team-worker-sidebar-content .team-worker-sidebar-availability .team-worker-sidebar-availability-title {
    font-size: 14px;
    color: #666; }
  .team-worker-sidebar-content .team-worker-sidebar-availability .team-worker-sidebar-availability-content {
    font-size: 13px;
    color: #888;
    margin-top: 8px; }
  .team-worker-sidebar-content .team-worker-sidebar-availability .team-worker-sidebar-availability-sent {
    font-size: 12px;
    color: #aaa; }

.team-worker-sidebar-content .card-expanded-section {
  max-height: none; }

.limber-rating-summary {
  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: center;
      -ms-flex-align: center;
          align-items: center; }

.worker-card-new-worker-section {
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.worker-card-rating-venue {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.worker-card-rating-category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  margin: 0 4px; }

.worker-card-rating-rating {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px; }

.worker-card-rating-summary {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.worker-card-summary-skills {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.worker-card-detail-title {
  color: rgba(0, 0, 0, 0.87);
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ebebeb; }

.flat-theme .worker-card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin: 0; }

.worker-endorsed-badge {
  background-color: #0f94d7;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 150px;
  margin-top: 15px; }
  .worker-endorsed-badge .material-icons {
    font-size: 18px;
    padding-bottom: 5px;
    vertical-align: middle;
    margin-right: 10px; }

.worker-multisite-desc {
  font-size: 10px;
  color: #999;
  margin-left: 16px; }

.worker-multisite-badge {
  background-color: #33c555;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 250px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  margin-bottom: 5px; }
  .worker-multisite-badge .material-icons {
    font-size: 18px;
    padding-bottom: 5px;
    vertical-align: middle;
    margin-right: 5px; }

.worker-card-title-text {
  -ms-flex-item-align: center;
      align-self: center; }

.worker-card-experience-row {
  margin: 8px 0 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb; }
  .worker-card-experience-row:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .worker-card-experience-row paragraphs p {
    margin: 0 0 8px; }
    .worker-card-experience-row paragraphs p:last-child {
      margin: 0; }
  .worker-card-experience-row .experience-period, .worker-card-experience-row .experience-comment {
    color: #999;
    font-size: 12px; }
  .worker-card-experience-row .experience-venue-name {
    color: rgba(0, 0, 0, 0.87); }

.card-expanded-section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  font-size: 12px;
  color: #999;
  padding: 0 16px 16px; }
  @media only screen and (max-width: 640px) {
    .card-expanded-section {
      max-height: none; } }

.no-show-warning {
  font-size: 18px;
  padding-right: 4px;
  color: #d70000;
  opacity: 0.8; }

.skill {
  margin: 4px 0 20px 0; }
  .skill:last-child {
    margin-bottom: 0; }

.skill-description {
  margin: 8px 0 0 0; }

.role-endorsed {
  cursor: pointer; }

.worker-card-cover-note {
  background-color: #2e343c;
  color: #ddd; }
  .worker-card-cover-note .cover-note-title {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase; }

.screening-questions-note-title {
  font-size: 11px;
  font-weight: 800;
  margin-top: 10px; }

.screening-questions-section {
  border-top: #e0e0e0 solid 1px; }

.worker-card-bio, .worker-card-training {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2px; }

.worker-video {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  padding-top: 16px; }

.worker-link {
  margin-top: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px; }
  .worker-link .worker-link-type {
    color: #2e343c; }
  .worker-link .worker-link-url {
    color: #97a4b0; }
  .worker-link i {
    color: #0f94d7;
    font-size: 20px;
    padding-right: 16px; }

.team-worker-card-categories .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.team-worker-card-categories .team-category-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  background-color: #0f94d7;
  font-family: 'CenturyGothic', sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: white;
  margin: 7px;
  padding: 9px; }

.team-worker-card-categories .team-category-title-muted {
  color: #e4e4e4;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  line-height: normal;
  padding: 0; }

.team-worker-card-categories .team-category-skills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .team-worker-card-categories .team-category-skills .team-category-skill {
    margin: 8px 8px 8px 0;
    padding: 8px;
    color: #fff;
    font-size: 12px;
    background-color: #0f94d7;
    border-radius: 18px;
    line-height: 1;
    text-align: center; }
  .team-worker-card-categories .team-category-skills .team-category-skill-etc {
    margin: 8px 8px 8px 0;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    background-color: #0f94d7;
    border-radius: 18px;
    line-height: 1;
    text-align: center; }

.team-worker-card-categories .skill-card {
  padding: 16px 16px 8px 16px; }

.team-worker-card-categories .skill-section-title {
  margin-top: 16px;
  font-size: 18px;
  font-weight: bold;
  color: #2e343c; }

.team-worker-card-categories .team-category-section-title {
  font-size: 18px;
  font-weight: bold;
  color: #0f94d7; }

.team-worker-card-categories .team-category-highlights {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 32px 32px 0 32px; }
  .team-worker-card-categories .team-category-highlights .team-category-highlight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .team-worker-card-categories .team-category-highlights .team-category-highlight .team-category-highlight-value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 18px;
      font-weight: bold;
      background-color: #e5effc;
      min-width: 50px;
      min-height: 50px;
      border-radius: 50%;
      color: #052963;
      line-height: 1; }
      .team-worker-card-categories .team-category-highlights .team-category-highlight .team-category-highlight-value .team-category-highlight-value-text {
        font-size: 10px; }
    .team-worker-card-categories .team-category-highlights .team-category-highlight .team-category-highlight-label {
      margin-top: 8px;
      font-size: 12px;
      color: #052963;
      text-transform: uppercase; }

.worker-card-view-more {
  cursor: pointer;
  text-align: right;
  color: #0f94d7;
  padding: 0 16px 16px 0; }

.wiw-theme .slash-title {
  color: #51a33d; }

.wiw-theme .slash-skills .slash-skill {
  background-color: #51a33d; }

.wiw-theme .worker-card-cover-note {
  background-color: #434446; }

.deputy-theme .slash-title {
  color: #64c6ff; }

.deputy-theme .slash-skills .slash-skill {
  background-color: #64c6ff; }

.deputy-theme .worker-card-cover-note {
  background-color: #434446; }

.team-worker-payrate-container {
  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; }
  .team-worker-payrate-container .team-worker-payrate-button-container {
    padding: 16px; }
  .team-worker-payrate-container .team-worker-payrate-container-inputs-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .team-worker-payrate-container .team-worker-payrate-container-inputs-row {
    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: 16px; }
  .team-worker-payrate-container .team-worker-payrate-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 10px;
    color: #666; }
  .team-worker-payrate-container .team-worker-payrate-warning-wrapper {
    padding-bottom: 10px; }
  .team-worker-payrate-container .team-worker-payrate-warning {
    background-color: #dc3545;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    color: white;
    border-radius: 20px;
    cursor: pointer; }
    .team-worker-payrate-container .team-worker-payrate-warning span {
      font-size: 12px; }
  .team-worker-payrate-container .team-worker-payrate-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold; }
  .team-worker-payrate-container .button-minus, .team-worker-payrate-container .button-plus {
    background-color: #0f94d7;
    font-weight: bold;
    height: 25px;
    padding: 0;
    width: 25px;
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    color: #fff;
    border-width: 0px;
    border-radius: 20px; }
  .team-worker-payrate-container .quantity-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    height: 25px;
    padding: 0;
    width: 90px;
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    text-align: center;
    border-width: 0px;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .team-worker-payrate-container .quantity-field-prefix {
    font-weight: 500;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding-left: 10px; }
  .team-worker-payrate-container .quantity-field-input {
    height: 25px;
    padding: 0;
    width: 65px;
    position: relative;
    text-align: center;
    border-width: 0px;
    border-radius: 20px; }

.team-worker-categories-container {
  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;
  padding-bottom: 20px; }
  .team-worker-categories-container .team-worker-categories-container-inputs-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .team-worker-categories-container .team-worker-categories-container-inputs-row {
    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;
    padding-left: 16px; }
  .team-worker-categories-container .team-worker-categories-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px;
    color: #666; }
  .team-worker-categories-container .team-worker-catagory-container {
    padding: 3px; }
  .team-worker-categories-container .team-worker-category {
    background-color: #CCCCCC; }
  .team-worker-categories-container .team-worker-category-not-member {
    background-color: #EBEBEB; }
  .team-worker-categories-container .category-pill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    color: #020000;
    height: 32px;
    width: auto;
    min-width: 50px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    cursor: pointer; }
  .team-worker-categories-container .material-icons {
    font-family: 'Material Icons' !important; }
  .team-worker-categories-container .team-worker-category-text {
    font-size: 13px;
    padding-left: 5px; }
  .team-worker-categories-container .team-worker-category-text-not-member {
    font-size: 13px; }

.team-worker-submit-container {
  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;
  padding-bottom: 10px; }
  .team-worker-submit-container .team-worker-submit-button-container {
    padding: 16px; }
  .team-worker-submit-container .team-worker-submit-container-inputs-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .team-worker-submit-container .team-worker-submit-container-inputs-row-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px; }
    .team-worker-submit-container .team-worker-submit-container-inputs-row-button .button-primary {
      background-color: #0f94d7;
      border: none;
      color: #fff;
      height: 25px;
      width: 90px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
      -webkit-transition: background-color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out; }
    .team-worker-submit-container .team-worker-submit-container-inputs-row-button .button-primary:disabled {
      background-color: gray;
      color: #fff;
      height: 25px;
      width: 90px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
      -webkit-transition: background-color 0.25s ease-in-out;
      transition: background-color 0.25s ease-in-out; }
    .team-worker-submit-container .team-worker-submit-container-inputs-row-button .loader {
      border: 2px solid #d6d6d6;
      /* Light grey */
      border-top: 4px solid #1094d7;
      /* Blue */
      border-radius: 50%;
      width: 10px;
      height: 10px;
      -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite; }
    .team-worker-submit-container .team-worker-submit-container-inputs-row-button .loader-wrapper {
      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-line-pack: center;
          align-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 5px; }
    .team-worker-submit-container .team-worker-submit-container-inputs-row-button .loader-inline {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 5px;
      border-width: 1px;
      border-color: #ddd;
      border-top-width: 2px;
      border-top-color: #999;
      vertical-align: middle; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.tips-range-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.week-commencing-text {
  margin-left: 8px; }

.tips-content {
  width: 100%;
  min-width: 1080px;
  min-height: 300px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.modal-message {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.tips-container {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 40px;
  background: #fff;
  max-width: 1200px; }
  .tips-container .error-row {
    width: 200px;
    text-wrap: wrap;
    line-height: 20px !important; }
  .tips-container .error-message {
    display: block;
    width: 100%; }
  .tips-container .errorDataContainer {
    min-height: 100px;
    max-height: 600px;
    width: 100%;
    margin-bottom: 20px; }
  .tips-container .chargeableDataContainer {
    min-height: 100px;
    max-height: 600px;
    width: 100%;
    margin-bottom: 20px; }
  .tips-container .tips-upload-container {
    width: 100%;
    height: 200px;
    border: 1px dashed #9797976e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    border-radius: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tips-container .tips-upload-container .upload-button {
      border: 1px solid #9797976e;
      border-radius: 10px;
      max-height: 35px;
      padding: 10px; }
  .tips-container .flex-error {
    display: inline-block;
    position: absolute;
    top: -20px; }
    .tips-container .flex-error .badge {
      display: inline-block;
      padding: 0.25em 0.4em;
      font-size: 75%;
      font-weight: bold;
      line-height: 1;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      border-radius: 0.25rem;
      -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
    .tips-container .flex-error .badge-danger {
      color: #fff;
      background-color: #dc3545; }
  .tips-container .field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 75px;
    position: relative; }
  .tips-container .tips-selection-title {
    min-width: 110px; }
  .tips-container .tips-date-range {
    width: 100%; }
  .tips-container .tips-week-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .tips-container .tips-range-fields {
    margin-left: 10px;
    margin-right: 10px; }
  .tips-container .tips-export-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .tips-container .loading-container {
    width: 100%;
    height: 100%;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center; }
  .tips-container .action-container.center-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .tips-container .action-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .tips-container .action-container .action-button {
      height: 50px; }
  .tips-container .button {
    height: 36px;
    line-height: 36px;
    font-family: inherit;
    border-radius: 18px;
    padding: 0 0.5rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    max-width: 100%; }
    .tips-container .button:disabled {
      cursor: not-allowed; }
  .tips-container .button-primary {
    font-size: 1.2em;
    color: #fff;
    border: none;
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out; }
  .tips-container .button.shift-submit {
    margin-top: 20px;
    margin-left: 20px;
    border-radius: 10px; }
  .tips-container .button-primary:hover {
    background-color: #0d84bf; }
  .tips-container .input {
    height: 28px;
    line-height: 28px;
    font-family: inherit;
    border: none;
    min-height: 35px;
    padding: 0 1rem;
    background: #fff;
    color: #333;
    margin-bottom: 0; }
  .tips-container .input-start {
    border-right: solid 1px #9797976e !important;
    border-left: solid 1px #9797976e !important;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    min-width: 150px; }
  .tips-container .input-end {
    border-left: solid 1px #9797976e !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 8px 4px 14px 0px #9797976e;
            box-shadow: 8px 4px 14px 0px #9797976e;
    min-width: 150px; }

.cost-breakdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .cost-breakdown-container .cost-breakdown {
    margin: 2em 0;
    display: inline-block;
    max-width: 644px;
    width: 80vw;
    min-width: 400px; }
    .cost-breakdown-container .cost-breakdown .cost-breakdown-summary {
      font-size: 1.1rem;
      font-weight: bold;
      display: inline-block; }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-summary .vat-summary {
        margin-left: 10px; }
      @media (min-width: 500px) {
        .cost-breakdown-container .cost-breakdown .cost-breakdown-summary {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-summary > span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-summary .icon {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 10px;
                flex: 0 0 10px; }
        @media (max-width: 500px) {
          .cost-breakdown-container .cost-breakdown .cost-breakdown-summary .icon {
            margin-left: 15px;
            display: inline-block; } }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-summary:hover {
        cursor: pointer; }
    .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0.3rem 0; }
      @media (min-width: 500px) {
        .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl {
          width: 100%; } }
      @media (max-width: 500px) {
        .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl {
          width: 85vw; } }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl.total {
        font-weight: bold;
        font-size: 1.1rem; }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl dt {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0;
        display: inline-block;
        min-width: 200px; }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl dd {
        text-align: right;
        padding: 0; }
        @media (max-width: 500px) {
          .cost-breakdown-container .cost-breakdown .cost-breakdown-contents dl dd {
            display: inline-block;
            margin-left: 15px; } }
    .cost-breakdown-container .cost-breakdown .cost-breakdown-contents .learn-more {
      margin-top: 1rem;
      font-weight: bold;
      text-decoration: underline; }
      @media (min-width: 500px) {
        .cost-breakdown-container .cost-breakdown .cost-breakdown-contents .learn-more {
          text-align: right; } }
      .cost-breakdown-container .cost-breakdown .cost-breakdown-contents .learn-more a {
        color: inherit; }

.tips-tabs {
  background-color: #0f94d7;
  color: #fff; }
  .tips-tabs .MuiTabs-indicator {
    background-color: #fff !important; }
  .tips-tabs .MuiTab-textColorInherit {
    min-width: 300px; }
  .tips-tabs .MuiTabs-flexContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .tips-tabs .MuiTabs-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 1080px; }

.app-update-container {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .app-update-container .app-update-container-header {
    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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
    background-color: #0f94d7;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%; }
    .app-update-container .app-update-container-header .app-update-container-header-text {
      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: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 15px; }
      .app-update-container .app-update-container-header .app-update-container-header-text .app-update-header-text-header {
        padding: 10px 20px 0px 20px;
        color: white;
        font-size: 28px;
        text-align: center;
        line-height: 25px !important; }
      .app-update-container .app-update-container-header .app-update-container-header-text .app-update-header-text-paragraph {
        color: white;
        padding: 0px 20px 0px 20px;
        text-align: center;
        font-size: 16px;
        width: 75%; }
    .app-update-container .app-update-container-header .app-update-container-header-image {
      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: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (min-width: 810px) {
        .app-update-container .app-update-container-header .app-update-container-header-image .app-update-container-img {
          height: 255px;
          width: 380px; } }
  .app-update-container .app-update-footer {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px 0px 5px 0px;
    width: 100%;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; }

.carousel-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 640px) {
    .carousel-container {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }
  .carousel-container .carousel-container-inner {
    width: 385px;
    height: 700px;
    overflow: visible;
    position: relative; }
    @media only screen and (max-width: 640px) {
      .carousel-container .carousel-container-inner {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        width: auto;
        height: auto;
        overflow: hidden; } }
    .carousel-container .carousel-container-inner .carousel-content {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
      color: #fff;
      border-radius: 4px;
      -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
              box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
      background-color: #0f94d7;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media only screen and (max-width: 640px) {
        .carousel-container .carousel-container-inner .carousel-content {
          border-radius: 0; } }
      .carousel-container .carousel-container-inner .carousel-content .carousel-slider {
        -webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms;
        overflow: visible;
        width: 100%; }
      .carousel-container .carousel-container-inner .carousel-content .item {
        min-width: 100%; }
      .carousel-container .carousel-container-inner .carousel-content .item-image {
        background-color: #eaeaea;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain; }
        .carousel-container .carousel-container-inner .carousel-content .item-image img {
          width: auto; }
      .carousel-container .carousel-container-inner .carousel-content .slide-text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 16px 16px 0 16px; }
        .carousel-container .carousel-container-inner .carousel-content .slide-text h2 {
          font-size: 24px;
          margin: 0; }
        .carousel-container .carousel-container-inner .carousel-content .slide-text p {
          font-size: 16px;
          line-height: 24px;
          min-height: 88px;
          padding: 0;
          margin: 8px 0 0 0; }
          @media only screen and (max-width: 640px) {
            .carousel-container .carousel-container-inner .carousel-content .slide-text p {
              font-size: 15px; } }
        .carousel-container .carousel-container-inner .carousel-content .slide-text h2, .carousel-container .carousel-container-inner .carousel-content .slide-text p {
          text-align: center;
          color: #fff; }
      .carousel-container .carousel-container-inner .carousel-content .get-started-btn {
        background: #2e343c !important; }
      .carousel-container .carousel-container-inner .carousel-content .dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row;
        margin-top: 24px;
        margin-bottom: 24px; }
        .carousel-container .carousel-container-inner .carousel-content .dots .dot {
          cursor: pointer; }
          .carousel-container .carousel-container-inner .carousel-content .dots .dot span {
            width: 8px;
            height: 8px;
            margin: 5px 5px;
            background: #2e343c;
            display: block;
            -webkit-backface-visibility: visible;
            -webkit-transition: opacity 200ms ease;
            transition: opacity 200ms ease;
            border-radius: 30px; }
        .carousel-container .carousel-container-inner .carousel-content .dots .active span {
          background: #fff; }
    .carousel-container .carousel-container-inner .prev, .carousel-container .carousel-container-inner .next {
      position: absolute;
      background-color: #EAEAEA;
      width: 32px;
      height: 32px;
      top: 50%;
      margin-top: -16px;
      border-radius: 50%;
      line-height: 32px;
      cursor: pointer;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0;
      border: none;
      -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
              box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); }
      .carousel-container .carousel-container-inner .prev i, .carousel-container .carousel-container-inner .next i {
        color: #2e343c; }
    .carousel-container .carousel-container-inner .prev {
      left: -80px; }
      @media only screen and (max-width: 640px) {
        .carousel-container .carousel-container-inner .prev {
          display: none; } }
    .carousel-container .carousel-container-inner .next {
      right: -80px; }
      @media only screen and (max-width: 640px) {
        .carousel-container .carousel-container-inner .next {
          display: none; } }

.currency-fancy .currency-symbol {
  font-size: 0.8em; }

.currency-fancy .currency-minor {
  font-size: 0.5em; }

.environment-banner {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 50%;
  margin-left: -35px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 10px;
  padding: 2px; }

.google-map {
  display: block; }

.horizontal-scroll-list .scroll-list-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0 8px 0; }

.horizontal-scroll-list .scroll-list-button {
  background-color: #fff;
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-top: -16px;
  border-radius: 50%;
  line-height: 32px;
  cursor: pointer;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: none;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.87); }
  .horizontal-scroll-list .scroll-list-button:last-child {
    margin-right: 0; }
  .horizontal-scroll-list .scroll-list-button:disabled {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.2);
    cursor: default; }
  @media only screen and (max-width: 640px) {
    .horizontal-scroll-list .scroll-list-button {
      display: none; } }

.horizontal-scroll-list .scroll-list {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms; }
  @media only screen and (max-width: 640px) {
    .horizontal-scroll-list .scroll-list {
      overflow-x: auto;
      padding: 0 16px;
      margin: 0 -16px; }
      .horizontal-scroll-list .scroll-list::after {
        display: block;
        content: ' ';
        min-width: 16px; } }