﻿@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Mono");
@import url("https://cdn.materialdesignicons.com/4.7.95/css/materialdesignicons.min.css");

.background .content-page,
.noBackground .content-page {
    margin-left: 0 !important
}

    .background .content-page .content,
    .noBackground .content-page .content {
        margin-left: 0 !important;
        padding: 0 !important
    }

    .background,
    .background .content-page .content {
        background-color: #efefef !important
    }

.noBackground {
    background-color: #fff !important
}

    .noBackground .wrapper-page {
        padding: 10px !important
    }

.m-t-8 {
    margin-top: 8px
}

.m-l-8 {
    margin-left: 8px
}

.m-t-25 {
    margin-top: 25px
}

.m-l-20 {
    margin-left: 20px
}

.rawCode {
    width: 100%
}

xmp {
    font: Roboto Mono, "monospace";
    background-color: #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    xmp:before {
        position: relative;
        top: 5px;
        left: 5px;
        font: normal normal normal 24px/1 Material Design Icons;
        content: "\F31D"
    }

.logotypeLogin {
    margin: 0 auto 70px;
    width: 250px
}

.page-title {
    line-height: 1.2;
    font-size: 1.6rem
}

.page-title-box .page-title {
    text-align: left;
    margin-bottom: 0
}

.notification-list .profile-dropdown {
    width: 270px
}

    .notification-list .profile-dropdown .notify-item {
        padding: 20px;
        color: rgba(0, 0, 0, .87)
    }

        .notification-list .profile-dropdown .notify-item:hover {
            background-color: #e8eaf6 !important;
            color: rgba(0, 0, 0, .87)
        }

    .notification-list .profile-dropdown.dropdown-menu {
        padding: 0
    }

        .notification-list .profile-dropdown.dropdown-menu .dropdown-item {
            font-size: 1.1rem
        }

        .notification-list .profile-dropdown.dropdown-menu .noti-title {
            background-color: #3f51b5;
            color: hsla(0, 0%, 100%, .87);
            cursor: default
        }

.breadcrumb {
    font-size: 1.1rem !important
}

.breadcrumb-item.active {
    color: #999
}

.breadcrumb-item:before {
    color: #757575;
    content: "›" !important;
    display: inline-block;
    font-style: normal;
    padding-right: .3rem !important;
    padding-left: .3rem !important
}

@media screen and (max-width:767px) {
    .notification-list .profile-dropdown.dropdown-menu {
        top: 5px !important
    }
}

.tabs-vertical-env .tabs-vertical.nav {
    min-width: 0
}

.tabs-vertical-env .tabs-vertical .nav-item .nav-link {
    margin: 0 0 1.5rem;
    padding: 1rem;
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link:hover {
        background-color: #3f51b5;
        color: hsla(0, 0%, 100%, .87)
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link.active {
        background-color: #ffc107;
        color: rgba(0, 0, 0, .87);
        cursor: default
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link .text:before {
        font: normal normal normal 24px/1 Material Design Icons;
        vertical-align: bottom;
        margin: 0 .4rem 0 0
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link .text.laboratory:before {
        content: "\F654"
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link .text.components:before {
        content: "\F31D"
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link .text.uiMockups:before {
        content: "\FCBF"
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link .text.uxProject:before {
        content: "\F5B5"
    }

    .tabs-vertical-env .tabs-vertical .nav-item .nav-link .text.comingSoon:before {
        content: "\F51B"
    }

.tabs-vertical-env .tab-content {
    background-color: transparent
}

@media screen and (max-width:767px) {
    .tabs-vertical-env .tabs-vertical.nav {
        min-width: 0
    }
}

.table-rep-plugin .btn-default.btn-primary {
    background-color: #3f51b5 !important;
    border-color: #3949ab !important
}

.table-rep-plugin .sticky-table-header {
    background-color: transparent;
    -webkit-box-shadow: 0 1px 10px #999;
    -moz-box-shadow: 0 1px 10px #999;
    box-shadow: 0 1px 10px #999;
    border-color: transparent transparent hsla(0, 0%, 100%, .87)
}

.table-rep-plugin .scrollBar .fl-scrolls:not([data-orientation]),
.table-rep-plugin .scrollBar .fl-scrolls[data-orientation=horizontal] {
    bottom: 1.9rem
}

.table-rep-plugin .table.table-sm td,
.table-rep-plugin .table.table-sm th {
    padding: 0 .3rem .15rem
}

.table-rep-plugin .table a {
    position: relative;
    top: -.2rem;
    color: #304ffe
}

    .table-rep-plugin .table a:hover,
    .table-rep-plugin .table a:visited:hover {
        color: #536dfe
    }

    .table-rep-plugin .table a.add,
    .table-rep-plugin .table a.cancel,
    .table-rep-plugin .table a.delete,
    .table-rep-plugin .table a.display,
    .table-rep-plugin .table a.edit,
    .table-rep-plugin .table a.link,
    .table-rep-plugin .table a.open {
        display: inline-block
    }

        .table-rep-plugin .table a.add span,
        .table-rep-plugin .table a.cancel span,
        .table-rep-plugin .table a.delete span,
        .table-rep-plugin .table a.display span,
        .table-rep-plugin .table a.edit span,
        .table-rep-plugin .table a.open span {
            margin-right: .5rem
        }

        .table-rep-plugin .table a.add:before,
        .table-rep-plugin .table a.cancel:before,
        .table-rep-plugin .table a.delete:before,
        .table-rep-plugin .table a.display:before,
        .table-rep-plugin .table a.edit:before,
        .table-rep-plugin .table a.open:before {
            font: normal normal normal 24px/1 Material Design Icons;
            position: relative;
            top: .15rem
        }

        .table-rep-plugin .table a.display:before,
        .table-rep-plugin .table a.open:before {
            right: .1rem
        }

        .table-rep-plugin .table a.add:hover:before,
        .table-rep-plugin .table a.add:visited:hover:before {
            content: "\F704"
        }

        .table-rep-plugin .table a.add:before {
            content: "\F0217"
        }

        .table-rep-plugin .table a.cancel:hover:before,
        .table-rep-plugin .table a.cancel:visited:hover:before {
            content: "\F6C8"
        }

        .table-rep-plugin .table a.cancel:before {
            content: "\F156"
        }

        .table-rep-plugin .table a.delete:hover:before,
        .table-rep-plugin .table a.delete:visited:hover:before {
            content: "\F9E6"
        }

        .table-rep-plugin .table a.delete:before {
            content: "\F1C0"
        }

        .table-rep-plugin .table a.display:hover:before,
        .table-rep-plugin .table a.display:visited:hover:before {
            content: "\F6CF"
        }

        .table-rep-plugin .table a.display:before {
            content: "\F208"
        }

        .table-rep-plugin .table a.edit:hover:before,
        .table-rep-plugin .table a.edit:visited:hover:before {
            content: "\FC92"
        }

        .table-rep-plugin .table a.edit:before {
            content: "\F3EB"
        }

    .table-rep-plugin .table a.link {
        padding-top: .2rem
    }

        .table-rep-plugin .table a.link:hover,
        .table-rep-plugin .table a.link:visited:hover {
            border-bottom: .1rem solid #8c9eff
        }

    .table-rep-plugin .table a.open:hover:before,
    .table-rep-plugin .table a.open:visited:hover:before {
        content: "\FDAB"
    }

    .table-rep-plugin .table a.open:before {
        content: "\F76F"
    }

.table-rep-plugin .table thead tr th {
    vertical-align: top
}

.table-rep-plugin .table tbody tr td.info {
    background-color: #33b5e5;
    color: rgba(0, 0, 0, .87)
}

.table-rep-plugin .table tbody tr td.success {
    background-color: #00c851;
    color: rgba(0, 0, 0, .87)
}

.table-rep-plugin .table tbody tr td.tipsAndTricks {
    background-color: #2bbbad;
    color: rgba(0, 0, 0, .87)
}

.table-rep-plugin .table tbody tr td.warning {
    background-color: #fb3;
    color: rgba(0, 0, 0, .87)
}

.table-rep-plugin .table tbody tr td.danger {
    background-color: #f44;
    color: rgba(0, 0, 0, .87)
}

.table-rep-plugin .table tbody tr:nth-of-type(2n) {
    background-color: #efefef
}

    .table-rep-plugin .table tbody tr:nth-of-type(2n) td.info {
        background-color: #0484b3;
        color: hsla(0, 0%, 100%, .87)
    }

    .table-rep-plugin .table tbody tr:nth-of-type(2n) td.success {
        background-color: #007e33;
        color: hsla(0, 0%, 100%, .87)
    }

    .table-rep-plugin .table tbody tr:nth-of-type(2n) td.tipsAndTricks {
        background-color: #00695c;
        color: hsla(0, 0%, 100%, .87)
    }

    .table-rep-plugin .table tbody tr:nth-of-type(2n) td.warning {
        background-color: #f80;
        color: hsla(0, 0%, 100%, .87)
    }

    .table-rep-plugin .table tbody tr:nth-of-type(2n) td.danger {
        background-color: #c00;
        color: hsla(0, 0%, 100%, .87)
    }

.table-rep-plugin .table tbody tr.pagination-ys td {
    padding: .75rem 0
}

    .table-rep-plugin .table tbody tr.pagination-ys td table {
        position: relative;
        right: 0
    }

        .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr {
            background-color: transparent
        }

            .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td {
                padding: 0;
                background-color: transparent;
                border-color: transparent
            }

                .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td a,
                .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td span {
                    display: inline-block;
                    padding: .5rem .9rem
                }

                .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td span {
                    color: hsla(0, 0%, 100%, .87);
                    font-weight: 700;
                    z-index: 1;
                    background-color: #3f51b5;
                    -webkit-border-radius: 0 !important;
                    -moz-border-radius: 0 !important;
                    border-radius: 0 !important
                }

                .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td a {
                    margin: .2rem 0;
                    color: #3f51b5;
                    background-color: transparent
                }

                    .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td a:hover,
                    .table-rep-plugin .table tbody tr.pagination-ys td table tbody tr td a:visited:hover {
                        color: #7986cb;
                        background-color: #e8eaf6
                    }

.table-rep-plugin .table.color thead tr th a,
.table-rep-plugin .table.grey thead tr th a,
.table-rep-plugin .table.white thead tr th a {
    position: relative
}

    .table-rep-plugin .table.color thead tr th a:link,
    .table-rep-plugin .table.color thead tr th a:visited:link,
    .table-rep-plugin .table.grey thead tr th a:link,
    .table-rep-plugin .table.grey thead tr th a:visited:link,
    .table-rep-plugin .table.white thead tr th a:link,
    .table-rep-plugin .table.white thead tr th a:visited:link {
        top: .1rem;
        text-decoration: none
    }

    .table-rep-plugin .table.color thead tr th a:hover,
    .table-rep-plugin .table.color thead tr th a:visited:hover,
    .table-rep-plugin .table.grey thead tr th a:hover,
    .table-rep-plugin .table.grey thead tr th a:visited:hover,
    .table-rep-plugin .table.white thead tr th a:hover,
    .table-rep-plugin .table.white thead tr th a:visited:hover {
        text-decoration: underline
    }

.table-rep-plugin .table.color thead tr.filters,
.table-rep-plugin .table.color thead tr.filters th,
.table-rep-plugin .table.grey thead tr.filters,
.table-rep-plugin .table.grey thead tr.filters th,
.table-rep-plugin .table.white thead tr.filters,
.table-rep-plugin .table.white thead tr.filters th {
    background-color: hsla(0, 0%, 100%, .87)
}

    .table-rep-plugin .table.color thead tr.filters th .select2-container--default .select2-selection--single .select2-selection__rendered,
    .table-rep-plugin .table.grey thead tr.filters th .select2-container--default .select2-selection--single .select2-selection__rendered,
    .table-rep-plugin .table.white thead tr.filters th .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #757575;
        font-weight: 400
    }

.table-rep-plugin .table.color tfoot tr td,
.table-rep-plugin .table.grey tfoot tr td,
.table-rep-plugin .table.white tfoot tr td {
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-style: italic;
    font-size: .85rem
}

.table-rep-plugin .table.white {
    border-color: #efefef !important;
    border-width: 1px;
    border-style: solid
}

    .table-rep-plugin .table.white thead tr th {
        background-color: #fff;
        color: rgba(0, 0, 0, .87);
        border-color: #efefef
    }

        .table-rep-plugin .table.white thead tr th a,
        .table-rep-plugin .table.white thead tr th a:link,
        .table-rep-plugin .table.white thead tr th a:visited:link {
            color: #ffa000
        }

            .table-rep-plugin .table.white thead tr th a:hover,
            .table-rep-plugin .table.white thead tr th a:visited:hover {
                color: #ffc107
            }

    .table-rep-plugin .table.white tfoot tr td {
        background-color: #fff;
        color: rgba(0, 0, 0, .87)
    }

.table-rep-plugin .table.grey thead tr th {
    background-color: #ccc;
    color: rgba(0, 0, 0, .87);
    border: .1rem solid #fff
}

    .table-rep-plugin .table.grey thead tr th a,
    .table-rep-plugin .table.grey thead tr th a:link,
    .table-rep-plugin .table.grey thead tr th a:visited:link {
        color: #303f9f
    }

        .table-rep-plugin .table.grey thead tr th a:hover,
        .table-rep-plugin .table.grey thead tr th a:visited:hover {
            color: #3f51b5
        }

.table-rep-plugin .table.grey tfoot tr td {
    background-color: #757575;
    color: hsla(0, 0%, 100%, .87)
}

.table-rep-plugin .table.color thead tr th {
    background-color: #ffecb3;
    color: rgba(0, 0, 0, .87);
    border: none
}

    .table-rep-plugin .table.color thead tr th a,
    .table-rep-plugin .table.color thead tr th a:link,
    .table-rep-plugin .table.color thead tr th a:visited:link {
        color: #ff6f00
    }

        .table-rep-plugin .table.color thead tr th a:hover,
        .table-rep-plugin .table.color thead tr th a:visited:hover {
            color: #ffa000
        }

.table-rep-plugin .table.color tfoot tr td {
    background-color: #ffecb3;
    color: rgba(0, 0, 0, .87)
}

.table-rep-plugin .table.focus-on .focused {
    background-color: #3f51b5 !important
}

    .table-rep-plugin .table.focus-on .focused td {
        background-color: transparent !important
    }

        .table-rep-plugin .table.focus-on .focused td a {
            color: #ffca28
        }

            .table-rep-plugin .table.focus-on .focused td a:hover,
            .table-rep-plugin .table.focus-on .focused td a:visited:hover {
                color: #ffecb3;
                padding-bottom: 1px;
                border-bottom: 1px solid #ffecb3
            }

            .table-rep-plugin .table.focus-on .focused td a:before {
                font: normal normal normal 24px/1 Material Design Icons;
                margin-right: .5rem;
                content: "\F3cc"
            }

.table-rep-plugin .caption {
    margin: 0 !important;
    text-align: left;
    font-size: 1rem;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
    padding: 5px 0
}

.table-rep-plugin .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff
}

.table-rep-plugin .paginationNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .table-rep-plugin .paginationNav .pagination .page-item {
        border: none !important
    }

        .table-rep-plugin .paginationNav .pagination .page-item .page-link {
            padding: .5rem .95rem;
            color: #3f51b5 !important;
            border: none !important
        }

            .table-rep-plugin .paginationNav .pagination .page-item .page-link:hover {
                background-color: #e8eaf6 !important;
                color: #7986cb !important
            }

            .table-rep-plugin .paginationNav .pagination .page-item .page-link:focus {
                background-color: hsla(0, 0%, 100%, .87);
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none
            }

        .table-rep-plugin .paginationNav .pagination .page-item.active .page-link {
            color: hsla(0, 0%, 100%, .87) !important;
            background-color: #3f51b5 !important;
            border: none !important;
            outline-color: #1a237e !important;
            font-weight: 700
        }

            .table-rep-plugin .paginationNav .pagination .page-item.active .page-link:hover {
                cursor: default
            }

.paginationTable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-width: 0 !important
}

    .paginationTable .pagination tr {
        background-color: transparent !important
    }

        .paginationTable .pagination tr td,
        .paginationTable .pagination tr th {
            vertical-align: middle
        }

        .paginationTable .pagination tr .page-item {
            padding: 0
        }

            .paginationTable .pagination tr .page-item .page-link {
                border: none;
                padding: .5rem .95rem;
                color: #3f51b5 !important;
                line-height: 1.5 !important
            }

                .paginationTable .pagination tr .page-item .page-link:hover,
                .paginationTable .pagination tr .page-item .page-link:visited:hover {
                    color: #7986cb;
                    background-color: #e8eaf6
                }

                .paginationTable .pagination tr .page-item .page-link:focus {
                    background-color: hsla(0, 0%, 100%, .87);
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none
                }

                .paginationTable .pagination tr .page-item .page-link.first,
                .paginationTable .pagination tr .page-item .page-link.last,
                .paginationTable .pagination tr .page-item .page-link.next,
                .paginationTable .pagination tr .page-item .page-link.previous {
                    padding: .1rem .5rem 0;
                    font: normal normal normal 24px/1 Material Design Icons
                }

                    .paginationTable .pagination tr .page-item .page-link.first:before {
                        content: "\F600"
                    }

                    .paginationTable .pagination tr .page-item .page-link.previous:before {
                        content: "\F141"
                    }

                    .paginationTable .pagination tr .page-item .page-link.next:before {
                        content: "\F142"
                    }

                    .paginationTable .pagination tr .page-item .page-link.last:before {
                        content: "\F601"
                    }

            .paginationTable .pagination tr .page-item.active .page-link {
                position: relative;
                top: -.2rem;
                color: hsla(0, 0%, 100%, .87) !important;
                background-color: #3f51b5 !important;
                cursor: default;
                font-weight: 700
            }

@media (max-width:767.98px) {
    .table-rep-plugin .table a {
        margin: .2rem 0;
        display: block
    }

        .table-rep-plugin .table a.link {
            padding-top: .2rem;
            font-size: 1.1rem
        }

        .table-rep-plugin .table a.add:before,
        .table-rep-plugin .table a.delete:before,
        .table-rep-plugin .table a.display:before,
        .table-rep-plugin .table a.edit:before,
        .table-rep-plugin .table a.open:before {
            font-size: 1.8rem;
            padding: 0 .5rem
        }
}

.form-group {
    margin-bottom: .3rem
}

a.btn:hover {
    color: rgba(0, 0, 0, .87) !important
}

input:focus,
textarea:focus {
    border-style: none;
    color: #757575 !important
}

input:not([value=""]),
textarea:not([value=""]) {
    color: rgba(0, 0, 0, .87)
}

    input:not([value=""]):focus,
    textarea:not([value=""]):focus {
        border-bottom: 1px solid #ffc107 !important
    }

    input:not([value=""]):disabled,
    textarea:not([value=""]):disabled {
        color: #ccc
    }

        input:not([value=""]):disabled:focus,
        textarea:not([value=""]):disabled:focus {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important
        }

    input:not([value=""]):-moz-read-only,
    textarea:not([value=""]):-moz-read-only {
        color: #ffa000 !important
    }

    input:not([value=""]):read-only,
    textarea:not([value=""]):read-only {
        color: #ffa000 !important
    }

    input:not([value=""]):-moz-read-only:focus,
    textarea:not([value=""]):-moz-read-only:focus {
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

    input:not([value=""]):read-only:focus,
    textarea:not([value=""]):read-only:focus {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

input[type=color].form-control,
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=datetime].form-control,
input[type=email].form-control,
input[type=file].form-control,
input[type=image].form-control,
input[type=month].form-control,
input[type=number].form-control,
input[type=password].form-control,
input[type=range].form-control,
input[type=search].form-control,
input[type=tel].form-control,
input[type=text].form-control,
input[type=time].form-control,
input[type=url].form-control,
input[type=week].form-control {
    height: 25px;
    padding: 0 12px 0 0
}

input[type=color],
input[type=file],
input[type=image],
input[type=range] {
    border-bottom: none !important
}

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],
textarea {
    border-bottom: 1px solid rgba(0, 0, 0, .87) !important
}

    input[type=date]::-webkit-input-placeholder,
    input[type=datetime-local]::-webkit-input-placeholder,
    input[type=datetime]::-webkit-input-placeholder,
    input[type=email]::-webkit-input-placeholder,
    input[type=month]::-webkit-input-placeholder,
    input[type=number]::-webkit-input-placeholder,
    input[type=password]::-webkit-input-placeholder,
    input[type=search]::-webkit-input-placeholder,
    input[type=tel]::-webkit-input-placeholder,
    input[type=text]::-webkit-input-placeholder,
    input[type=time]::-webkit-input-placeholder,
    input[type=url]::-webkit-input-placeholder,
    input[type=week]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #ccc
    }

    input[type=date]:-moz-placeholder,
    input[type=date]::-moz-placeholder,
    input[type=datetime-local]:-moz-placeholder,
    input[type=datetime-local]::-moz-placeholder,
    input[type=datetime]:-moz-placeholder,
    input[type=datetime]::-moz-placeholder,
    input[type=email]:-moz-placeholder,
    input[type=email]::-moz-placeholder,
    input[type=month]:-moz-placeholder,
    input[type=month]::-moz-placeholder,
    input[type=number]:-moz-placeholder,
    input[type=number]::-moz-placeholder,
    input[type=password]:-moz-placeholder,
    input[type=password]::-moz-placeholder,
    input[type=search]:-moz-placeholder,
    input[type=search]::-moz-placeholder,
    input[type=tel]:-moz-placeholder,
    input[type=tel]::-moz-placeholder,
    input[type=text]:-moz-placeholder,
    input[type=text]::-moz-placeholder,
    input[type=time]:-moz-placeholder,
    input[type=time]::-moz-placeholder,
    input[type=url]:-moz-placeholder,
    input[type=url]::-moz-placeholder,
    input[type=week]:-moz-placeholder,
    input[type=week]::-moz-placeholder,
    textarea:-moz-placeholder,
    textarea::-moz-placeholder {
        color: #ccc
    }

    input[type=date]:-ms-input-placeholder,
    input[type=datetime-local]:-ms-input-placeholder,
    input[type=datetime]:-ms-input-placeholder,
    input[type=email]:-ms-input-placeholder,
    input[type=month]:-ms-input-placeholder,
    input[type=number]:-ms-input-placeholder,
    input[type=password]:-ms-input-placeholder,
    input[type=search]:-ms-input-placeholder,
    input[type=tel]:-ms-input-placeholder,
    input[type=text]:-ms-input-placeholder,
    input[type=time]:-ms-input-placeholder,
    input[type=url]:-ms-input-placeholder,
    input[type=week]:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #ccc
    }

    input[type=date]::-ms-input-placeholder,
    input[type=datetime-local]::-ms-input-placeholder,
    input[type=datetime]::-ms-input-placeholder,
    input[type=email]::-ms-input-placeholder,
    input[type=month]::-ms-input-placeholder,
    input[type=number]::-ms-input-placeholder,
    input[type=password]::-ms-input-placeholder,
    input[type=search]::-ms-input-placeholder,
    input[type=tel]::-ms-input-placeholder,
    input[type=text]::-ms-input-placeholder,
    input[type=time]::-ms-input-placeholder,
    input[type=url]::-ms-input-placeholder,
    input[type=week]::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
        color: #ccc
    }

    input[type=date]::placeholder,
    input[type=datetime-local]::placeholder,
    input[type=datetime]::placeholder,
    input[type=email]::placeholder,
    input[type=month]::placeholder,
    input[type=number]::placeholder,
    input[type=password]::placeholder,
    input[type=search]::placeholder,
    input[type=tel]::placeholder,
    input[type=text]::placeholder,
    input[type=time]::placeholder,
    input[type=url]::placeholder,
    input[type=week]::placeholder,
    textarea::placeholder {
        color: #ccc
    }

    input[type=date]:focus,
    input[type=datetime-local]:focus,
    input[type=datetime]:focus,
    input[type=email]:focus,
    input[type=month]:focus,
    input[type=number]:focus,
    input[type=password]:focus,
    input[type=search]:focus,
    input[type=tel]:focus,
    input[type=text]:focus,
    input[type=time]:focus,
    input[type=url]:focus,
    input[type=week]:focus,
    textarea:focus {
        border-bottom: 1px solid #ffc107 !important;
        -webkit-box-shadow: 0 3px 3px #fff !important;
        -moz-box-shadow: 0 3px 3px #fff !important;
        box-shadow: 0 3px 3px #fff !important;
        outline: 0 !important;
        background-color: transparent
    }

        input[type=date]:focus::-webkit-input-placeholder,
        input[type=datetime-local]:focus::-webkit-input-placeholder,
        input[type=datetime]:focus::-webkit-input-placeholder,
        input[type=email]:focus::-webkit-input-placeholder,
        input[type=month]:focus::-webkit-input-placeholder,
        input[type=number]:focus::-webkit-input-placeholder,
        input[type=password]:focus::-webkit-input-placeholder,
        input[type=search]:focus::-webkit-input-placeholder,
        input[type=tel]:focus::-webkit-input-placeholder,
        input[type=text]:focus::-webkit-input-placeholder,
        input[type=time]:focus::-webkit-input-placeholder,
        input[type=url]:focus::-webkit-input-placeholder,
        input[type=week]:focus::-webkit-input-placeholder,
        textarea:focus::-webkit-input-placeholder {
            color: transparent
        }

        input[type=date]:focus:-moz-placeholder,
        input[type=date]:focus::-moz-placeholder,
        input[type=datetime-local]:focus:-moz-placeholder,
        input[type=datetime-local]:focus::-moz-placeholder,
        input[type=datetime]:focus:-moz-placeholder,
        input[type=datetime]:focus::-moz-placeholder,
        input[type=email]:focus:-moz-placeholder,
        input[type=email]:focus::-moz-placeholder,
        input[type=month]:focus:-moz-placeholder,
        input[type=month]:focus::-moz-placeholder,
        input[type=number]:focus:-moz-placeholder,
        input[type=number]:focus::-moz-placeholder,
        input[type=password]:focus:-moz-placeholder,
        input[type=password]:focus::-moz-placeholder,
        input[type=search]:focus:-moz-placeholder,
        input[type=search]:focus::-moz-placeholder,
        input[type=tel]:focus:-moz-placeholder,
        input[type=tel]:focus::-moz-placeholder,
        input[type=text]:focus:-moz-placeholder,
        input[type=text]:focus::-moz-placeholder,
        input[type=time]:focus:-moz-placeholder,
        input[type=time]:focus::-moz-placeholder,
        input[type=url]:focus:-moz-placeholder,
        input[type=url]:focus::-moz-placeholder,
        input[type=week]:focus:-moz-placeholder,
        input[type=week]:focus::-moz-placeholder,
        textarea:focus:-moz-placeholder,
        textarea:focus::-moz-placeholder {
            color: transparent
        }

        input[type=date]:focus:-ms-input-placeholder,
        input[type=datetime-local]:focus:-ms-input-placeholder,
        input[type=datetime]:focus:-ms-input-placeholder,
        input[type=email]:focus:-ms-input-placeholder,
        input[type=month]:focus:-ms-input-placeholder,
        input[type=number]:focus:-ms-input-placeholder,
        input[type=password]:focus:-ms-input-placeholder,
        input[type=search]:focus:-ms-input-placeholder,
        input[type=tel]:focus:-ms-input-placeholder,
        input[type=text]:focus:-ms-input-placeholder,
        input[type=time]:focus:-ms-input-placeholder,
        input[type=url]:focus:-ms-input-placeholder,
        input[type=week]:focus:-ms-input-placeholder,
        textarea:focus:-ms-input-placeholder {
            color: transparent
        }

        input[type=date]:focus::-ms-input-placeholder,
        input[type=datetime-local]:focus::-ms-input-placeholder,
        input[type=datetime]:focus::-ms-input-placeholder,
        input[type=email]:focus::-ms-input-placeholder,
        input[type=month]:focus::-ms-input-placeholder,
        input[type=number]:focus::-ms-input-placeholder,
        input[type=password]:focus::-ms-input-placeholder,
        input[type=search]:focus::-ms-input-placeholder,
        input[type=tel]:focus::-ms-input-placeholder,
        input[type=text]:focus::-ms-input-placeholder,
        input[type=time]:focus::-ms-input-placeholder,
        input[type=url]:focus::-ms-input-placeholder,
        input[type=week]:focus::-ms-input-placeholder,
        textarea:focus::-ms-input-placeholder {
            color: transparent
        }

        input[type=date]:focus::placeholder,
        input[type=datetime-local]:focus::placeholder,
        input[type=datetime]:focus::placeholder,
        input[type=email]:focus::placeholder,
        input[type=month]:focus::placeholder,
        input[type=number]:focus::placeholder,
        input[type=password]:focus::placeholder,
        input[type=search]:focus::placeholder,
        input[type=tel]:focus::placeholder,
        input[type=text]:focus::placeholder,
        input[type=time]:focus::placeholder,
        input[type=url]:focus::placeholder,
        input[type=week]:focus::placeholder,
        textarea:focus::placeholder {
            color: transparent
        }

input[type=checkbox] {
    color: #fff !important;
    margin-left: 6px
}

    input[type=checkbox] + label {
        font-weight: 400
    }

        input[type=checkbox] + label:hover {
            cursor: pointer
        }

        input[type=checkbox] + label:before {
            border: 1px solid rgba(0, 0, 0, .87)
        }

    input[type=checkbox]:disabled + label:hover {
        cursor: not-allowed
    }

    input[type=checkbox]:disabled + label:before {
        border: 1px solid #ccc
    }

    input[type=checkbox]:checked + label:before {
        background-color: #ffa000;
        border: 1px solid #ffa000
    }

    input[type=checkbox]:checked + label:after {
        color: #fff
    }

input[type=color] {
    height: 37px;
    width: 35px
}

    input[type=color]:hover {
        cursor: pointer
    }

input[type=range] {
    position: relative
}

    input[type=range]:after,
    input[type=range]:before {
        position: absolute;
        top: 25px;
        color: #ffa000
    }

    input[type=range]:before {
        left: 0;
        content: attr(min)
    }

    input[type=range]:after {
        right: 0;
        content: attr(max)
    }

    input[type=range].custom-range::-moz-range-thumb {
        background-color: #ffc107
    }

    input[type=range].custom-range::-webkit-slider-thumb {
        background-color: #ffc107
    }

    input[type=range].custom-range::-ms-thumb {
        background-color: #ffc107
    }

input[type=radio] + label {
    font-weight: 400
}

    input[type=radio] + label:hover {
        cursor: pointer
    }

    input[type=radio] + label:before {
        border: 1px solid rgba(0, 0, 0, .87);
        background-color: #fff
    }

input[type=radio]:disabled + label:hover {
    cursor: not-allowed
}

input[type=radio]:disabled + label:before {
    border: 1px solid #ccc
}

input[type=radio]:checked + label:before {
    background-color: #ffa000;
    border: 1px solid #ffa000
}

input[type=submit],
input[type=submit]:hover {
    border: none
}

    input[type=submit].btn {
        color: rgba(0, 0, 0, .87) !important
    }

select.form-control {
    font-size: .95rem
}

    select.form-control:focus {
        border-bottom: 1px solid #ffa000 !important;
        -webkit-box-shadow: 0 3px 3px #efefef !important;
        -moz-box-shadow: 0 3px 3px #efefef !important;
        box-shadow: 0 3px 3px #efefef !important;
        outline: 0 !important
    }

    select.form-control:focus,
    select > option {
        background-color: transparent
    }

        select > option:hover {
            color: rgba(0, 0, 0, .87);
            background-color: #ffc107 !important
        }

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #ffa000;
    border: 1px solid #ffa000
}

.input-group-prepend .input-group-text-custom {
    color: #ffc107;
    background-color: #ffecb3;
    border: 3px solid #ffc107;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    margin-right: 10px
}

.labelBlock {
    display: block;
    float: none;
    clear: both
}

.col-form-label {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2
}

.checkbox table {
    position: relative;
    top: -.5rem;
    left: -.15rem;
    border: .1rem solid #efefef;
    background-color: #f9f9f9;
    display: block;
    max-height: 5.7rem;
    overflow: auto
}

.checkboxHorizontal {
    padding-left: 7px
}

    .checkboxHorizontal input[type=checkbox] {
        margin-left: 0
    }

.radioHorizontal {
    margin-left: 23px
}

.links,
.rememberMe,
.submit {
    margin-left: 70px
}

    .links .col,
    .rememberMe .col,
    .submit .col {
        padding-left: 0 !important
    }

.bulletH5:before {
    padding: 0 5px 0 0;
    color: #ffc107;
    font: normal normal normal 24px/1 Material Design Icons;
    font-size: 12px;
    content: "\F763"
}

.btn {
    text-transform: uppercase
}

.btnAdd:before,
.btnAddGroup:before,
.btnAddUser:before,
.btnCancel:before,
.btnFirst:before,
.btnLast:after,
.btnLogin:before,
.btnLogout:before,
.btnMore:before,
.btnNext:after,
.btnPrevious:before,
.btnSave:before,
.btnSubmit:before {
    font: normal normal normal 24px/1 Material Design Icons;
    vertical-align: bottom
}

.btnAdd:before {
    content: "\F415"
}

.btnAddUser:before {
    content: "\F014"
}

.btnAddGroup:before {
    content: "\F010"
}

.btnCancel:before {
    content: "\F739"
}

.btnFirst:before {
    content: "\F600"
}

.btnLast:after {
    content: "\F601"
}

.btnLogin:before {
    content: "\F342"
}

.btnLogout:before {
    content: "\F343"
}

.btnMore:before {
    content: "\F1D9"
}

.btnNext:after {
    content: "\F142"
}

.btnPrevious:before {
    content: "\F141"
}

.btnSave:before {
    content: "\F193"
}

.btnSubmit:before {
    content: "\F12C"
}

@media (-ms-high-contrast:none) {
    .wizard > .content > .body ul > li {
        line-height: 1.2rem
    }

    .wizard > .content > .body ul > li,
    ::-ms-backdrop {
        line-height: 1.2remrem
    }
}

.linkFormDefault,
.linkFormDocument,
.linkFormEMail,
.linkFormExternalUrl,
.linkFormInternalPage,
.linkFormMedia,
.linkFormShare,
.linkFormShortcut,
.linkJob {
    color: #ff8f00
}

    .linkFormDefault:hover,
    .linkFormDefault:visited:hover,
    .linkFormDocument:hover,
    .linkFormDocument:visited:hover,
    .linkFormEMail:hover,
    .linkFormEMail:visited:hover,
    .linkFormExternalUrl:hover,
    .linkFormExternalUrl:visited:hover,
    .linkFormInternalPage:hover,
    .linkFormInternalPage:visited:hover,
    .linkFormMedia:hover,
    .linkFormMedia:visited:hover,
    .linkFormShare:hover,
    .linkFormShare:visited:hover,
    .linkFormShortcut:hover,
    .linkFormShortcut:visited:hover,
    .linkJob:hover,
    .linkJob:visited:hover {
        color: #ffc107
    }

    .linkFormDefault:before,
    .linkFormDocument:before,
    .linkFormEMail:before,
    .linkFormExternalUrl:before,
    .linkFormInternalPage:before,
    .linkFormMedia:before,
    .linkFormShare:before,
    .linkFormShortcut:before {
        font: normal normal normal 24px/1 Material Design Icons;
        vertical-align: bottom;
        margin: 0 .4rem 0 0
    }

    .linkFormDefault:before {
        content: "\F339"
    }

    .linkFormDocument:before {
        content: "\F219"
    }

    .linkFormEMail:before {
        content: "\F1EE"
    }

    .linkFormExternalUrl:before {
        content: "\F59F"
    }

    .linkFormInternalPage:before {
        content: "\F614"
    }

    .linkFormMedia:before {
        content: "\F381"
    }

    .linkFormShare:before {
        content: "\F497"
    }

    .linkFormShortcut:before {
        content: "\F496"
    }

.btn {
    margin: 5px 0 5px 5px
}

.btnApp {
    background-color: #ffc107;
    border: 1px solid #ffca28;
    color: rgba(0, 0, 0, .87);
    -webkit-box-shadow: 0 2px 2px 0 #999;
    -moz-box-shadow: 0 2px 2px 0 #999;
    box-shadow: 0 2px 2px 0 #999
}

    .btnApp:hover {
        background-color: #ffa000;
        border: 1px solid #ffb300
    }

    .btnApp:focus,
    .btnSecondary {
        -webkit-box-shadow: 0 2px 2px 0 #999;
        -moz-box-shadow: 0 2px 2px 0 #999;
        box-shadow: 0 2px 2px 0 #999
    }

.btnSecondary {
    background-color: #999;
    border: 1px solid #757575;
    color: hsla(0, 0%, 100%, .87)
}

    .btnSecondary:hover {
        background-color: #757575;
        border: 1px solid #757575
    }

    .btnSecondary:focus {
        -webkit-box-shadow: 0 2px 2px 0 #999;
        -moz-box-shadow: 0 2px 2px 0 #999;
        box-shadow: 0 2px 2px 0 #999
    }

.widget-bg-color-icon.card-box {
    padding: 10px !important
}

.widget-bg-color-icon .bg-icon {
    width: 60px;
    height: 60px
}

    .widget-bg-color-icon .bg-icon i {
        line-height: 50px !important
    }

.widget-bg-color-icon .bgIconApp {
    background-color: #ffecb3;
    border: 5px solid #ffc107
}

    .widget-bg-color-icon .bgIconApp i {
        color: #ffc107 !important
    }

        .widget-bg-color-icon .bgIconApp i:before {
            content: "\F493"
        }

.widget-bg-color-icon .bgIconOff {
    background-color: #efefef;
    border: 5px solid #ccc
}

    .widget-bg-color-icon .bgIconOff i {
        color: #ccc !important
    }

        .widget-bg-color-icon .bgIconOff i:before {
            content: "\F0F0"
        }

.widget-bg-color-icon .bgIconSuccess {
    background-color: #00c851;
    border: 5px solid #007e33
}

    .widget-bg-color-icon .bgIconSuccess i {
        color: #007e33 !important
    }

        .widget-bg-color-icon .bgIconSuccess i:before {
            content: "\FE6E"
        }

.widget-bg-color-icon .bgIconInfo {
    background-color: #33b5e5;
    border: 5px solid #0484b3
}

    .widget-bg-color-icon .bgIconInfo i {
        color: #0484b3 !important
    }

        .widget-bg-color-icon .bgIconInfo i:before {
            content: "\F64E"
        }

.widget-bg-color-icon .bgIconTipsAndTricks {
    background-color: #2bbbad;
    border: 5px solid #00695c
}

    .widget-bg-color-icon .bgIconTipsAndTricks i {
        color: #00695c !important
    }

        .widget-bg-color-icon .bgIconTipsAndTricks i:before {
            content: "\F4FA"
        }

.widget-bg-color-icon .bgIconWarning {
    background-color: #fb3;
    border: 5px solid #f80
}

    .widget-bg-color-icon .bgIconWarning i {
        color: #f80 !important
    }

        .widget-bg-color-icon .bgIconWarning i:before {
            content: "\F026"
        }

.widget-bg-color-icon .bgIconDanger {
    background-color: #f44;
    border: 5px solid #c00
}

    .widget-bg-color-icon .bgIconDanger i {
        color: #c00 !important
    }

        .widget-bg-color-icon .bgIconDanger i:before {
            content: "\F15C"
        }

.widget-bg-color-icon .bgIconComponentsForm {
    background-color: #f5f5f5;
    border: 5px solid #9e9e9e
}

    .widget-bg-color-icon .bgIconComponentsForm i {
        color: #9e9e9e !important
    }

        .widget-bg-color-icon .bgIconComponentsForm i:before {
            content: "\F60E"
        }

.widget-bg-color-icon .bgIconComponentsTable {
    background-color: #f5f5f5;
    border: 5px solid #9e9e9e
}

    .widget-bg-color-icon .bgIconComponentsTable i {
        color: #9e9e9e !important
    }

        .widget-bg-color-icon .bgIconComponentsTable i:before {
            content: "\F4F1"
        }

.widget-bg-color-icon .bgIconStatusDone {
    background-color: #00c851;
    border: 5px solid #007e33
}

    .widget-bg-color-icon .bgIconStatusDone i {
        color: #007e33 !important
    }

        .widget-bg-color-icon .bgIconStatusDone i:before {
            content: "\F52B"
        }

.widget-bg-color-icon .bgIconStatusInProgress {
    background-color: #fb3;
    border: 5px solid #f80
}

    .widget-bg-color-icon .bgIconStatusInProgress i {
        color: #f80 !important
    }

        .widget-bg-color-icon .bgIconStatusInProgress i:before {
            content: "\F52B"
        }

.widget-bg-color-icon .bgIconStatusTodo {
    background-color: #f44;
    border: 5px solid #c00
}

    .widget-bg-color-icon .bgIconStatusTodo i {
        color: #c00 !important
    }

        .widget-bg-color-icon .bgIconStatusTodo i:before {
            content: "\F52B"
        }

.widget-bg-color-icon .bgIconIqrs {
    background-color: #e1bee7;
    border: 5px solid #9c27b0
}

    .widget-bg-color-icon .bgIconIqrs i {
        color: #9c27b0 !important
    }

        .widget-bg-color-icon .bgIconIqrs i:before {
            content: "\F215"
        }

.widget-bg-color-icon .bgIconManagement {
    background-color: #ffecb3;
    border: 5px solid #ffc107
}

    .widget-bg-color-icon .bgIconManagement i {
        color: #ffc107 !important
    }

        .widget-bg-color-icon .bgIconManagement i:before {
            content: "\F493"
        }

.widget-bg-color-icon .bgIconTestsDefault {
    background-color: #ffccbc;
    border: 5px solid #ff5722
}

    .widget-bg-color-icon .bgIconTestsDefault i {
        color: #ff5722 !important
    }

        .widget-bg-color-icon .bgIconTestsDefault i:before {
            content: "\F096"
        }

.topbar {
    background-color: #ffc107
}

    .topbar .navbar-custom {
        height: 50px !important;
        margin-left: 0 !important;
        padding: 0 !important;
        background-color: #ffc107 !important
    }

        .topbar .navbar-custom .logotype .logotypeXl {
            padding-top: 15px
        }

            .topbar .navbar-custom .logotype .logotypeXl.finance {
                width: 295px
            }

            .topbar .navbar-custom .logotype .logotypeXl.mail {
                width: 275px
            }

        .topbar .navbar-custom .list-inline .list-inline-item:last-child .nav-user {
            padding-right: 0 !important
        }

@media (max-width:767px) {
    .topbar .navbar-custom {
        min-height: 10px !important
    }

        .topbar .navbar-custom .logotype .logotypeSm {
            width: 110px;
            padding-top: 5px
        }

        .topbar .navbar-custom .list-inline .list-inline-item p {
            margin-top: 15px;
            margin-bottom: 0
        }

        .topbar .navbar-custom .list-inline .list-inline-item .nav-user {
            top: 10px;
            line-height: 30px
        }
}

.footer {
    margin: auto;
    padding: 0;
    position: fixed;
    left: 0 !important;
    background-color: #ffc107 !important;
    z-index: 1030
}

.footer,
.main500T {
    color: rgba(0, 0, 0, .87) !important
}

.content .wizard > .steps > ul li {
    width: 25%
}

    .content .wizard > .steps > ul li.current a,
    .content .wizard > .steps > ul li.disabled a,
    .content .wizard > .steps > ul li.done a {
        padding: 5px;
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem;
        border-radius: .25rem;
        text-align: center;
        -webkit-box-shadow: 0 2px 2px 0 #999;
        -moz-box-shadow: 0 2px 2px 0 #999;
        box-shadow: 0 2px 2px 0 #999
    }

        .content .wizard > .steps > ul li.current a .step,
        .content .wizard > .steps > ul li.disabled a .step,
        .content .wizard > .steps > ul li.done a .step {
            position: relative;
            bottom: 3px
        }

        .content .wizard > .steps > ul li.current a .number,
        .content .wizard > .steps > ul li.disabled a .number,
        .content .wizard > .steps > ul li.done a .number {
            display: none;
            visibility: hidden
        }

        .content .wizard > .steps > ul li.current a:hover,
        .content .wizard > .steps > ul li.done a:hover {
            background-color: #ffc107;
            border: 1px solid #ffca28;
            color: rgba(0, 0, 0, .87)
        }

    .content .wizard > .steps > ul li.current a,
    .content .wizard > .steps > ul li.disabled a {
        color: rgba(0, 0, 0, .87)
    }

    .content .wizard > .steps > ul li.current a {
        background-color: #ffc107;
        border: 1px solid #ffca28
    }

    .content .wizard > .steps > ul li.done a {
        background-color: #ffecb3;
        border: 1px solid #fff8e1;
        color: #ffa000
    }

    .content .wizard > .steps > ul li.disabled a {
        background-color: #999;
        border: 1px solid #757575;
        cursor: no-drop
    }

        .content .wizard > .steps > ul li.disabled a:hover {
            cursor: no-drop
        }

.content .wizard > .content {
    background-color: #fff !important
}

    .content .wizard > .content > .body {
        width: 100%
    }

        .content .wizard > .content > .body label {
            display: block
        }

        .content .wizard > .content > .body input {
            border-bottom: 1px solid #ffc107
        }

            .content .wizard > .content > .body input:focus {
                border-style: none
            }

.content .wizard > .actions > ul li a {
    background-color: #ffc107;
    border: 1px solid #ffca28;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    color: rgba(0, 0, 0, .87);
    -webkit-box-shadow: 0 2px 2px 0 #999;
    -moz-box-shadow: 0 2px 2px 0 #999;
    box-shadow: 0 2px 2px 0 #999
}

    .content .wizard > .actions > ul li a:hover {
        background-color: #ffa000;
        border: 1px solid #ffb300
    }

.content .wizard > .actions > ul li.disabled a,
.content .wizard > .actions > ul li.disabled a:hover {
    background-color: #999;
    border: 1px solid #757575;
    cursor: no-drop
}

    .content .wizard > .actions > ul li.disabled a:hover {
        color: hsla(0, 0%, 100%, .87)
    }

input[type=search].select2-search__field {
    border: none !important;
    font-size: 1rem !important
}

select .select2 option:hover {
    background-color: #ffc107
}

.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
    min-height: 38px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .87);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .select2-container .select2-selection--multiple .select2-selection__choice,
    .select2-container .select2-selection--single .select2-selection__choice {
        background-color: #ffc107;
        color: rgba(0, 0, 0, .87);
        border: 1px solid transparent;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0 7px;
        position: relative;
        top: -4px
    }

        .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
        .select2-container .select2-selection--single .select2-selection__choice .select2-selection__choice__remove {
            color: rgba(0, 0, 0, .87)
        }

.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
    min-height: 30px;
    height: 20px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered[title="Select..."],
    .select2-container--default .select2-selection--single .select2-selection__rendered[title="Select..."] {
        color: #999
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-webkit-input-placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field::-webkit-input-placeholder {
        color: #000 !important;
        font-size: .94rem;
        font-weight: 400
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field:-moz-placeholder,
    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-moz-placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field:-moz-placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field::-moz-placeholder {
        color: #000 !important;
        font-size: .94rem;
        font-weight: 400
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field:-ms-input-placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field:-ms-input-placeholder {
        color: #000 !important;
        font-size: .94rem;
        font-weight: 400
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-ms-input-placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field::-ms-input-placeholder {
        color: #000 !important;
        font-size: .94rem;
        font-weight: 400
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::placeholder,
    .select2-container--default .select2-selection--single .select2-selection__rendered .select2-search__field::placeholder {
        color: #000 !important;
        font-size: .94rem;
        font-weight: 400
    }

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border: none;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 0 1px 0 #ffa000;
    -moz-box-shadow: 0 1px 0 #ffa000;
    box-shadow: 0 1px 0 #ffa000
}

    .select2-container--default.select2-container--focus .select2-selection--multiple:hover,
    .select2-container--default.select2-container--focus .select2-selection--single:hover {
        background-color: transparent
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3f51b5;
    color: hsla(0, 0%, 100%, .87)
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #999;
    color: hsla(0, 0%, 100%, .87)
}

    .select2-container--default .select2-results__option[aria-selected=true]:hover {
        background-color: #f44;
        color: #fff;
        position: relative
    }

        .select2-container--default .select2-results__option[aria-selected=true]:hover:after {
            position: absolute;
            right: 20px;
            font: normal normal normal 24px/1 Material Design Icons;
            font-size: 18px;
            content: "\F1C0"
        }

.table-rep-plugin .btn-default {
    background-color: #ffc107;
    border: 1px solid #ffca28;
    color: rgba(0, 0, 0, .87);
    -webkit-box-shadow: 0 2px 2px 0 #999;
    -moz-box-shadow: 0 2px 2px 0 #999;
    box-shadow: 0 2px 2px 0 #999
}

    .table-rep-plugin .btn-default:hover {
        background-color: #ffa000;
        border: 1px solid #ffb300
    }

    .table-rep-plugin .btn-default:focus {
        -webkit-box-shadow: 0 2px 2px 0 #999;
        -moz-box-shadow: 0 2px 2px 0 #999;
        box-shadow: 0 2px 2px 0 #999
    }

    .table-rep-plugin .btn-default.btn-primary {
        background-color: #4285f4;
        color: hsla(0, 0%, 100%, .87);
        border-color: #4285f4
    }

.table-rep-plugin .btn-toolbar {
    margin-bottom: 0
}

.table-rep-plugin table.focus-on tbody tr.focused td {
    background-color: #4285f4;
    color: hsla(0, 0%, 100%, .87);
    border-color: hsla(0, 0%, 100%, .87)
}

.table-rep-plugin .scrollBar .fl-scrolls-hidden {
    overflow: hidden
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .topbar .navbar-custom .dropdown-toggle:after {
        content: normal
    }

    .topbar .navbar-custom .logotypeSm,
    .topbar .navbar-custom .logotypeXl {
        position: absolute;
        top: -50px
    }

    xmp {
        display: block
    }
}
