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

.uk-alert {
    border: none;
    background: #1976d2;
    color: #fff;
    text-shadow: none;
    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: none;
    border-radius: 2px;
    text-shadow: none;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    white-space: nowrap
}

.uk-badge a {
    color: #fff!important
}

.uk-badge-default {
    background: #9e9e9e;
    color: #fff
}

.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-large {
    font-size: 13px;
    line-height: 16px;
    padding: 4px 8px
}

.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-badge-inline {
    vertical-align: 2px
}

.uk-badge-group {
    overflow: hidden
}

.uk-badge-group .uk-badge {
    float: left;
    display: block;
    margin: 0 4px 4px 0
}

.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 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.uk-modal-no-backdrop {
    background: 0 0
}

.uk-modal-dialog {
    border-radius: 2px;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    padding: 10px;
    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;
    -webkit-box-shadow: none;
    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-modal-dialog .uk-modal-footer {
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    /* 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:after {
    clear: both
}

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

.uk-modal-dialog .uk-modal-footer:after {
    clear: both
}

.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;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    border: none;
    z-index: 10
}

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

.uk-modal-card-fullscreen {
    height: calc(100% + 2em);
    /* 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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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-modal .uk-modal-aside {
    padding: 16px 32px 32px
}

.uk-dropdown {
    -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: 50% 0!important;
    transform-origin: 50% 0!important;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border: none;
    border-radius: 2px
}

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

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

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

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

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

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

.uk-dropdown>ul>li.uk-active>a {
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #212121;
    background: rgba(153, 153, 153, .2)
}

fieldset {
    border: none;
    margin: 0
}

fieldset+* {
    margin-top: 15px
}

.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 {
    -webkit-box-sizing: border-box;
    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
}

.uk-form-row {
    -webkit-transition: all .2s ease-out;
    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 0;
    font-style: italic
}

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

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

.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
}

[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%;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    padding: 0 5px;
    font-size: 16px;
    min-width: 22px
}

.uk-input-group-addon:hover {
    font-size: 24px;
}

.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-nav-header {
    color: #727272;
    font-weight: 400
}

.uk-nav-divider {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-color: rgba(0, 0, 0, .12)
}

.uk-nav-divider+.uk-nav-header {
    margin-top: 0
}

.uk-nav-label {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 8px
}

.uk-nav-side>li>a {
    font-weight: 500;
    line-height: 22px
}

.uk-nav-side>li>a>i {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: -7px
}

.uk-nav-side>li>a:focus,
.uk-nav-side>li>a:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.uk-nav-side>li.uk-active>a {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.uk-nav-side>li.uk-active>a,
.uk-nav-side>li.uk-active>a>i {
    color: #7cb342
}

.uk-nav-side>li li a {
    text-shadow: none;
    color: #212121
}

.uk-nav-side ul.uk-nav-sub {
    padding-top: 0;
    padding-left: 24px
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: none;
    color: #212121;
    border-radius: 4px
}

.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 td {
    border-bottom-color: rgba(0, 0, 0, .12)
}

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

.uk-table-nowrap td,
.uk-table-nowrap th {
    white-space: nowrap
}

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

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

.uk-table .uk-table {
    margin-bottom: 0
}

.uk-table .uk-table tr:last-child td {
    border-bottom: none
}

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

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

.uk-subnav-pill>*>* {
    color: #1e88e5;
    font-weight: 600;
}

.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: 600;
    color: #727272;
    font-size: 16px;
}


.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-striped tbody tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, .085)
}

.uk-table-hover tbody tr:hover {
    background: #adddff
}

.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-small {
    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-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;
    opacity: 1
}

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

.uk-close:after {
    opacity: 1!important;
    color: #727272;
    content: '\e5cd';
    font-family: "Material Icons"
}

.uk-float-none {
    float: none!important
}

.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 5px 15px;
    background: #f5f5f5;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px
}

.uk-accordion-content {
    padding: 0 15px 15px 15px
}

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

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

.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-family: "Material Icons";
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    color: #727272;
    -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-dotnav>* {
    -ms-flex: none;
    -webkit-box-flex: 0;
    flex: none;
    padding-left: 15px;
    margin-top: 15px
}

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

.uk-dotnav:after {
    clear: both
}

.uk-dotnav>* {
    float: left
}

.uk-dotnav>*>* {
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(50, 50, 50, .1);
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.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);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.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 {
    background: rgba(255, 255, 255, .9)
}

.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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: #f5f5f5;
    overflow: hidden;
    line-height: 20px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
    border-radius: 4px
}

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

.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #00a8e6;
    float: left;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
    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-success .uk-progress-bar {
    background-color: #8cc14c
}

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

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

.uk-progress-striped .uk-progress-bar {
    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 {
    -webkit-box-shadow: none;
    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 {
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, .06);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

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

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

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    height: 41px;
    padding: 0 15px;
    line-height: 40px;
    color: #444;
    font-size: 11px;
    cursor: pointer;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    text-shadow: 0 1px 0 #fff
}

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

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

.uk-htmleditor-navbar-nav>li.uk-active>a {
    background-color: #fafafa;
    color: #444;
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1);
    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 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    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: 990
}

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

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

.uk-htmleditor-code,
.uk-htmleditor-preview {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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
}

[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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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
}

.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 {
    background: #ebebeb
}

.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 {
    z-index: 1154
}

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

.uk-htmleditor-fullscreen .uk-htmleditor-content {
    top: 38px
}

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

.uk-form-file input[type=file] {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    font-size: 500px
}

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

.uk-file-upload {
    width: 100%;
    padding: 32px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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 {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    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;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    font-size: 500px
}

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

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

.uk-form-select select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    -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-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;
    max-height: 210px
}

[data-uk-autocomplete] .uk-dropdown {
    width: 100%;
    -webkit-box-sizing: border-box;
    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 a,
.uk-nestable img {
    -webkit-touch-callout: none
}

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

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

.uk-nestable-item+.uk-nestable-item {
    margin-top: 10px
}

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

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

.uk-nestable-placeholder {
    position: relative
}

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

.uk-nestable-placeholder:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px dashed #ddd;
    opacity: 1
}

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

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

.uk-nestable-handle:hover {
    cursor: move
}

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

.uk-nestable-moving iframe {
    pointer-events: none
}

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

.uk-nestable-toggle {
    display: inline-block;
    visibility: hidden
}

.uk-nestable-toggle:after {
    content: "\f147";
    font-family: FontAwesome
}

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

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

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

.uk-nestable-panel {
    padding: 5px;
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .06);
    text-shadow: 0 1px 0 #fff
}

.uk-nestable-handle {
    margin-right: 16px
}

.uk-nestable-panel {
    padding: 8px 16px;
    background: #fff;
    border-radius: 4px;
    border: none;
    text-shadow: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    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 {
    font-size: 18px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 8px;
    display: none
}

.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;
    top: 10px;
    left: 10px;
    z-index: 9999999999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px
}

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

.uk-notify-bottom-center,
.uk-notify-top-center {
    left: 50%;
    margin-left: -175px
}

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

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

.uk-notify-message {
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
    background: #444;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #444;
    border-radius: 4px
}

.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 {
    background: #f2fae3;
    color: #659f13;
    border-color: rgba(101, 159, 19, .3)
}

.uk-notify-message-warning {
    background: #fffceb;
    color: #e28327;
    border-color: rgba(226, 131, 39, .3)
}

.uk-notify-message-danger {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216, 80, 48, .3)
}

.uk-notify {
    z-index: 9999999999999;
    width: 400px;
    top: 56px;
    max-width: 100%
}

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

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

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

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

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

.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-info,
.uk-notify-message-success,
.uk-notify-message-warning {
    color: #fff
}

.uk-notify-message-danger .notify-action,
.uk-notify-message-info .notify-action,
.uk-notify-message-success .notify-action,
.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-top-left,
    .sidebar_main_open .uk-notify-top-left {
        left: 256px
    }
    .sidebar_main_active .uk-notify-top-center,
    .sidebar_main_open .uk-notify-top-center {
        margin-left: -80px
    }
    .sidebar_main_active .uk-notify-bottom-left,
    .sidebar_main_open .uk-notify-bottom-left {
        left: 256px
    }
    .sidebar_main_active .uk-notify-bottom-center,
    .sidebar_main_open .uk-notify-bottom-center {
        margin-left: -80px
    }
}

.uk-slideshow {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    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-fullscreen,
.uk-slideshow-fullscreen>li {
    height: 100vh
}

.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:not(.uk-grid) {
    margin: 0;
    padding: 0;
    list-style: none
}

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

.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 img {
    pointer-events: none
}

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

.uk-slider .uk-active .md-card {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgba(50, 50, 50, .4);
    font-size: 60px;
    text-align: center
}

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

.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 {
    position: relative
}

.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;
    z-index: 1030;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    background: #333;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-tooltip:after {
    content: "";
    display: block;
    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-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;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #333
}

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

.uk-tooltip {
    background: #424242;
    color: #fff;
    font-size: 13px;
    padding: 3px 16px;
    line-height: 22px;
    text-shadow: none;
    min-width: 80px;
    text-align: center;
    z-index: 1304;
    opacity: 0
}

.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
}

.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-tooltip-top {
    z-index: 9999
}

.touch .uk-tooltip {
    opacity: 1
}

.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 {
    font-size: 13px;
    text-transform: uppercase;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 1px;
    text-shadow: none
}

.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-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;
    border-bottom: none;
    text-align: right;
    top: auto;
    bottom: auto
}

.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;
    border-bottom: none;
    text-align: left;
    top: auto;
    bottom: auto
}

.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
}

.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-text-truncate {
    display: block
}

.uk-sortable {
    position: relative
}

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

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

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

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

.uk-sortable-placeholder {
    opacity: 0
}

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

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

.uk-sortable-handle:hover {
    cursor: move
}

.uk-sortable-moving,
.uk-sortable-moving * {
    cursor: move
}

.uk-sortable-moving iframe {
    pointer-events: none
}

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

.uk-sortable.sortable-handler>* {
    cursor: move
}

.uk-sortable .sortable-handler {
    cursor: move
}

.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-list-wrapper-content>span {
    display: block
}

.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 {
    -webkit-box-shadow: none;
    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.48670779px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 172.59910039px, 210.48670779px;
        stroke-dashoffset: 0
    }
    100% {
        stroke-dasharray: 1 210.48670779px;
        stroke-dashoffset: -172.59910039px
    }
}

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

.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;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    padding: 8px;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.timeline:before {
    position: absolute;
    left: 29px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: rgba(0, 0, 0, .085);
    content: '';
    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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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;
    padding-left: 4px
}

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

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

.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
}

@media only screen and (min-width:768px) {
    .timeline.timeline-center {
        padding: 8px 0
    }
    .timeline.timeline-center:before {
        left: 50%;
        margin-left: -2px
    }
    .timeline.timeline-center .timeline_item {
        padding: 24px 0;
        width: 50%
    }
    .timeline.timeline-center .timeline_item .timeline_date {
        position: absolute;
        float: none;
        white-space: nowrap;
        padding-top: 6px;
        margin-right: 0
    }
    .timeline.timeline-center .timeline_item .timeline_date span {
        display: inline
    }
    .timeline.timeline-center .timeline_item .timeline_content {
        padding: 16px 24px;
        background: #fff;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
        border-radius: 4px;
        position: relative;
        overflow: visible
    }
    .timeline.timeline-center .timeline_item .timeline_content_addon {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        max-width: 100%;
        margin-top: 0
    }
    .timeline.timeline-center .timeline_item .timeline_content_info {
        display: block;
        font-size: 13px;
        color: #727272;
        padding-bottom: 10px
    }
    .timeline.timeline-center .timeline_item .timeline_content:after,
    .timeline.timeline-center .timeline_item .timeline_content:before {
        position: absolute;
        content: '';
        display: block;
        border: 8px solid transparent;
        top: 6px
    }
    .timeline.timeline-center .timeline_item:nth-child(even) {
        margin-left: 50%
    }
    .timeline.timeline-center .timeline_item:nth-child(even) .timeline_icon {
        left: -22px
    }
    .timeline.timeline-center .timeline_item:nth-child(even) .timeline_content {
        margin-left: 40px
    }
    .timeline.timeline-center .timeline_item:nth-child(even) .timeline_content:before {
        left: -16px;
        border-right-color: rgba(0, 0, 0, .1)
    }
    .timeline.timeline-center .timeline_item:nth-child(even) .timeline_content:after {
        left: -15px;
        border-right-color: #fff
    }
    .timeline.timeline-center .timeline_item:nth-child(even) .timeline_date {
        right: 100%;
        padding-right: 40px
    }
    .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_icon {
        left: auto;
        right: -22px
    }
    .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_date {
        left: 100%;
        padding-left: 40px
    }
    .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content {
        margin-right: 40px
    }
    .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content:before {
        right: -16px;
        border-left-color: rgba(0, 0, 0, .1)
    }
    .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content:after {
        right: -15px;
        border-left-color: #fff
    }
    .timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content_addon {
        display: inline-block
    }
}

.grid_view>*,
.list_view>* {
    -webkit-transition: all 120ms cubic-bezier(.4, 0, .2, 1);
    transition: all 120ms cubic-bezier(.4, 0, .2, 1)
}

.grid_view.uk-grid-medium {
    margin-top: -32px
}

.grid_view.uk-grid-small {
    margin-top: -5px
}

.list_view {
    margin-left: 0!important
}

.list_view>div,
.list_view>li {
    width: 100%!important;
    margin: 0!important;
    padding: 0!important
}

.list_view>div .md-card,
.list_view>li .md-card {
    overflow: hidden
}

.list_view>div .md-card-head,
.list_view>li .md-card-head {
    float: left;
    border: none;
    width: 200px
}

.list_view>div .md-card-content,
.list_view>li .md-card-content {
    overflow: hidden
}

.list_view>div+div,
.list_view>li+li {
    border-top: 1px solid #ededed;
    margin: 0!important
}

.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;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    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-align: center;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease;
    color: #212121;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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 {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    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;
    bottom: 0;
    display: block;
    content: '';
    border: 2px solid rgba(0, 0, 0, .4);
    border-radius: 2px
}

.md-btn-flat {
    -webkit-box-shadow: none!important;
    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;
    -webkit-box-shadow: none!important;
    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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    color: #727272;
    display: block;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    border: none;
    position: relative;
    text-align: center;
    cursor: pointer
}

.md-fab:active,
.md-fab:focus,
.md-fab:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    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 {
    background: #7cb342
}

.md-fab.md-fab-accent>i {
    color: #fff
}

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

.md-fab.md-fab-success>i {
    color: #fff
}

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

.md-fab.md-fab-danger>i {
    color: #fff
}

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

.md-fab.md-fab-primary>i {
    color: #fff
}

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

.md-fab.md-fab-warning>i {
    color: #fff
}

.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: 0px;
    right: 0px;
    padding: 20px;
    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 {
        position: fixed;
        bottom: 0px;
        right: 0px; 
        padding: 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: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 50ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .1s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 150ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .2s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 250ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .3s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .3s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 350ms;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s;
    transition: opacity .1s cubic-bezier(.4, 0, .2, 1) .4s, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -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-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) .4s
}

.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab {
    display: inline-block;
    vertical-align: bottom
}

.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small {
    display: none;
    min-height: 48px;
    width: auto;
    z-index: -1;
    white-space: nowrap;
    padding-bottom: 8px;
    vertical-align: bottom;
    position: static;
    right: auto;
    bottom: auto
}

.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
    position: static;
    right: auto;
    display: inline-block;
    vertical-align: bottom
}

.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small+.md-fab-small {
    margin-left: 16px
}

.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
    margin-right: 16px
}

.md-fab-speed-dial-horizontal[data-fab-hover].md-fab-over .md-fab-wrapper-small {
    display: inline-block
}

.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small {
    margin-left: 8px;
    position: static;
    display: none;
    bottom: auto;
    right: auto
}

.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
    position: static;
    bottom: auto
}

.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small+.md-fab-small {
    margin-top: 16px
}

.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
    margin-bottom: 16px
}

.md-fab-speed-dial[data-fab-hover].md-fab-over .md-fab-wrapper-small {
    display: block
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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-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 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 4px
}

.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-fab-sheet>i {
    cursor: pointer
}

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

.md-fab-sheet-actions>a {
    display: block;
    opacity: 0;
    padding: 4px 16px;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 4px
}

.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;
    position: relative;
    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-bg-white {
    background: #fff!important
}

.md-card {
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 2px 3px rgba(0, 0, 0, .24);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 2px 3px rgba(0, 0, 0, .24);
    border-width: 4px;
    border-left: outset;
}

.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: zpx; */
    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:after {
    clear: both
}

.md-card .md-card-toolbar:after,
.md-card .md-card-toolbar:before {
    content: " ";
    display: table
}

.md-card .md-card-toolbar:after {
    clear: both
}

.md-card .md-card-toolbar-heading-text {
    font: 500 14px/50px Roboto, sans-serif;
    color: #212121;
    margin: 0 6px;
    float: left;
    overflow: hidden;
    min-height: 50px !important
}

.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%;
    -webkit-box-sizing: border-box;
    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;
    position: relative;
    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:not(.listNavSelector) {
    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-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .65)), to(rgba(0, 0, 0, 0)));
    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: 10px
}

.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-activate {
    cursor: pointer
}

.md-card.md-card-fullscreen {
    position: fixed;
    z-index: 9998;
    overflow-x: hidden;
    cursor: default
}

.md-card.md-card-fullscreen .md-card-fullscreen-activate {
    display: none
}

.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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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-gradient(linear, left bottom, left top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
    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:after {
    clear: both
}

.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:after {
    clear: both
}

.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;
    -webkit-box-sizing: border-box;
    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
}

.md-card.md-card-hover:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.uk-sortable-dragged .md-card {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    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-card-horizontal {
    position: relative;
    min-height: 200px
}

.md-card-horizontal:after,
.md-card-horizontal:before {
    content: " ";
    display: table
}

.md-card-horizontal:after {
    clear: both
}

.md-card-horizontal:after,
.md-card-horizontal:before {
    content: " ";
    display: table
}

.md-card-horizontal:after {
    clear: both
}

.md-card-horizontal-grid {
    min-height: auto
}

.md-card-horizontal .md-card-head {
    border-right: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none;
    width: 200px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .md-card-horizontal .md-card-head {
        width: 140px
    }
}

.md-card-horizontal .md-card-head-grid {
    border-right: 1px solid rgba(0, 0, 0, .12)
}

.md-card-horizontal .md-card-head-menu {
    right: auto;
    left: 8px
}

.md-card-horizontal .md-card-content {
    margin-left: 200px
}

@media only screen and (max-width:767px) {
    .md-card-horizontal .md-card-content {
        margin-left: 140px
    }
}

.md-card-horizontal .md-card-content-grid {
    padding: 16px
}

.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 {
    -webkit-box-sizing: border-box;
    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 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 {
    padding: 0;
    margin: 0;
    list-style: none
}

.md-card-list-wrapper .md-card-list>ul>li {
    min-height: 34px;
    padding: 8px 16px;
    font-size: 13px;
    -webkit-transition: background 150ms, padding .2s;
    transition: background 150ms, padding .2s;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    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:after {
    clear: both
}

.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:after {
    clear: both
}

.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:999px) {
    .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:999px) {
    .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;
    clear: both;
    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=search],
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 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    font: 400 15px/18px Roboto, sans-serif;
    -webkit-box-shadow: inset 0 -1px 0 transparent;
    box-shadow: inset 0 -1px 0 transparent;
    -webkit-box-sizing: border-box;
    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 !important
}

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=search]: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
}

input:not([type]).md-input.inverted-colors,
input[type=color].md-input.inverted-colors,
input[type=date].md-input.inverted-colors,
input[type=datetime-local].md-input.inverted-colors,
input[type=datetime].md-input.inverted-colors,
input[type=email].md-input.inverted-colors,
input[type=month].md-input.inverted-colors,
input[type=number].md-input.inverted-colors,
input[type=password].md-input.inverted-colors,
input[type=search].md-input.inverted-colors,
input[type=tel].md-input.inverted-colors,
input[type=text].md-input.inverted-colors,
input[type=time].md-input.inverted-colors,
input[type=url].md-input.inverted-colors,
input[type=week].md-input.inverted-colors,
select.md-input.inverted-colors,
textarea.md-input.inverted-colors {
    color: #fff;
    border-bottom-color: #fff
}

input:not([type]).md-input.inverted-colors::-webkit-input-placeholder,
input[type=color].md-input.inverted-colors::-webkit-input-placeholder,
input[type=date].md-input.inverted-colors::-webkit-input-placeholder,
input[type=datetime-local].md-input.inverted-colors::-webkit-input-placeholder,
input[type=datetime].md-input.inverted-colors::-webkit-input-placeholder,
input[type=email].md-input.inverted-colors::-webkit-input-placeholder,
input[type=month].md-input.inverted-colors::-webkit-input-placeholder,
input[type=number].md-input.inverted-colors::-webkit-input-placeholder,
input[type=password].md-input.inverted-colors::-webkit-input-placeholder,
input[type=search].md-input.inverted-colors::-webkit-input-placeholder,
input[type=tel].md-input.inverted-colors::-webkit-input-placeholder,
input[type=text].md-input.inverted-colors::-webkit-input-placeholder,
input[type=time].md-input.inverted-colors::-webkit-input-placeholder,
input[type=url].md-input.inverted-colors::-webkit-input-placeholder,
input[type=week].md-input.inverted-colors::-webkit-input-placeholder,
select.md-input.inverted-colors::-webkit-input-placeholder,
textarea.md-input.inverted-colors::-webkit-input-placeholder {
    color: #fff
}

input:not([type]).md-input.inverted-colors::-moz-placeholder,
input[type=color].md-input.inverted-colors::-moz-placeholder,
input[type=date].md-input.inverted-colors::-moz-placeholder,
input[type=datetime-local].md-input.inverted-colors::-moz-placeholder,
input[type=datetime].md-input.inverted-colors::-moz-placeholder,
input[type=email].md-input.inverted-colors::-moz-placeholder,
input[type=month].md-input.inverted-colors::-moz-placeholder,
input[type=number].md-input.inverted-colors::-moz-placeholder,
input[type=password].md-input.inverted-colors::-moz-placeholder,
input[type=search].md-input.inverted-colors::-moz-placeholder,
input[type=tel].md-input.inverted-colors::-moz-placeholder,
input[type=text].md-input.inverted-colors::-moz-placeholder,
input[type=time].md-input.inverted-colors::-moz-placeholder,
input[type=url].md-input.inverted-colors::-moz-placeholder,
input[type=week].md-input.inverted-colors::-moz-placeholder,
select.md-input.inverted-colors::-moz-placeholder,
textarea.md-input.inverted-colors::-moz-placeholder {
    color: #fff
}

input:not([type]).md-input.inverted-colors:-ms-input-placeholder,
input[type=color].md-input.inverted-colors:-ms-input-placeholder,
input[type=date].md-input.inverted-colors:-ms-input-placeholder,
input[type=datetime-local].md-input.inverted-colors:-ms-input-placeholder,
input[type=datetime].md-input.inverted-colors:-ms-input-placeholder,
input[type=email].md-input.inverted-colors:-ms-input-placeholder,
input[type=month].md-input.inverted-colors:-ms-input-placeholder,
input[type=number].md-input.inverted-colors:-ms-input-placeholder,
input[type=password].md-input.inverted-colors:-ms-input-placeholder,
input[type=search].md-input.inverted-colors:-ms-input-placeholder,
input[type=tel].md-input.inverted-colors:-ms-input-placeholder,
input[type=text].md-input.inverted-colors:-ms-input-placeholder,
input[type=time].md-input.inverted-colors:-ms-input-placeholder,
input[type=url].md-input.inverted-colors:-ms-input-placeholder,
input[type=week].md-input.inverted-colors:-ms-input-placeholder,
select.md-input.inverted-colors:-ms-input-placeholder,
textarea.md-input.inverted-colors:-ms-input-placeholder {
    color: #fff
}

input:not([type]).md-input.inverted-colors:-moz-placeholder,
input[type=color].md-input.inverted-colors:-moz-placeholder,
input[type=date].md-input.inverted-colors:-moz-placeholder,
input[type=datetime-local].md-input.inverted-colors:-moz-placeholder,
input[type=datetime].md-input.inverted-colors:-moz-placeholder,
input[type=email].md-input.inverted-colors:-moz-placeholder,
input[type=month].md-input.inverted-colors:-moz-placeholder,
input[type=number].md-input.inverted-colors:-moz-placeholder,
input[type=password].md-input.inverted-colors:-moz-placeholder,
input[type=search].md-input.inverted-colors:-moz-placeholder,
input[type=tel].md-input.inverted-colors:-moz-placeholder,
input[type=text].md-input.inverted-colors:-moz-placeholder,
input[type=time].md-input.inverted-colors:-moz-placeholder,
input[type=url].md-input.inverted-colors:-moz-placeholder,
input[type=week].md-input.inverted-colors:-moz-placeholder,
select.md-input.inverted-colors:-moz-placeholder,
textarea.md-input.inverted-colors:-moz-placeholder {
    color: #fff
}

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
}

.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 .3s cubic-bezier(.4, 0, .2, 1);
    transition: width .3s 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;
    /* pointer-events: none; */
    -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: 20px
}

.md-input-wrapper-count .md-input-bar {
    bottom: 20px
}

.md-input-wrapper-count .text-count-wrapper {
    font-size: 11px;
    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
}

.add-clear-span {
    display: block
}

.add-clear-span input {
    padding-right: 24px!important
}

.add-clear-span a {
    top: 12px!important;
    right: 4px!important
}

.add-clear-span a .material-icons {
    font-size: 20px
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../icons/material-design-icons/MaterialIcons-Regular.eot);
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../icons/material-design-icons/MaterialIcons-Regular.woff2) format('woff2'), url(../icons/material-design-icons/MaterialIcons-Regular.woff) format('woff'), url(../icons/material-design-icons/MaterialIcons-Regular.ttf) format('truetype')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    vertical-align: -4px;
    color: rgba(0, 0, 0, .54)
}

.material-icons.md-inactive {
    color: rgba(0, 0, 0, .26)
}

.material-icons.md-18 {
    font-size: 18px!important;
    vertical-align: -4px
}

.material-icons.md-24 {
    font-size: 24px!important;
    vertical-align: -8px
}

.material-icons.md-36 {
    font-size: 36px!important;
    vertical-align: -16px
}

.material-icons.md-48 {
    font-size: 48px!important;
    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 {
    padding: 0;
    margin: 0;
    list-style: none
}

.md-list,
.md-list *,
.md-list:after,
.md-list:before,
.md-list:after,
.md-list:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.md-list .uk-nestable-list>li,
.md-list>li {
    min-height: 48px;
    padding: 8px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid rgba(0, 0, 0, .12);
    position: relative
}

.md-list .uk-nestable-list>li>.md-list-content,
.md-list>li>.md-list-content {
    overflow: hidden
}

.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-addon-element .uk-nestable-handle,
.md-list>li:hover>.md-list-addon-element .uk-nestable-handle,
.uk-touch .md-list .uk-nestable-list>li>.md-list-addon-element .uk-nestable-handle,
.uk-touch .md-list>li>.md-list-addon-element .uk-nestable-handle {
    display: block
}

.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-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-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-content .md-list-action,
.uk-touch .md-list>li>.md-list-content .md-list-action-placeholder {
    display: block
}

.md-list .uk-nestable-list>li:hover .md-list-action-dropdown,
.md-list>li:hover .md-list-action-dropdown,
.uk-touch .md-list .uk-nestable-list>li .md-list-action-dropdown,
.uk-touch .md-list>li .md-list-action-dropdown {
    display: block
}

.md-list .uk-nestable-list>li {
    margin-left: 64px
}

.md-list-addon>li {
    margin-left: 24px;
    position: relative
}

.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;
    padding: 8px 0;
    display: block
}

.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>.material-icons {
    margin-top: 6px
}

.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-interactive li {
    cursor: pointer
}

.md-list-bg {
    background: #fff
}

.md-list-separated li {
    background: #fff;
    padding: 8px
}

.md-list-separated li+li {
    border-top: none;
    margin-top: 8px
}

.md-list-bg-no-sep {
    background: #fff;
    padding: 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-outside.md-list-addon li .md-list-content {
    padding-left: 0
}

.md-list-outside-wrapper {
    position: relative
}

.md-list-outside-wrapper .md-list-outside-search {
    position: absolute;
    top: -46px;
    left: 16px;
    right: 16px;
    z-index: 1000
}

.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper {
    padding: 0
}

.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:after,
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:before {
    background: #fff
}

.md-list-outside-wrapper .md-list-outside-search .md-input {
    border-bottom-color: transparent!important
}

.md-list .uk-nestable-list {
    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-addon-element .uk-nestable-handle {
    display: block!important
}

.uk-touch .md-list-content .md-list-action,
.uk-touch .md-list-content .md-list-action-placeholder {
    display: block!important
}

.uk-touch .md-list-action-dropdown {
    display: block!important
}

.md-panel-full {
    position: relative;
    overflow: hidden;
    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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.md-panel-full>.uk-grid {
    height: 100%
}

.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;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);
    z-index: 5
}

.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-top-bar-checkbox,
.md-top-bar .md-top-bar-icons {
    display: inline-block
}

.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-placeholder {
    background-color: rgba(0, 0, 0, .085);
    width: 34px;
    height: 34px;
    border-radius: 50%
}

.md-user-letters {
    display: inline-block;
    line-height: 35px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    background-color: rgba(0, 0, 0, .085)
}

.md-icon {
    font-size: 24px;
    line-height: 32px!important;
    height: 32px!important;
    color: #727272;
    border-radius: 50%;
    cursor: pointer;
    -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-icon-btn {
    display: inline-block
}

.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 {
    margin: 0;
    padding: 0;
    list-style: none
}

.md-list-inputs>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.md-list-inputs li+li {
    margin-top: 8px
}

.md-list-inputs li .icheckbox_md {
    float: left
}

.md-list-inputs li label {
    overflow: hidden;
    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)
    }
    40% {
        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)
    }
    40% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.hierarchical_show {
    will-change: transform, opacity
}

.hierarchical_show>* {
    visibility: hidden
}

.hierarchical_show_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: 560ms;
    animation-duration: 560ms;
    -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 {
    will-change: transform, opacity
}

.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: 560ms;
    animation-duration: 560ms;
    -webkit-animation-name: hierarchical_slide;
    animation-name: hierarchical_slide;
    visibility: visible
}

.fast_animation {
    -webkit-animation-duration: 280ms;
    animation-duration: 280ms
}

.cp_altair {
    padding: 8px 0;
    overflow: hidden
}

.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;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .15)
}

.cp_altair span.active_color {
    border-radius: 50%;
    cursor: default
}

.mGraph {
    min-height: 240px;
    width: 100%
}

.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 {
    font-size: 22px
}

.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 {
    font-size: 9px
}

.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 {
    min-height: 240px;
    width: 100%
}

.c3chart .c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    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;
    overflow: hidden
}

.clndr,
.clndr *,
.clndr:after,
.clndr:before,
.clndr:after,
.clndr:before {
    -webkit-box-sizing: border-box;
    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 .clndr_days_grid:after,
.clndr .clndr_days_names:after {
    clear: both
}

.clndr .clndr_days_grid:after,
.clndr .clndr_days_grid:before,
.clndr .clndr_days_names:after,
.clndr .clndr_days_names:before {
    content: " ";
    display: table
}

.clndr .clndr_days_grid:after,
.clndr .clndr_days_names:after {
    clear: both
}

.clndr .md-card-toolbar-heading-text {
    text-transform: capitalize
}

.clndr .clndr_days {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    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;
    -webkit-box-shadow: 0 0 0 1px #2196f3;
    box-shadow: 0 0 0 1px #2196f3
}

.events_visible .clndr .clndr_events {
    margin-right: 0
}

.events_over.events_visible .clndr .clndr_days {
    margin-right: 0
}

.events_over.events_visible .clndr_events {
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, .26);
    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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)!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_text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font: 400 20px/110px Roboto, sans-serif
}

.epc_chart_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transition: all .2s ease-out;
    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: #009688;
    border-color: #009688!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: #009688!important
}

.iradio_md.checked:after {
    background: #009688;
    -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;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    position: relative;
    margin: .5em 0;
    overflow: visible;
    padding: 0
}

pre[class*=language-]>code {
    position: relative;
    border-left: 10px solid #358ccb;
    -webkit-box-shadow: -1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf;
    box-shadow: -1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf;
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(69, 142, 209, .04)));
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, .04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    background-attachment: local
}

code[class*=language] {
    max-height: inherit;
    height: inherit;
    padding: 0 1em;
    display: block;
    overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background-color: #fdfdfd;
    -webkit-box-sizing: border-box;
    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
}

pre[class*=language-]:after,
pre[class*=language-]:before {
    content: '';
    z-index: -2;
    display: block;
    position: absolute;
    bottom: .75em;
    left: .18em;
    width: 40%;
    height: 20%;
    max-height: 13em;
    -webkit-box-shadow: 0 13px 8px #979797;
    box-shadow: 0 13px 8px #979797;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

: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;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.token.cr:before,
.token.lf:before,
.token.tab:not(:empty):before {
    color: #e0d7d1
}

pre[class*=language-].line-numbers.line-numbers {
    padding-left: 0
}

pre[class*=language-].line-numbers.line-numbers code {
    padding-left: 3.8em
}

pre[class*=language-].line-numbers.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[class*=language-].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

pre[class*=language-].line-numbers>code {
    position: relative;
    white-space: inherit
}

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    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 {
    pointer-events: none;
    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-wrapper>.scroll-content {
    border: none!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none!important;
    overflow-y: scroll!important;
    overflow-x: hidden!important;
    padding: 0;
    position: relative!important;
    top: 0;
    width: auto!important
}

/* .scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
} */

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    -webkit-box-sizing: content-box;
    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 {
    border: none!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%!important;
    margin: 0;
    max-height: none!important;
    max-width: none!important;
    overflow: scroll!important;
    outline: 0;
    padding: 2px;
    position: relative!important;
    top: 0;
    width: 100%!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 none!important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    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 {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    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;
    -webkit-box-sizing: border-box;
    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;
    padding-right: 24px!important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.remove_button {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove: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: 0;
    top: 0;
    font-size: 23px
}

.selectize-control {
    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;
    background-color: #f6f6f6;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    /* z-index: 1; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 3px
}

.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.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
}

.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;
    padding: 2px 6px;
    background: #7cb342;
    color: white;
    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 none!important;
    background: 0 0!important;
    line-height: inherit!important;
    -webkit-user-select: auto!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: 0!important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px
}

.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 .option {
    padding: 5px 8px
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5
}

.selectize-dropdown [data-selectable].option {
    opacity: 1
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.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;
    -webkit-overflow-scrolling: touch
}

.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 {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: grey transparent transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent grey transparent
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px!important
}

.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;
    -webkit-box-shadow: none;
    box-shadow: none
}

.selectize-input.focus:before,
.selectize-input:before {
    display: none
}

.md-input-danger .selectize-input {
    border-color: #e53935
}

.selectize-input.dropdown-active:before {
    display: none
}

.selectize-dropdown {
    margin-top: -44px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    color: #212121;
    z-index: 1210
}

.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: 12px;
    color: #aaa;
    padding-top: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    text-transform: uppercase
}

.selectize-dropdown.multi .item-icon {
    margin-right: 4px
}

.selectize-dropdown.selectize_fs {
    z-index: 9999
}

.selectize-dropdown-content {
    -webkit-overflow-scrolling: auto
}

.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 .item-icon {
    margin-right: 4px
}

.selectize-control.multi .selectize-input input {
    height: 26px;
    font-size: 15px
}

.selectize-control.plugin-remove_button [data-value] {
    padding-right: 28px!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 {
    font-size: 15px
}

.selectize-control.single .selectize-input input {
    font-size: 15px
}

.selectize-control.single.plugin-remove_button [data-value] .remove {
    padding: 0
}

.selectize-control.single.plugin-remove_button [data-value] .remove:hover {
    background: 0 0
}

.selectize-control.single.plugin-remove_button [data-value] .remove:after {
    color: #727272;
    content: '\e5cd';
    font-family: "Material Icons";
    font-size: 18px
}

.selectize-control.rtl.single .selectize-input:after {
    left: 28px
}

.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
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible!important;
    background: #fafafa!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    white-space: nowrap
}

#code_editor_close {
    display: none
}

.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 .md-card-CodeMirror {
    z-index: 1154
}

body.CodeMirror-fullscreen-active .CodeMirror-fullscreen {
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-clip: content-box;
    -webkit-transition: background-color .8s ease-out!important;
    transition: background-color .8s ease-out!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    margin: 6px 2px
}

.switchery>small {
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .55);
    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
}

.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 {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 55px
}

.tablesorter .irs {
    height: 42px
}

.irs-line {
    height: 2px;
    top: 33px;
    background: #eee;
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0!important
}

.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 {
    height: 2px;
    top: 33px;
    background: #009688;
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    height: 2px;
    width: 6px;
    border-right: 0;
    background: #009688;
    position: absolute;
    display: block;
    top: 33px;
    left: 0
}

.irs-shadow {
    height: 4px;
    top: 32px;
    background: #000;
    opacity: .4;
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    top: 28px;
    width: 12px;
    height: 12px;
    background: #009688;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 1
}

.irs-slider.state_hover,
.irs-slider:hover {
    background: #009688
}

.irs-slider.type_last {
    z-index: 2
}

.irs-max,
.irs-min {
    color: #727272;
    font-size: 12px;
    line-height: 16px;
    text-shadow: none;
    top: 0;
    padding: 1px 4px;
    background: rgba(0, 0, 0, .08);
    border-radius: 2px;
    display: block;
    cursor: default;
    position: absolute
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-shadow: none;
    padding: 1px 4px;
    background: #009688;
    border-radius: 2px;
    position: absolute;
    display: block;
    top: 0;
    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-with-grid {
    height: 65px
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-grid-pol {
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #727272
}

.irs-grid-pol.small {
    background: #727272;
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    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;
    outline: 0!important;
    z-index: -9999!important;
    background: 0 0!important;
    border-style: solid!important;
    border-color: transparent!important
}

.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;
    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,
.dataTables_wrapper .uk-table td,
.dataTables_wrapper .uk-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.dataTables_wrapper .uk-table td:active,
.dataTables_wrapper .uk-table th:active,
.dataTables_wrapper .uk-table:active {
    outline: 0
}

.dataTables_wrapper .uk-table tbody tr.selected {
    background-color: rgba(102, 102, 102, .085)
}

.dataTables_wrapper .uk-table tbody tr:not(.row_checked)>.sorting_1,
.dataTables_wrapper .uk-table tbody tr:not(.row_checked)>.sorting_2,
.dataTables_wrapper .uk-table tbody tr:not(.row_checked)>.sorting_3,
.dataTables_wrapper .uk-table.order-column tbody tr:not(.row_checked)>.sorting_1,
.dataTables_wrapper .uk-table.order-column tbody tr:not(.row_checked)>.sorting_2,
.dataTables_wrapper .uk-table.order-column tbody tr:not(.row_checked)>.sorting_3{
    background-color: rgba(102, 102, 102, .085)
}

.dataTables_wrapper .uk-table.nowrap td,
.dataTables_wrapper .uk-table.nowrap th {
    white-space: nowrap
}

.dataTables_wrapper .uk-table.compact thead td,
.dataTables_wrapper .uk-table.compact thead th {
    padding: 4px 17px 4px 4px
}

.dataTables_wrapper .uk-table.compact tfoot td,
.dataTables_wrapper .uk-table.compact tfoot th {
    padding: 4px
}

.dataTables_wrapper .uk-table.compact tbody td,
.dataTables_wrapper .uk-table.compact tbody 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: left
}

.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 td.dt-nowrap,
.dataTables_wrapper .uk-table th.dt-nowrap {
    white-space: nowrap
}

.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 tfoot td.dt-head-nowrap,
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
.dataTables_wrapper .uk-table thead th.dt-head-nowrap {
    white-space: nowrap
}

.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 tbody td.dt-body-nowrap,
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap {
    white-space: nowrap
}

.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
}

.dt_colVis_buttons {
    margin-bottom: 8px
}

.dt_colVis_buttons:after,
.dt_colVis_buttons:before {
    content: " ";
    display: table
}

.dt_colVis_buttons:after {
    clear: both
}

.dt_colVis_buttons:after,
.dt_colVis_buttons:before {
    content: " ";
    display: table
}

.dt_colVis_buttons:after {
    clear: both
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    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
}

.dt-button embed {
    outline: 0
}

div.dt-buttons {
    position: relative;
    float: right
}

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 8px;
    border: 1px solid rgba(0, 0, 0, .4);
    background-color: #fff;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    -webkit-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;
    break-inside: avoid
}

div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    column-count: 2
}

div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    column-count: 3
}

div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-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;
    -webkit-box-shadow: none;
    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 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 {
    position: relative;
    min-width: 32px;
    height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.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 {
    background: 0 0!important;
    cursor: default
}

.fc-unthemed .fc-button.fc-state-active:after {
    color: #7cb342
}

.fc-unthemed .fc-button.fc-state-disabled {
    background: 0 0!important;
    cursor: default
}

.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;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
    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;
    -webkit-box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
    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;
    width: 100%;
    height: 100%;
    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 .thumbnail>img {
    height: 100%;
    width: 100%
}

.fileinput .btn {
    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;
    vertical-align: middle
}

div.ganttview {
    position: relative
}

div.ganttview,
div.ganttview *,
div.ganttview:after,
div.ganttview:before,
div.ganttview:after,
div.ganttview:before {
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: content-box;
    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-hzheader-day.ganttview-today {
    background: #fff9db!important
}

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;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    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 {
    line-height: 16px;
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap
}

div.ganttview-vtheader-series-row .series-content .series-name {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block
}

div.ganttview-vtheader-series-row .series-content .series-dates {
    color: #aaa;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 2px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block
}

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-hzheader-days {
    position: relative
}

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-row-cell.ganttview-today {
    background-color: #fff9db!important
}

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;
    display: inline-block;
    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
}

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-grid-row {
        margin-top: 42px
    }
    div.ganttview-block-container {
        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
    }
}

.animate_hide {
    display: none
}

.tabcontrol,
.wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

.tabcontrol a,
.wizard a {
    outline: 0
}

.tabcontrol ul,
.wizard ul {
    list-style: none!important;
    padding: 0;
    margin: 0
}

.tabcontrol ul>li,
.wizard ul>li {
    display: block;
    padding: 0
}

.tabcontrol>.steps .current-info,
.wizard>.steps .current-info {
    position: absolute;
    left: -999em
}

.tabcontrol .content>.title,
.wizard .content>.title {
    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
}

@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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wizard>.steps>ul>li {
    display: block
}

@media only screen and (min-width:960px) {
    .wizard>.steps>ul>li {
        float: left;
        width: 25%
    }
}

.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+li a {
        border-top: none;
        border-right: 1px solid rgba(0, 0, 0, .15)
    }
}

.wizard>.steps>ul>li a {
    position: relative
}

.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;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wizard>.content>.body {
    padding: 48px 24px 64px;
    width: 100%;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wizard>.content>.body ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.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 none;
    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_previous {
        float: none
    }
    .wizard>.actions>ul>li.button_finish,
    .wizard>.actions>ul>li.button_next {
        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 a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
    color: #aaa
}

.wizard>.actions .disabled .material-icons {
    color: #aaa
}

@media only screen and (min-width:960px) {
    .wizard.vertical>.steps {
        width: 25%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px
    }
}

@media only screen and (min-width:1000px) {
    .wizard.vertical>.steps {
        width: 20%
    }
}

@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 {
    display: block;
    background: #fff
}

@media only screen and (min-width:960px) {
    .wizard.vertical>.content {
        width: 75%;
        float: left
    }
    .wizard.vertical>.content .body {
        padding: 16px 32px
    }
}

@media only screen and (min-width:1000px) {
    .wizard.vertical>.content {
        width: 80%
    }
}

.wizard.vertical>.actions {
    display: block;
    clear: both
}

.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 th {
    outline: 0!important
}

.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 .tablesorter-processing {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-image: url(../img/spinners/spinner_small.gif)!important
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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 .filtered {
    display: none
}

.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e53935;
    color: #fff
}

.tablesorter .remove-me {
    display: none
}

.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);
    pointer-events: none
}

.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;
    pointer-events: none;
    overflow: hidden
}

.enjoyhint_hide {
    display: none
}

.enjoyhint_disable_events {
    position: absolute;
    width: 2000px;
    height: 1500px;
    z-index: 2010;
    pointer-events: all
}

@media only screen and (max-width:767px) {
    .enjoyhint_disable_events {
        width: 100%;
        height: 100%
    }
}

.enjoyhint_btn,
.enjoyhint_next_btn,
.enjoyhint_skip_btn {
    position: absolute;
    z-index: 2020;
    pointer-events: all;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100px;
    height: 46px;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 3px;
    font: 500 20px/46px Roboto, sans-serif;
    text-align: center;
    text-overflow: clip;
    -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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.enjoyhint_next_btn:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.enjoyhint_next_btn:active {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -webkit-transition: none;
    transition: none
}

@media only screen and (max-width:767px) {
    .enjoyhint_next_btn {
        left: 20px!important
    }
}

.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
}

@media only screen and (max-width:767px) {
    .enjoyhint_skip_btn {
        right: 20px!important;
        left: auto!important
    }
}

.enjoyhint_close_btn {
    display: inline-block;
    position: absolute;
    z-index: 2020;
    pointer-events: all;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: .3em;
    height: .3em;
    border-radius: 1em;
    font: 400 8em/normal Arial, Helvetica, sans-serif;
    color: #000;
    text-overflow: clip;
    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:before {
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 73%;
    height: 2px;
    position: absolute;
    content: "";
    top: 48%;
    left: 14%;
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: #000;
    text-overflow: clip;
    background: #fff;
    text-shadow: none;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.enjoyhint_close_btn:after {
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 73%;
    height: 2px;
    position: absolute;
    content: "";
    top: 46%;
    left: 15%;
    border: none;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: #000;
    text-overflow: clip;
    background: #fff;
    text-shadow: 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 {
    -webkit-box-sizing: content-box;
    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)
}

.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 {
    position: absolute;
    z-index: 2010;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.enjoyhint_svg_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    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 {
    position: absolute;
    width: 100%;
    height: 100%;
    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
}

@media only screen and (max-width:767px) {
    .enjoy_hint_label {
        left: 20px!important
    }
}

#kinetic_container {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

div.kineticjs-content {
    position: absolute!important
}

.enjoyhint_disable_events {
    position: fixed
}

.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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.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
}

.echart {
    min-height: 380px;
    height: 100%
}

.echart-large {
    min-height: 460px
}

.listNav {
    display: block;
    position: relative
}

.listNavWrapper>div,
.listNavWrapper>li {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

.listNavWrapper .listNavHide {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    display: none
}

.listNavWrapper .listNavShow {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.letterCountShow {
    display: block
}

.ln-letters {
    padding-top: 8px
}

.ln-letters:after,
.ln-letters:before {
    content: " ";
    display: table
}

.ln-letters:after {
    clear: both
}

.ln-letters:after,
.ln-letters:before {
    content: " ";
    display: table
}

.ln-letters:after {
    clear: both
}

.ln-letters a {
    font-size: 13px;
    display: block;
    float: left;
    padding: 4px 6px;
    border: 1px solid #e0e0e0;
    text-decoration: none;
    background: #fff;
    text-align: center;
    color: #212121;
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    margin: -1px 0 0 -1px;
    text-transform: uppercase
}

.ln-letters .ln-selected,
.ln-letters a:hover {
    background-color: #2196f3;
    color: #fff
}

.ln-letters .ln-disabled {
    color: #bdbdbd!important;
    background: #f5f5f5!important
}

.ln-letter-count {
    position: absolute;
    padding: 4px 0;
    text-align: center;
    font-size: 11px;
    color: #212121;
    margin-left: -2px
}

.ln-letter-count.listNavHide {
    display: none
}

.tip-yellowsimple {
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border: none;
    padding: 16px;
    min-width: 240px;
    z-index: 9999;
    border-radius: 3px
}

.tip-yellowsimple .tip-inner>div>label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    font-size: 15px
}

.editable-footer {
    margin-top: 16px;
    text-align: right
}

.editable-container .md-input {
    display: inline-block;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease
}

.editable-container .md-input:focus {
    border-bottom-color: #1976d2!important
}

.editable-container select:disabled {
    display: block;
    width: 100%;
    height: 42px;
    border-width: 0 0 1px 0;
    border-bottom-color: rgba(0, 0, 0, .12)
}

.editable-container textarea {
    height: 120px;
    resize: vertical;
    overflow-y: auto
}

.editable-container .select2-container {
    width: 240px
}

.editable-container .select2-container .select2-choice {
    background: 0 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    border-radius: 0
}

.editable-container .select2-container .select2-choice .select2-arrow {
    background: 0 0;
    border: none
}

.editable-container .select2-container-multi .select2-choices {
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.editable-container .select2-container-multi .select2-choices .select2-search-choice {
    background: #eee;
    border: none;
    border-radius: 18px;
    padding: 4px 24px 4px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px
}

.editable-container .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 4px
}

.editable-inline {
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 8px
}

.editable-address+div {
    margin-top: 12px
}

.editable-address label>input,
.editable-address label>span {
    display: inline-block!important
}

.editable-address label>span {
    width: 80px
}

.editable-address label>input {
    width: auto!important
}

.select2-drop {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border-color: transparent!important
}

.select2-results {
    margin-top: 8px
}

.select2-results .select2-highlighted {
    background: rgba(0, 0, 0, .085);
    color: #212121
}

.select2-search input {
    border-width: 0 0 1px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-datepicker,
.ui-datepicker .ui-datepicker-header {
    border: none
}

.ui-datepicker th {
    font: 400 13px/15px Roboto, sans-serif;
    text-transform: uppercase;
    color: #727272
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
    background: 0 0!important;
    border-color: transparent!important;
    font-weight: 400!important;
    color: #727272!important
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    background: 0 0;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    width: 24px;
    height: 24px
}

.ui-datepicker .ui-datepicker-next span:after,
.ui-datepicker .ui-datepicker-prev span:after {
    position: absolute;
    top: 2px;
    display: block;
    font-family: FontAwesome;
    color: #727272!important;
    text-indent: 0;
    font-size: 14px
}

.ui-datepicker .ui-datepicker-prev span:after {
    left: 0;
    content: '\f053'
}

.ui-datepicker .ui-datepicker-next span:after {
    right: 0;
    content: '\f054'
}

.ui-datepicker tbody td a,
.ui-datepicker tbody td span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 24px;
    display: block;
    border-radius: 50%
}

.ui-datepicker tbody td a:hover,
.ui-datepicker tbody td span:hover {
    background: rgba(0, 0, 0, .085)
}

.ui-datepicker select {
    border-width: 0 0 1px
}

.ui-datepicker select+select {
    margin-left: 4px!important
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: none;
    background: 0 0
}

.ui-datepicker .ui-state-active {
    background: #009688!important;
    color: #fff
}

.editableform {
    margin-bottom: 0
}

.editableform .control-group {
    margin-bottom: 0;
    white-space: nowrap;
    line-height: 20px
}

.editableform .form-control {
    width: auto
}

.editable-buttons.editable-buttons-bottom {
    display: block
}

.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px
}

.editable-input .editableform-loading {
    background-position: left 5px
}

.editable-input .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px
}

.editableform-loading {
    background: url(../img/spinners/spinner.gif) center center no-repeat;
    height: 32px;
    margin: 24px 0
}

.editable-error-block {
    margin: 8px 0 0 0;
    white-space: normal;
    text-align: center
}

.editable-error-block.ui-state-error {
    padding: 3px
}

.editable-error {
    color: #e53935
}

.editableform .editable-date {
    padding: 0;
    margin: 0;
    float: left
}

.editable-checklist label {
    white-space: nowrap
}

.editable-checklist label input[type=checkbox],
.editable-checklist label span {
    vertical-align: middle;
    margin: 0
}

.editable-checklist>div+div {
    margin-top: 8px
}

.editable-wysihtml5 {
    width: 566px;
    height: 250px
}

.editable-clear {
    clear: both;
    font-size: .9em;
    text-decoration: none;
    text-align: right
}

.editable-clear-x {
    display: block;
    width: 24px;
    height: 42px;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0
}

.editable-clear-x:after {
    opacity: .6;
    content: '\e5cd';
    font-family: "Material Icons";
    font-size: 18px;
    position: absolute;
    top: 11px;
    right: 8px;
    display: block;
    color: #727272;
    cursor: pointer
}

.editable-clear-x:hover:after {
    opacity: 1
}

.editable-pre-wrapped {
    white-space: pre-wrap
}

.editable-container.editable-popup {
    max-width: none!important
}

.editable-container.popover {
    width: auto
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.editable-container.ui-widget {
    font-size: inherit;
    z-index: 9990
}

.editable-click,
a.editable-click,
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #08c
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
    color: #585858;
    cursor: default;
    border-bottom: none
}

.editable-empty,
.editable-empty:focus,
.editable-empty:hover {
    font-style: italic;
    color: #d14;
    text-decoration: none
}

.editable-unsaved {
    font-weight: 700
}

.editable-bg-transition {
    -webkit-transition: background-color 1.4s ease-out;
    transition: background-color 1.4s ease-out
}

.form-horizontal .editable {
    padding-top: 5px;
    display: inline-block
}

.select2-container--default .select2-selection--single {
    border-color: rgba(0, 0, 0, .12);
    border-radius: 0;
    height: 40px;
    outline: 0!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    width: 18px;
    position: relative;
    text-indent: -9999em;
    height: 38px
}

.select2-container--default .select2-selection--single .select2-selection__clear:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #727272;
    content: '\e5cd';
    font-family: "Material Icons";
    font-size: 18px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    display: block;
    position: absolute;
    top: 8px;
    right: 2px;
    color: #727272;
    content: '\e5c5';
    font-family: "Material Icons";
    font-size: 18px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-width: 0 0 1px;
    border-color: rgba(0, 0, 0, .12);
    height: 32px;
    line-height: 32px;
    -webkit-transition: all 260ms cubic-bezier(.4, 0, .2, 1);
    transition: all 260ms cubic-bezier(.4, 0, .2, 1)
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-bottom-color: #1976d2
}

.select2-container--default .select2-selection--multiple {
    border-color: rgba(0, 0, 0, .12);
    border-radius: 0;
    min-height: 40px;
    padding: 6px 8px 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 18px;
    padding: 3px 2px 2px 8px;
    font-size: 14px;
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
    background: #f2f2f2
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0;
    display: block
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    text-indent: -9999em;
    position: relative;
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
    color: #727272;
    content: '\e5cd';
    font-family: "Material Icons";
    font-size: 18px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(0, 0, 0, .12)
}

.select2-container--default .select2-results__group {
    font-size: 12px;
    color: #aaa;
    padding-top: 8px;
    border-bottom: rgba(0, 0, 0, .12);
    text-transform: uppercase;
    font-weight: 400
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(0, 0, 0, .085);
    color: inherit
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(0, 0, 0, .085)
}

.select2-container--default .select2-results>.select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
    display: none
}

.select2-container--default .select2-results__option .select2-results__option {
    font-size: 15px
}

.select2-dropdown {
    border-radius: 0;
    border-color: transparent;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.dropzone {
    position: relative;
    min-height: 150px;
    border: 2px dashed rgba(0, 0, 0, .12);
    background: #fff;
    padding: 16px;
    border-radius: 3px
}

.dropzone,
.dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dropzone.dz-clickable {
    cursor: pointer!important
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
    cursor: default
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 20%;
    left: 0;
    opacity: 0;
    font-size: 12px;
    min-width: 100%;
    max-width: 100%;
    padding: 4px;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(0, 0, 0, .12)!important
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    display: inline-block;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 0 4px;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    border: 1px solid transparent
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    font-size: 12px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    margin-top: 4px
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview .dz-progress {
    display: block;
    border: 1px solid rgba(0, 0, 0, .12);
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, .9);
    border-radius: 8px;
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    display: block;
    height: 100%;
    width: 0;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    border-radius: 4px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #e53935;
    padding: 8px;
    color: #fff;
    word-break: break-word
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e53935
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error .dz-error-message:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-error .dz-error-message {
    opacity: 1;
    display: block;
    -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    display: block;
    -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
    position: absolute;
    width: 54px;
    height: 58px;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    display: block;
    top: 50%
}

.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#header_main {
    background: #1976d2;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    padding: 0 25px;
    height: 48px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1104
}

#header_main:after,
#header_main:before {
    content: " ";
    display: table
}

#header_main:after {
    clear: both
}

#header_main:after,
#header_main:before {
    content: " ";
    display: table
}

#header_main:after {
    clear: both
}

#header_main .uk-navbar {
    border: none;
    background: 0 0
}

#header_main .uk-navbar .uk-navbar-brand {
    text-shadow: none;
    color: #fff;
    line-height: 52px;
    height: 48px;
    font-size: 18px;
    padding: 0;
    text-transform: uppercase
}

#header_main .uk-navbar .uk-navbar-brand+* {
    margin-left: 25px
}

#header_main .uk-navbar .uk-navbar-nav {
    position: relative
}

#header_main .uk-navbar .uk-navbar-nav>li {
    position: static
}

#header_main .uk-navbar .uk-navbar-nav>li>a {
    color: #fff;
    text-shadow: none;
    border: none;
    line-height: 44px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    z-index: auto;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    #header_main .uk-navbar .uk-navbar-nav>li>a {
        line-height: 44px
    }
}

@media only screen and (max-width:767px) {
    #header_main .uk-navbar .uk-navbar-nav>li>a {
        padding: 2px 10px 0
    }
}

#header_main .uk-navbar .uk-navbar-nav>li>a:active,
#header_main .uk-navbar .uk-navbar-nav>li>a:focus {
    background: 0 0
}

#header_main .uk-navbar .uk-navbar-nav>li>a:after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    margin-left: -6px;
    z-index: -1;
    -webkit-transition: all .1s ease-in 0s;
    transition: all .1s ease-in 0s
}

#header_main .uk-navbar .uk-navbar-nav>li>a.navbar_link {
    line-height: 48px
}

#header_main .uk-navbar .uk-navbar-nav>li.uk-active>a,
#header_main .uk-navbar .uk-navbar-nav>li.uk-open>a,
#header_main .uk-navbar .uk-navbar-nav>li:focus>a,
#header_main .uk-navbar .uk-navbar-nav>li:hover>a {
    background: 0 0
}

#header_main .uk-navbar .uk-navbar-nav>li.uk-open>a {
    position: relative
}

#header_main .uk-navbar .uk-navbar-nav>li.uk-open>a:after {
    border-bottom-color: #fff;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    z-index: 1104
}

#header_main .uk-navbar .uk-navbar-nav>li .uk-dropdown {
    margin-top: 1px;
    max-height: 300px;
    top: 100%!important;
    right: 0!important;
    left: auto!important
}

#header_main .uk-navbar .uk-navbar-nav>li .uk-dropdown .md-list {
    margin-left: -10px
}

#header_main .uk-navbar .uk-navbar-nav>li .uk-dropdown .md-list>li {
    margin-right: 16px
}

#header_main .uk-navbar .uk-navbar-nav>li .uk-dropdown .uk-switcher {
    max-height: 216px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#header_main .user_actions a.user_action_image {
    position: relative;
    line-height: 48px!important
}

#header_main .user_actions .user_action_icon {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 4px
}

#header_main .user_actions .user_action_icon:focus,
#header_main .user_actions .user_action_icon:hover {
    text-decoration: none
}

#header_main .user_actions .user_action_icon>.uk-badge {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 8px;
    min-width: 20px;
    padding: 1px 4px;
    line-height: 14px;
    border-radius: 2px
}

#header_main .sSwitch {
    cursor: pointer;
    margin: 12px 0 0;
    padding: 12px 0;
    position: relative
}

#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
}

#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:before {
    background: #fff;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}

#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
}

#header_main .sSwitch.sSwitch_left {
    float: left;
    margin-right: 16px
}

#header_main .sSwitch.sSwitch_left:before {
    left: -8px
}

#header_main .sSwitch.sSwitch_left .sSwitchIcon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#header_main .sSwitch.sSwitch_left .sSwitchIcon:after,
#header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
    left: 0
}

#header_main .sSwitch.sSwitch_right {
    float: right;
    margin-left: 30px
}

#header_main .sSwitch.sSwitch_right:before {
    right: -8px
}

@media only screen and (max-width:767px) {
    #header_main .sSwitch.sSwitch_right {
        margin-left: 24px
    }
}

#header_main .sSwitch.sSwitch_right .sSwitchIcon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#header_main .sSwitch.sSwitch_right .sSwitchIcon:after,
#header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
    right: 0
}

#header_main .sSwitch.sSwitch_right.sidebar_secondary_check {
    display: none
}

#header_main .header_main_search_form {
    display: none;
    position: relative;
    padding: 2px 46px 0 40px;
    margin: 5px 0
}

#header_main .header_main_search_form form {
    display: block;
    position: static
}

#header_main .header_main_search_form .md-icon,
#header_main .header_main_search_form .md-icon:focus,
#header_main .header_main_search_form .md-icon:hover {
    color: #fff
}

#header_main .header_main_search_form [data-uk-autocomplete] .uk-dropdown {
    left: 40px;
    right: 46px;
    width: auto
}

#header_main .header_main_search_input {
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    vertical-align: top;
    padding: 6px 15px;
    font-size: 16px;
    height: auto;
    background: rgba(255, 255, 255, .2);
    color: #fff
}

#header_main .header_main_search_btn {
    position: absolute;
    top: 0;
    right: -2px;
    cursor: pointer
}

#header_main .header_main_search_close {
    position: absolute;
    top: 3px;
    left: 2px
}

.header_double_height:after {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    height: 59px;
    background: #1976d2;
    content: '';
    display: block
}

.header_double_height #header_main {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute
}

.header_double_height #page_content {
    position: relative;
    overflow: hidden;
    padding-top: 10px
}

.header_double_height #page_content_inner {
    padding: 0
}

.header_double_height .md-card-single {
    position: relative;
    z-index: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.header_double_height .md-card-single .md-card-content {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

.header_double_height .md-list-outside-wrapper {
    margin-top: 48px
}

.main_logo_top {
    float: left;
    line-height: 48px;
    min-width: 240px;
    display: block
}

@media only screen and (max-width:767px) {
    .main_logo_top {
        min-width: inherit;
        margin-right: 24px
    }
}

.main_logo_top>a {
    display: inline-block;
    line-height: 48px
}

.main_logo_top>a img {
    max-height: 48px
}

.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>ul {
    top: 48px
}

.header_full.sidebar_mini #sidebar_main .menu_section>ul>li>a>.menu_title {
    top: 48px
}

#sidebar_main {
    width: 240px;
    border-right: 1px solid rgba(0, 0, 0, .12);
    position: fixed;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
    z-index: 1204;
    background: #fff;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1)
}

#sidebar_main,
#sidebar_main *,
#sidebar_main:after,
#sidebar_main:before,
#sidebar_main:after,
#sidebar_main:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    #sidebar_main {
        width: 280px;
        -webkit-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0)
    }
}

#sidebar_main .menu_section .menu_heading {
    font: 400 12px/16px Roboto, sans-serif;
    margin: 0 0 12px;
    padding: 6px 6px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    text-transform: uppercase;
    color: #212121
}

#sidebar_main .menu_section ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#sidebar_main .menu_section ul>li {
    padding: 0;
    margin: 0;
    list-style: none
}

#sidebar_main .menu_section>ul>li>a {
    font: 500 14px/25px Roboto, sans-serif;
    color: #212121;
    padding: 8px 20px;
    display: block;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:767px) {
    #sidebar_main .menu_section>ul>li>a {
        font-size: 16px
    }
}

#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;
    color: #727272
}

#sidebar_main .menu_section>ul>li>a>.menu_icon .material-icons {
    font-size: 24px;
    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 {
    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_icon .material-icons {
    color: #7cb342
}

#sidebar_main .menu_section>ul>li.current_section>a .menu_title {
    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 ul .submenu-icon {
    width: 24px;
    text-align: left;
    display: inline-block;
    color: #727272
}

#sidebar_main .menu_section>ul>li ul .submenu-icon .material-icons {
    font-size: 18px;
    vertical-align: top
}

#sidebar_main .menu_section>ul>li.submenu_trigger>a {
    position: relative
}

#sidebar_main .menu_section>ul>li.submenu_trigger>a:not(.sem_icone_menu_direita):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
}

li.submenu_trigger>ul>li>a:hover,
li.submenu_trigger>a:hover{
    background: rgba(0, 0, 0, .085)   
}

#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-image: url(../img/sidebar_head_bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative
}

@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-image: url(../img/sidebar_head_bg@2x.png);
        background-size: 280px 90px
    }
}

#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:after {
    clear: both
}

#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:after {
    clear: both
}

#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;
    transition: margin 280ms
}

.sidebar_main_active #sidebar_main {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (max-width:999px) {
    .sidebar_main_active #sidebar_main {
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 2px 4px 8px rgba(0, 0, 0, .28);
        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 2px 4px 8px rgba(0, 0, 0, .28)
    }
}

@media only screen and (min-width:1000px) {
    .sidebar_main_active #header_main,
    .sidebar_main_active #page_content,
    .sidebar_main_active #top_bar {
        margin-left: 240px
    }
}

@media only screen and (max-width:999px) {
    .sidebar_main_active #page_content:before {
        opacity: 1;
        z-index: 1184
    }
}

.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:before {
    opacity: 1
}

.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:1000px) {
    .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:999px) {
    .sidebar_main_hiding #page_content:before {
        opacity: 0;
        z-index: 1109
    }
}

.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;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .26);
    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 #sidebar_main .sSidebar_hide {
    display: none!important
}

.sidebar_mini #sidebar_main .sSidebar_show {
    display: block!important
}

.sidebar_mini #header_main,
.sidebar_mini #page_content,
.sidebar_mini #top_bar {
    margin-left: 60px
}

.sidebar_mini.header_full #sidebar_main .menu_section>ul>li>a>.menu_title {
    top: 0
}

.sidebar_mini.header_full #sidebar_main .menu_section>ul>li>ul {
    top: 0
}

.sidebar_mini #footer {
    margin-left: 60px
}

.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 #header_main,
.sidebar_slim #page_content,
.sidebar_slim #top_bar {
    margin-left: 60px
}

.sidebar_slim #footer {
    margin-left: 60px
}

.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 {
    display: none!important
}

.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 {
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .26);
    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;
    bottom: 0;
    border-left: 1px solid rgba(0, 0, 0, .12);
    width: 280px;
    background: #fff;
    overflow: hidden;
    z-index: 1104;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), -2px 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), -2px 4px 8px rgba(0, 0, 0, .28);
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

#sidebar_secondary,
#sidebar_secondary *,
#sidebar_secondary:after,
#sidebar_secondary:before,
#sidebar_secondary:after,
#sidebar_secondary:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#sidebar_secondary .sidebar_secondary_wrapper {
    margin: 8px 16px
}

.header_double_height #sidebar_secondary {
    top: 58px
}

#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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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,
#top_bar *,
#top_bar:after,
#top_bar:before,
#top_bar:after,
#top_bar:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#top_bar .top_bar_nav {
    margin: 0;
    padding: 0;
    list-style: none
}

#top_bar .top_bar_nav>li {
    padding: 0;
    margin: 0;
    list-style: none
}

#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>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 #2196f3;
    box-shadow: inset 0 -3px 0 #2196f3
}

#top_bar .top_bar_nav>li.uk-active a {
    -webkit-box-shadow: inset 0 -3px 0 #2196f3;
    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:before {
    left: -25px
}

#top_bar .uk-slidenav-position:after {
    right: -25px
}

#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 .uk-slidenav-previous {
    left: -25px
}

#top_bar .uk-slidenav-next {
    right: -25px
}

#top_bar.top_bar_static {
    position: relative;
    left: 0;
    top: 0;
    margin: 0!important
}

.top_bar_active {
    padding-top: 88px
}

.top_bar_active #header_main {
    -webkit-box-shadow: none;
    box-shadow: none
}

.top_bar_static_active {
    padding-top: 48px
}

#page_heading {
    background: #fff;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 81px
}

#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;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    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 {
    -webkit-box-shadow: none;
    box-shadow: none
}

#menu_top_dropdown .top_menu_toggle {
    height: 48px;
    line-height: 51px;
    color: #fff;
    display: block;
    padding: 0 8px
}

#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 {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

#menu_top>li {
    padding: 0;
    margin: 0;
    list-style: none
}

#menu_top>li {
    float: left;
    position: relative
}

#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:hover {
    background: rgba(0, 0, 0, .085)
}

#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-open>a {
    background: rgba(0, 0, 0, .085)
}

#menu_top>li .uk-dropdown {
    margin-top: 1px;
    top: 100%!important
}

@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
    }
}

#menu_top .uk-nav-multilevel li {
    position: relative
}

#menu_top .uk-nav-multilevel li ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 180px;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    margin: 0 0 0 1px;
    padding: 0;
    display: none
}

#menu_top .uk-nav-multilevel li ul:before {
    position: absolute;
    left: -1px;
    height: 100%;
    width: 1px;
    content: '';
    display: block;
    z-index: 10
}

#menu_top .uk-nav-multilevel li ul li>a {
    font-size: 14px;
    color: #212121;
    padding: 5px 15px
}

#menu_top .uk-nav-multilevel li ul li>a:hover {
    background: rgba(0, 0, 0, .085)
}

#menu_top .uk-nav-multilevel li:hover>a {
    background: rgba(0, 0, 0, .085)
}

#menu_top .uk-nav-multilevel li:hover>ul {
    display: block
}

#menu_top .uk-nav-multilevel li.has-submenu:after {
    display: block;
    position: absolute;
    top: 4px;
    right: 2px;
    color: #727272;
    content: '\e5cc';
    font-family: "Material Icons";
    font-size: 16px
}

#breadcrumbs {
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    white-space: nowrap
}

#breadcrumbs>li {
    padding: 0;
    margin: 0;
    list-style: none
}

#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:1000px) {
    .sidebar_main_active #footer,
    .sidebar_main_open #footer {
        margin-left: 240px
    }
}

.page_aside {
    min-height: 200px;
    width: 240px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 25px;
    -webkit-transition: all 140ms cubic-bezier(.4, 0, .2, 1);
    transition: all 140ms cubic-bezier(.4, 0, .2, 1);
    position: absolute;
    left: 0;
    z-index: 1000
}

.page_aside+* {
    -webkit-transition: all 140ms cubic-bezier(.4, 0, .2, 1);
    transition: all 140ms cubic-bezier(.4, 0, .2, 1);
    margin-left: 265px
}

@media only screen and (max-width:959px) {
    .page_aside+* {
        margin-left: 25px
    }
}

.page_aside_inner {
    padding: 24px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.page_aside_toggle {
    position: absolute;
    top: 0;
    right: -26px;
    height: 100%;
    width: 24px;
    background: red;
    cursor: pointer;
    background: #f5f5f5;
    border-right: 1px solid #e0e0e0;
    -webkit-transition: all 140ms cubic-bezier(.4, 0, .2, 1);
    transition: all 140ms cubic-bezier(.4, 0, .2, 1)
}

.page_aside_toggle:hover {
    background: #e0e0e0
}

.page_aside_toggle:after {
    position: absolute;
    left: 3px;
    top: 50%;
    content: '\e314';
    font-family: "Material Icons";
    font-size: 18px;
    display: block;
    color: #727272
}

.page_aside_collapsed .page_aside {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
}

.page_aside_collapsed .page_aside+* {
    margin-left: 25px
}

.page_aside_collapsed .page_aside_toggle:after {
    content: '\e315'
}

.user_heading {
    padding: 24px;
    background: #1976d2;
    color: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    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:after,
.user_heading:before {
    content: " ";
    display: table
}

.user_heading:after {
    clear: both
}

.user_heading.uk-active {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    padding: 16px 24px;
    z-index: 100
}

.user_heading.uk-active .user_heading_avatar .thumbnail {
    width: 64px;
    height: 64px;
    line-height: 54px!important
}

.user_heading_bg {
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0
}

.user_heading_bg .bg_overlay {
    padding: 24px;
    position: relative
}

.user_heading_bg .bg_overlay:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.user_heading_bg .bg_overlay .user_heading_content {
    position: relative
}

.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
    }
}

@media only screen and (max-width:959px) {
    .user_heading_avatar.fileinput {
        width: 82px;
        height: 82px;
        margin: 0 auto 16px;
        display: block
    }
}

.user_heading_avatar img {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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%;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    overflow: hidden
}

.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
}

@media only screen and (max-width:959px) {
    .user_heading_content {
        text-align: center
    }
}

.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 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    text-align: center
}

.user_heading_content .user_stats>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.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
}

.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 {
    height: 100%;
    min-height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    -webkit-overflow-scrolling: touch
}

#scrum_board {
    height: 100%;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

#scrum_board>div {
    height: 100%;
    float: left;
    width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 46px 0 8px
}

#scrum_board .scrum_column {
    background: rgba(0, 0, 0, .085);
    padding: 8px;
    height: 100%;
    margin: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    background: #fff;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    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
}

#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
}

.scrum_board_menu {
    float: left;
    width: 320px;
    position: relative;
    padding: 46px 8px 8px 16px;
    border-right: 1px solid rgba(0, 0, 0, .08)
}

@media only screen and (max-width:767px) {
    .scrum_board_menu {
        display: none
    }
}

.scrum_board_menu_heading {
    position: absolute;
    top: 10px;
    left: 0;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding: 0 16px
}

.scrum_board_menu_inner {
    height: 100%;
    overflow: auto;
    padding-right: 8px
}

.scrum_board_menu_inner>div+div {
    margin-top: 4px
}

.chat_box {
    padding: 16px
}

.chat_box .chat_message_wrapper {
    margin-bottom: 32px
}

.chat_box .chat_message_wrapper:after,
.chat_box .chat_message_wrapper:before {
    content: " ";
    display: table
}

.chat_box .chat_message_wrapper:after {
    clear: both
}

.chat_box .chat_message_wrapper:after,
.chat_box .chat_message_wrapper:before {
    content: " ";
    display: table
}

.chat_box .chat_message_wrapper:after {
    clear: both
}

.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 {
    padding: 0;
    margin: 0;
    list-style: none
}

@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 {
    background: #ededed;
    padding: 8px 16px;
    border-radius: 4px;
    position: relative;
    font-size: 13px;
    display: block;
    float: left;
    clear: both;
    color: #212121
}

@media only screen and (max-width:767px) {
    .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: solid;
    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_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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chat_box_wrapper .chat_box {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.chat_submit_box {
    background: #fafafa;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    padding: 8px 8px 12px 16px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    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
}

.md-list.chat_users li {
    cursor: pointer
}

.list-chatboxes>li {
    cursor: pointer
}

#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
}

@media only screen and (min-width:768px) {
    #chatbox_wrapper {
        text-align: right
    }
}

.sidebar_main_active #chatbox_wrapper,
.sidebar_main_open #chatbox_wrapper {
    left: 240px
}

@media only screen and (min-width:768px) {
    .sidebar_secondary_active #chatbox_wrapper {
        right: 280px
    }
}

.chatbox {
    text-align: left;
    display: inline-block;
    height: 320px;
    width: 260px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    background: #fff;
    border-radius: 2px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 36px 0 48px;
    overflow: hidden;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    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:after {
    clear: both
}

.chatbox_header:after,
.chatbox_header:before {
    content: " ";
    display: table
}

.chatbox_header:after {
    clear: both
}

.chatbox_header .header_name {
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    max-width: 180px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    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;
    -webkit-box-sizing: border-box;
    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
}

.chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .12);
    background: #fff
}

.chatbox_footer .message_input {
    width: 100%;
    border: none;
    font-size: 13px;
    padding: 8px;
    max-height: 80px;
    font: 400 13px/16px Roboto, sans-serif;
    resize: none;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.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 16px;
    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 {
    text-align: center
}

.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 {
    margin: 0;
    padding: 0;
    list-style: none
}

.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 {
    text-align: center
}

.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 {
    margin: 0;
    padding: 0;
    list-style: none
}

.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 {
    text-align: center
}

.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 {
    margin: 0;
    padding: 0;
    list-style: none
}

.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
}

.pricing_table_v2.pricing_table_v2_a {
    text-align: center
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_plan {
    font-size: 18px;
    font-weight: 400;
    padding: 24px 0
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_price {
    padding: 8px 0 0;
    font-size: 48px;
    margin: 0 8px 24px;
    color: #fff;
    background: #4db6ac
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_price .currency {
    vertical-align: top;
    font-size: 24px;
    padding: 0 4px
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_price .period {
    font-size: 14px;
    padding: 4px;
    display: block
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_features {
    margin: 0;
    padding: 0;
    list-style: none
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_features>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_features li {
    font-size: 16px;
    padding: 8px 0
}

.pricing_table_v2.pricing_table_v2_a .pricing_table_select {
    padding: 32px 0
}

.pricing_table_v2.pricing_table_v2_a .md-btn {
    background: #4db6ac;
    color: #fff
}

.pricing_table_v2.pricing_table_v2_b {
    text-align: center
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_plan {
    font-size: 18px;
    font-weight: 400;
    padding: 16px 0;
    background: #ef5350;
    color: #fff
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_price {
    padding: 8px 0;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 48px;
    color: #fff;
    background: #e53935
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_price .currency {
    vertical-align: top;
    font-size: 24px;
    padding: 0 4px
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_price .period {
    font-size: 14px;
    padding: 4px;
    display: block;
    font-weight: 400
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_features {
    margin: 0;
    padding: 0;
    list-style: none
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_features>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_features li {
    font-size: 16px;
    padding: 8px 0
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_features li:nth-child(odd) {
    background: #f5f5f5
}

.pricing_table_v2.pricing_table_v2_b .pricing_table_select {
    padding: 32px 0
}

.pricing_table_v2.pricing_table_v2_b .md-btn {
    background: #ef5350;
    color: #fff
}

.pricing_table_v2.pricing_table_v2_c {
    text-align: center
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_plan {
    font-size: 14px;
    font-weight: 700;
    margin: 0 32px 24px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    text-transform: uppercase;
    color: #727272
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_price {
    padding: 8px 0;
    font-size: 48px;
    margin: 0 0 24px
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_price .currency {
    vertical-align: top;
    font-size: 24px;
    padding: 0 4px
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_price .period {
    font-size: 14px;
    padding: 4px;
    font-weight: 400;
    color: #aaa
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_features {
    margin: 0;
    padding: 0;
    list-style: none
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_features>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_features li {
    font-size: 14px;
    padding: 12px 0;
    margin: 0 32px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.pricing_table_v2.pricing_table_v2_c .pricing_table_select {
    padding: 32px 0
}

.invoice_header {
    height: 72px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    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;
    text-align: center;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, .26);
    box-shadow: 4px 0 8px rgba(0, 0, 0, .26);
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    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;
    -webkit-box-sizing: border-box;
    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);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .26);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .26)
}

@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 {
    margin: 0;
    padding: 0;
    list-style: none
}

.search_list>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.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:after {
    clear: both
}

.search_list li:after,
.search_list li:before {
    content: " ";
    display: table
}

.search_list li:after {
    clear: both
}

.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
}

ol.questions,
ol.questions li,
ul.answers,
ul.answers li,
ul.responses,
ul.responses li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.backToQuestion,
.nextQuestion,
.questions li.question,
.questions li.question .responses,
.questions li.question .responses .correct,
.questions li.question .responses .incorrect,
.quizResults,
.startQuiz {
    display: none
}

.startQuiz {
    margin-top: 40px
}

.tryAgain {
    float: none;
    margin: 20px 0
}

.quizArea,
.quizResults {
    zoom: 1
}

.quizArea:after,
.quizArea:before,
.quizResults:after,
.quizResults:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0
}

.quizArea:after,
.quizResults:after {
    clear: both
}

.questionCount {
    font-size: 14px;
    font-style: italic
}

.questionCount span {
    font-weight: 700
}

ol.questions {
    margin-top: 20px
}

ol.questions .md-btn {
    margin-left: 0!important
}

ul.responses li {
    margin: 40px 0
}

ul.responses li p span {
    display: block;
    font-weight: 700;
    font-size: 22px
}

.complete ul.answers li.correct,
ul.responses li.correct p span {
    color: #7cb342
}

ul.responses li.incorrect p span {
    color: #e53935
}

ul.answers {
    margin: 30px 0
}

ul.answers>li {
    margin: 14px 0 0 20px
}

ul.answers>li label {
    padding-left: 4px
}

.quizResults h3 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 700
}

.quizResults h3 span {
    font-weight: 400;
    font-style: italic
}

.quizResultsCopy {
    clear: both;
    margin-top: 20px
}

.quizResultsCopy h5 {
    border-top: 1px solid rgba(0, 0, 0, .12);
    font-size: 18px;
    margin: 20px 0 10px;
    padding-top: 20px
}

.quizResultsCopy p {
    margin-top: 0
}

.nextQuestion.checkAnswer {
    display: block
}

.quizName span:first-child {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

html {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ececec
}

body {
    min-height: 100%;
    font: 400 14px/1.42857143 Roboto, sans-serif;
    padding-top: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a,
button {
    outline: 0!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-] {
    font: 400 12px/18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

pre[class*=language-] {
    -webkit-box-shadow: none;
    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 {
    font: 400 12px/18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace!important;
    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;
    -webkit-overflow-scrolling: touch
}

.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
}

.clearfix:after {
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500
}

.heading_a {
    margin: 0;
    font: 400 20px/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 {
    margin-top: 24px
}

.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
}

.uk-table .row-selected {
    background: #fff8e1!important
}

.uk-table [data-link] {
    cursor: pointer
}

.uk-text-pre {
    white-space: pre
}

.table_tree {
    margin-bottom: 4px!important
}

.table_tree .table-child-row {
    display: none
}

.table_tree .toggle-childrens {
    display: block;
    padding-left: 24px;
    position: relative
}

.table_tree .toggle-childrens:before {
    content: '\e313';
    font-family: "Material Icons";
    font-size: 28px;
    position: absolute;
    left: -6px;
    top: -10px;
    color: #727272;
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.table_tree .table-child-row {
    display: table-row
}

.table_tree .table-child-row .child-row-main-col {
    padding-left: 40px
}

.table_tree .show_child_row .toggle-childrens:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

address {
    margin: 0
}

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 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list>li {
    padding: 0;
    margin: 0;
    list-style: none
}

.inline-list li {
    float: left;
    margin: 0 8px 8px 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    background: rgba(102, 102, 102, .085)
}

.img_thumb {
    width: 80px;
    max-width: 100%;
    height: auto
}

.img_thumb.square {
    height: 80px
}

.img_small {
    width: 120px;
    max-width: 100%;
    height: auto
}

.img_small.square {
    height: 120px
}

.img_medium {
    width: 240px;
    max-width: 100%;
    height: auto
}

.img_medium.square {
    height: 240px
}

.img_large {
    width: 400px;
    max-width: 100%;
    height: auto
}

.img_large.square {
    height: 400px
}

.inline-label {
    padding-left: 4px;
    cursor: pointer;
    vertical-align: -1px
}

.form_hr {
    border-top: 1px dashed rgba(0, 0, 0, .12);
    margin: 32px 0 16px
}

#page_content:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    display: block;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    z-index: -1
}

#page_content_inner {
    padding: 10px 10px 100px
}

#page_overflow {
    min-height: 100%;
    overflow-y: auto
}

@media only screen and (min-width:1000px) {
    .boxed_layout #page_content {
        max-width: 1000px;
        margin: 0 auto!important
    }
    .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 {
        padding-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);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.disable_transitions #header_main,
.disable_transitions #header_main .sSwitch .sSwitchIcon,
.disable_transitions #header_main .sSwitch .sSwitchIcon:after,
.disable_transitions #header_main .sSwitch .sSwitchIcon:before,
.disable_transitions #page_content,
.disable_transitions #sidebar_main,
.disable_transitions #top_bar {
    -webkit-transition: none!important;
    transition: none!important
}

@media print {
    *,
    :after,
    :before {
        background: 0 0!important;
        color: #000!important;
        -webkit-box-shadow: none!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;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    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
    }
    .uk-table-bordered td,
    .uk-table-bordered th {
        border: 1px solid #ddd!important
    }
    #header_main,
    #sidebar_main,
    #sidebar_secondary,
    #style_switcher,
    .header_double_height:before,
    .hidden-print,
    .md-fab-wrapper {
        display: none!important;
        width: 0!important;
        height: 0!important;
        overflow: hidden!important;
        margin: 0!important;
        left: 0!important
    }
    .sidebar_main_active #header_main,
    .sidebar_main_active #top_bar {
        display: none!important;
        left: 0!important
    }
    body {
        overflow-y: visible!important;
        background: #fff;
        padding: 20px!important
    }
    body:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        display: block;
        z-index: 9999
    }
    #sidebar_main {
        left: -240px!important
    }
    .main-print {
        padding: 0!important;
        margin: 0!important;
        width: 100%!important;
        left: 0!important;
        top: 0!important
    }
    .md-card-single {
        margin: 0!important
    }
    #page_content {
        margin: 0!important;
        overflow-y: visible!important;
        height: auto!important;
        -webkit-transition: none!important;
        transition: none!important
    }
    #page_content:before {
        display: none!important
    }
    .print_bg,
    .print_bg>* {
        -webkit-print-color-adjust: exact
    }
    .reset-print {
        left: 0!important;
        right: 0!important;
        margin: 0!important;
        padding: 0!important;
        width: 100%!important
    }
    .md-card-content {
        height: auto!important
    }
}


.hidden {
    display: none!important
}

.uk-table tr {
    cursor: pointer
}

.help-block {
    color: red
}

.datatable-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -10px;
    margin-left: -10px
}

#loader {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
    z-index: 9999999999
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

.center {
    position: fixed;
    top: 40%;
    /* bottom: 0; */
    left: 48%;
    /* right: 0; */
    margin: auto
}

.k-toolbar {
    overflow: unset!important
}

.k-toolbar .k-button {
    padding: 5px 3px;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.uk-dropdown.uk-dropdown-large-person {
    min-width: 250px!important;
    text-align: left
}

.no-padding {
    padding: 0!important
}

@media only screen and (max-width:768px) {
    .quebrar_marketplace {
        display: flex
    }
}

[readonly=readonly] {
    cursor: no-drop;
}
[readonly=readonly]:hover {
    cursor: no-drop;
}
.label_fixed {
    top: -20px!important;
    margin-top: 5px!important;
    font-size: 12px!important
}

.thumb_menu {
    -webkit-transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    transition: all 280ms cubic-bezier(.4, 0, .2, 1);
    width: 26px;
    height: 26px;
    line-height: 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #ededed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}
  
#page_content_inner{
    padding: 1px;
}
@media (max-width: 790px) {    
    #page_content_inner{
        padding: 5px;
    }
    /* .uk-modal-dialog-large {
        width: 92%! important;
    } */
    .modal-response{
        padding: 8px!important;
        margin: 5px !important;
        box-sizing: unset!important;
    }

    .md-card .md-card-content {
        padding: 8px !important;
    }
    .uk-modal-dialog .uk-modal-dialog-large{
        padding: 5px !important;
    }
    .md-card .md-card-toolbar {
        padding: 0;
    }
    
    .buscar, .buscador_storage, .time, .date {
        margin-top: 10px;
        margin-top: 10px;
    }
    ::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }
    .uk-modal-footer {
        padding: 5px !important;
    }
    .dataTables_wrapper .dt-uikit-header {
        padding: 0 !important;
    }
}

@media (min-width: 1200px) {
    .uk-modal-dialog-large {
        width: 94%! important;
    }
}

@media (min-width: 4900px) {
    .uk-modal-dialog-large {
        width: 94%! important;
    }
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 12px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .k-toolbar {
      min-height: 40px;
  }

#breadcrumbs{
    white-space: normal!important;
}

.uk-nav-dropdown>li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.uk-nav-dropdown>li>a {
    font-size: 16px;
}

.uk-notify {
    z-index: 999999999999 !important;
} 

.uk-dropdown>ul{
    margin-right: 5px;
}
.uk-dropdown>ul:not(.uk-autocomplete-results)>li{
    overflow: auto;
}
.wrapforcado {
    white-space: normal!important;
    min-width: 300px;
}
.paginate_button.uk-disabled{
   
    pointer-events: none;
    cursor: default;
}

.uk-tab>li.uk-active>a {border-bottom-width: medium!important;  }
.app_theme_dark input[type="time"]::-webkit-calendar-picker-indicator { background-color: white; }
.app_theme_dark .uk-tab>li.uk-active>a {border-bottom-color: #0097a7 !important}
ul[data-uk-tab] { margin-top: 10px; background-color: #f5f5f5; }
 
.app_theme_dark ul[data-uk-tab] { background-color: #616161; }

.bordas_arredondadas input:not(.input_tabela){
    border-width: 2px !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
    padding: 6px !important;
}
.bordas_arredondadas .md-input-wrapper .md-input-bar{
    
    left: 10px;
    width: 95%;
}
.bordas_arredondadas .md-input-focus .md-input-bar:before{
    width: 46%;
}


.app_theme_dark .bordas_arredondadas .selectize-input {
    margin-top: -4px !important;
    padding: 10px !important;
    border-style: none !important;
}

.bordas_arredondadas .selectize-input {
    margin-top: -4px !important;
    padding: 10px !important;
    border-style: solid;
    border-width: 0 0 2px !important;
    border-radius: 20px !important;
}

.menu_title:hover{
    font-style:italic
}

.no_border{
    border: none !important;
}

.color_branco_force{
    color:white !important;
}

@media (max-width: 750px) {
    label {
        display: contents;
    }
}

@media (max-width: 750px) {
    .uk-modal-dialog {
        width: 99% !important;
    }
}
.app_theme_dark .uk-tab>li>a:focus, .app_theme_dark .uk-tab>li>a:hover {
    color:#fff !important
}

.margin_top_negative {
    margin-top: -10px !important;
}

.md-input-sem-block{
    display: inherit !important;
    width: 70px !important;
}

.input-com-erro{ 
    border-color: #e53935 !important;
    color: red !important;
}
.input-bar-com-erro{ 
    background: #e53935 !important;
    color: red !important;
}
.input-bar-com-erro::after{ 
    background: #e53935 !important;
    color: red !important;
}
.input-bar-com-erro::before{ 
    background: #e53935 !important;
    color: red !important;
}


/* tema a */
.uk-table tr.row_checked td {
    background: #67c0ff;
    background-color: #67c0ff;
}

/* tema a */
.app_theme_a .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}

/* fim tema a */
.app_theme_b .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}
.app_theme_c .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}

/* tema d */
.app_theme_d .uk-table tr.row_checked td {
    color:white!important;
    background: #8061b4!important;
    background-color: #8061b4!important;
}
/* .app_theme_d .uk-table tr:hover {
    background: #aa96d1!important;
    background-color: #aa96d1!important;
} */
/* fim tema d */

.app_theme_e .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}
.app_theme_f .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}
.app_theme_g .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}
.app_theme_h .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}
.app_theme_i .uk-table tr.row_checked td {
    background: #67c0ff!important;
    background-color: #67c0ff!important;
}

body:not(.app_theme_dark).uk-table tr.row_checked td {
    background: #67c0ff;
    background-color: #67c0ff !important;
}

.tab_error{
  animation-name: animation_tab_error;
  animation-duration: 2s;
  font-size: 12px;
  animation-iteration-count: 3000;
}

@keyframes animation_tab_error {
    from {font-size: 12px;}
    to {font-size: 20px; height: 20px; width:20px;}
  }

body{
    padding-right: 0!important;
}

.uk-table-centralizado td {
    vertical-align: inherit !important;
}

.detalhe_accordion_datatable {
    background: rgba(153, 153, 153, 0.2);
}

.detalhe_accordion_datatable {
    background: rgba(153, 153, 153, 0.2);
}


.app_theme_a  .background_cor_destacada,
.app_theme_b  .background_cor_destacada,
.app_theme_c  .background_cor_destacada,
.app_theme_d  .background_cor_destacada,
.app_theme_e  .background_cor_destacada,
.app_theme_f  .background_cor_destacada,
.app_theme_g  .background_cor_destacada,
.app_theme_h  .background_cor_destacada,
.app_theme_i  .background_cor_destacada {
    background: #EFEBEF !important;
}

.app_theme_dark .background_cor_destacada {
    background: #303030 !important;
}
.app_theme_dark .ck.ck-editor__main>.ck-editor__editable  {
    background-color: #424242 !important;
}
.app_theme_dark .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all  {
    color: white !important;
}
.app_theme_dark .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset, .ck.ck-reset_all  {
    background: #424242 !important;
}


:not(.app_theme_dark)  .background_sem_cor {
    background: white !important;
}

.input_tabela {
    height: 25px !important;
    margin: 0 !important;
    border-width: 2px !important;
    border-radius: 20px !important;
    max-width: 160px;
    padding: 5px !important;
    float:right;
}
textarea {
    border-width: 2px !important;
}

.md-btn-success{
    color: white !important
}



/* Estilo para arredondar bordas de todos os cards e botões */
.md-card, .md-btn, .uk-modal-dialog {
    border-radius: 8px; /* Suave arredondamento */ 
    /* overflow: hidden; Garante que o conteúdo do card não ultrapasse o arredondamento */
}

/* Somente para cards com efeito hover */
.md-card-hover {
    transition: box-shadow 0.3s ease; /* Suave transição de sombra */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra leve padrão */
}

.md-card-hover:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Sombra mais intensa ao passar o mouse */
}

/* Suavidade para o botão */
.md-btn {
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Suave transição para botão */
}

.md-btn:hover {
    background-color: #1976d2; /* Ajuste de cor no hover do botão */
}

/* Suavidade para bordas de toolbar e botões */
.barnavegacao {
    border-radius: 8px; /* Arredondamento leve */
}


/* Botões */
.k-button {
    border-radius: 6px; /* Arredondamento leve */
    overflow: hidden; /* Garante que o hover respeite o arredondamento */
    transition: transform 0.1s ease; /* Transição sutil para suavizar o hover */
}

.k-button:hover {
    border-radius: 6px; /* Garante o arredondamento também no hover */
}



.btnModulo:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    background-color: #f5f5f5;
    /* Efeito hover para modo claro */
}


body.app_theme_dark .btnModulo:hover {
    background-color: #4a4a4a;
    /* Hover mais claro para contraste */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8);
    border-color: #666;
    /* Destaque na borda ao passar o mouse */
}




.cards-container-modulos {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
}

.card-button-modulos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
    text-align: center;
    background: #fff;
    /* Cor padrão para modo claro */
    cursor: pointer;
    width: 100px;
    height: 60px;
    position: relative;
}

.card-button-modulos:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    background-color: #f5f5f5;
    /* Efeito hover para modo claro */
}

.card-icon-modulos {
    font-size: 24px;
    position: absolute;
    top: 5px;
    left: 20px;
}

.card-text-modulos {
    position: absolute;
    bottom: 1px;
    left: 20px;
    font-size: 14px;
    font-weight: bold;
}

/* Estilos para o modo escuro */
body.app_theme_dark .card-button-modulos {
    background: #3c3c3c;
    /* Fundo mais claro que o fundo geral */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    color: #e0e0e0;
    /* Texto com um cinza claro */
    border: 1px solid #555;
    /* Borda para destacar o botão */
    transition: all 0.3s ease;
}

body.app_theme_dark .card-button-modulos:hover {
    background-color: #4a4a4a;
    /* Hover mais claro para contraste */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8);
    border-color: #666;
    /* Destaque na borda ao passar o mouse */
}

body.app_theme_dark .card-icon-modulos {
    color: #ccc;
    /* Ícones com contraste claro */
}

body.app_theme_dark .card-text-modulos {
    color: #fff;
    /* Texto em branco no modo escuro */
}

.card-button-modulos:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Container do menu de colunas */
body.app_theme_dark div.dt-button-collection {
  background-color: #2a2a2a !important;
  border: 1px solid #444;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  padding: 4px;
  min-width: 200px;
}

/* Cada item (coluna) */
body.app_theme_dark div.dt-button-collection .dt-button {
  background: none !important;
  color: #ddd !important;
  font-size: 13px;
  padding: 6px 12px 6px 36px !important;
  position: relative;
  text-align: left;
  border: none;
  margin: 2px 0;
  border-radius: 4px;
  transition: background 0.2s;
}

/* Hover */
body.app_theme_dark div.dt-button-collection .dt-button:hover {
  background-color: #3a3a3a !important;
}

/* Coluna ativa = ícone check */
body.app_theme_dark div.dt-button-collection .dt-button.active::before {
  content: "✓";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #66ccff;
  font-size: 14px;
  font-weight: bold;
}

/* Ajuste no botão de abrir o menu */
body.app_theme_dark .dt-button.buttons-colvis {
  background-color: #0288d1 !important;
  color: white !important;
  border-radius: 4px;
  font-size: 12px;
  padding: 4px 10px;
}


.card-padrao {
    border: 1px solid #3e3e3e;
    border-radius: 8px;
    background-color: #3f3f3f;
    margin-bottom: 16px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    overflow: hidden;
}

.card-padrao-header {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background-color: #616161;
    border-bottom: 1px solid #4a4a4a;
}

.card-padrao-icone {
    font-size: 20px;
    color: #90caf9;
    margin-right: 8px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-padrao-titulo {
    font-size: 15px;
    font-weight: 600;
    color: #eeeeee;
}

.card-padrao-body {
    padding: 12px 16px;
}

/* Tema claro */

body:not(.app_theme_dark) .card-padrao {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f9f9f9;  /* Corpo com leve tom diferente do header */
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

body:not(.app_theme_dark) .card-padrao-header {
    background-color: #f3f3f3;  /* Header levemente mais escuro que o body */
    border-bottom: 1px solid #eee;
}

body:not(.app_theme_dark) .card-padrao-icone {
    color: #3f51b5;
}

body:not(.app_theme_dark) .card-padrao-titulo {
    color: #333;
}


.card-compartilhar {
    cursor: pointer;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 15px 20px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    background: #f8f8f8;
}

.card-compartilhar:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    background: #e0e0e0;
}

.app_theme_dark .card-compartilhar {
    background: #2f2f2f;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.app_theme_dark .card-compartilhar:hover {
    background: #3a3a3a;
    box-shadow: 0 4px 12px rgba(0,0,0,0.7);
}


/* BOTÕES PADRÃO GLOBAL COM MESMO ESPAÇAMENTO PARA TODOS OS TEMAS */
.k-button {
    background-color: #e3e3e3;
    color: #212121;
    border: none;
    border-radius: 10px;
    padding: 5px 12px !important; /* 🔒 força o padding */
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

/* Tema claro explícito */
body:not(.app_theme_dark) .k-button {
    background-color: #e3e3e3;
    color: #212121;
    border-radius: 10px;
    padding: 5px 12px !important;
}

/* Hover claro */
body:not(.app_theme_dark) .k-button:hover {
    background-color: #d5d5d5;
    color: #000;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* Tema escuro */
.app_theme_dark .k-button {
    background-color: #3b3b3b;
    color: #f5f5f5;
    border-radius: 10px;
    padding: 5px 12px !important;
}

.app_theme_dark .k-button:hover {
    background-color: #464646;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Ícones */
.k-button i.material-icons {
    font-size: 18px;
    margin-right: 4px;
}
.header-fixed .k-separator {
    display: none !important;
}


.md-input[readonly="readonly"] {
  background-color: #f6f6f6 !important;
  color: #000;
  font-weight: 500 !important;

  font-size: 14px !important;
  font-style: normal !important;
  border: none;
  border-radius: 6px;
  padding: 4px 8px;
  
  height: 36px;
}

/* Tema escuro */
.app_theme_dark .md-input[readonly="readonly"] {
  background-color: #3a3a3a !important;
  color: #fff;
}



textarea.md-input {
  background-color: #fff;
  color: #212121;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.5;
  resize: vertical;
  transition: all 0.2s ease-in-out;
}

textarea.md-input:focus {
  border-color: #1976d2;
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.15);
  outline: none;
}

/* Modo escuro corrigido */
.app_theme_dark textarea.md-input {
  background-color: #3a3a3a; /* mesmo tom dos inputs normais */
  color: #f0f0f0;
  border: 1px solid #555;
}

/* Foco */
.app_theme_dark textarea.md-input:focus {
  border-color: #64b5f6;
  box-shadow: 0 0 0 2px rgba(100, 181, 246, 0.15);
  outline: none;
}




/* Base das guias */
.uk-tab {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.uk-tab > li {
  margin-right: 24px;
}

.uk-tab > li > a {
  padding: 10px 0;
  color: #666;
  font-weight: 500;
  font-size: 14px;
  border: none;
  background: none;
  position: relative;
  text-transform: uppercase;
  transition: color 0.2s ease;
}

/* Hover: cor mais escura */
.uk-tab > li > a:hover {
  color: #111;
}

/* Linha inferior apenas na aba ativa */
.uk-tab > li.uk-active > a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2196f3;
}

/* Aba ativa: cor mais forte */
.uk-tab > li.uk-active > a {
  color: #000;
  font-weight: 600;
}

/* Tema escuro */
.app_theme_dark .uk-tab {
  border-bottom: 1px solid #444;
}

.app_theme_dark .uk-tab > li > a {
  color: #aaa;
}

.app_theme_dark .uk-tab > li > a:hover {
  color: #fff;
}

.app_theme_dark .uk-tab > li.uk-active > a {
  color: #fff;
}

.app_theme_dark .uk-tab > li.uk-active > a::after {
  background-color: #26c6da; /* cyan light */
}
.uk-switcher [tab_content] > .md-card-content:first-child {
  padding: 12px 2px 0px 2px !important;

  
}

.app_theme_dark .md-card,
.app_theme_dark .md-card-content {
  border-left: 2px solid rgba(255, 255, 255, 0.06); /* borda sutil à esquerda */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}


.k-button.md-btn-success {
	background-color: #4CAF50 !important; /* verde padrão material */
	color: #fff !important;
	border: none !important;
}
.k-button.md-btn-success:hover,
.k-button.md-btn-success:focus {
	background-color: #45A049 !important; /* tom um pouco mais escuro */
}


.k-button.md-btn-primary {
	background-color: #4CAF50 !important; /* verde padrão material */
	color: #fff !important;
	border: none !important;
}
.k-button.md-btn-primary:hover,
.k-button.md-btn-primary:focus {
	background-color: #45A049 !important; /* tom um pouco mais escuro */
}