/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}*/

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        margin-bottom: 60px;
    }

    table {
        font-size: .875rem;
        line-height: 1.25rem;
    }


    .typed-cursor {
        opacity: 1;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .bg-primary {
        background-color: #3886ca !important;
    }

    .bg-success {
        background-color: #00a753 !important;
    }

    .btn-primary {
        color: #fff;
        background-color: #3886ca;
        border-color: #3886ca;
    }

        .btn-primary.active {
            color: #fff;
            background-color: #0072c2;
            border-color: #0072c2;
        }

        .btn-primary:hover {
            color: #fff;
            background-color: #0072c2;
            border-color: #0072c2;
        }

    .btn-success {
        color: #fff;
        background-color: #00a753;
        border-color: #00a753;
    }

        .btn-success.active {
            color: #fff;
            background-color: #008f54;
            border-color: #008f54;
        }

        .btn-success:hover {
            color: #fff;
            background-color: #008f54;
            border-color: #008f54;
        }

    .btn-danger {
        color: #fff;
        background-color: #d73443;
        border-color: #d73443;
    }

        .btn-danger.active {
            color: #fff;
            background-color: #be2e3c;
            border-color: #be2e3c;
        }

        .btn-danger:hover {
            color: #fff;
            background-color: #be2e3c;
            border-color: #be2e3c;
        }


    .btn-outline-primary {
        color: #1e6eb3;
        background-color: #fff;
        border-color: #1e6eb3;
    }

    .btn-outline-success {
        background-color: #fff;
    }

    .btn-outline-danger {
        background-color: #fff;
    }

    .btn-outline-primary.active {
        color: #fff;
        background-color: #3886ca;
        border-color: #3886ca;
    }

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #63a2d5;
        border-color: #63a2d5;
    }

    .bg-secondary {
        background-color: #e7f1ff !important;
    }

    .bg-light {
        background-color: #F7F6FB !important;
    }

    .border-light {
        border-color: #eeeeee;
    }

    .text-primary {
        color: #003f86 !important;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255,255,255,0.85);
    }

    a.menu-link {
        padding-top: .375rem;
        padding-bottom: .375rem;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #68696d !important;
    }

        a.menu-link:hover {
            color: #363642 !important;
        }

    .menu-header {
        margin: .5em 0 0;
        margin-top: 0.5em;
        padding: .5rem 1rem;
        color: #888c9b;
        font-size: .8125rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(20,20,31,.12);
        border-radius: .25rem
    }

        .card > hr {
            margin-right: 0;
            margin-left: 0
        }

        .card > .list-group {
            border-top: inherit;
            border-bottom: inherit
        }

            .card > .list-group:first-child {
                border-top-width: 0;
                border-top-left-radius: calc(.25rem - 1px);
                border-top-right-radius: calc(.25rem - 1px)
            }

            .card > .list-group:last-child {
                border-bottom-width: 0;
                border-bottom-right-radius: calc(.25rem - 1px);
                border-bottom-left-radius: calc(.25rem - 1px)
            }

    .card-body {
        flex: 1 1 auto;
        min-height: 1px;
        padding: 1rem
    }

    .card-title {
        margin-bottom: 1rem
    }

    .card-subtitle {
        margin-top: -.5rem
    }

    .card-subtitle,
    .card-text:last-child {
        margin-bottom: 0
    }

    .card-link:hover {
        text-decoration: none
    }

    .card-link + .card-link {
        margin-left: 1rem
    }

    .card-header {
        padding: 1rem;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 1px solid rgba(20,20,31,.12)
    }

        .card-header:first-child {
            border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
        }

        .card-header + .list-group .list-group-item:first-child {
            border-top: 0
        }

    .card-footer {
        padding: 1rem;
        background-color: transparent;
        border-top: 1px solid rgba(20,20,31,.12)
    }

        .card-footer:last-child {
            border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
        }

    .card-header-tabs {
        margin-bottom: -1rem;
        border-bottom: 0
    }

    .card-header-pills,
    .card-header-tabs {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem
    }

    .card-img,
    .card-img-bottom,
    .card-img-top {
        flex-shrink: 0;
        width: 100%
    }

    .card-img,
    .card-img-top {
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px)
    }

    .card-img,
    .card-img-bottom {
        border-bottom-right-radius: calc(.25rem - 1px);
        border-bottom-left-radius: calc(.25rem - 1px)
    }

    .card-deck .card {
        margin-bottom: 10px
    }

    @media (min-width:576px) {
        .card-deck {
            display: flex;
            flex-flow: row wrap;
            margin-right: -10px;
            margin-left: -10px
        }

            .card-deck .card {
                flex: 1 0 0%;
                margin-right: 10px;
                margin-bottom: 0;
                margin-left: 10px
            }
    }

    .card-group > .card {
        margin-bottom: 10px
    }

    @media (min-width:576px) {
        .card-group {
            display: flex;
            flex-flow: row wrap
        }

            .card-group > .card {
                flex: 1 0 0%;
                margin-bottom: 0
            }

                .card-group > .card + .card {
                    margin-left: 0;
                    border-left: 0
                }

                .card-group > .card:not(:last-child) {
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

                    .card-group > .card:not(:last-child) .card-header,
                    .card-group > .card:not(:last-child) .card-img-top {
                        border-top-right-radius: 0
                    }

                    .card-group > .card:not(:last-child) .card-footer,
                    .card-group > .card:not(:last-child) .card-img-bottom {
                        border-bottom-right-radius: 0
                    }

                .card-group > .card:not(:first-child) {
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0
                }

                    .card-group > .card:not(:first-child) .card-header,
                    .card-group > .card:not(:first-child) .card-img-top {
                        border-top-left-radius: 0
                    }

                    .card-group > .card:not(:first-child) .card-footer,
                    .card-group > .card:not(:first-child) .card-img-bottom {
                        border-bottom-left-radius: 0
                    }
    }

    .card-columns .card {
        margin-bottom: 1.25rem
    }

    @media (min-width:576px) {
        .card-columns {
            -moz-column-count: 3;
            column-count: 3;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
            orphans: 1;
            widows: 1
        }

            .card-columns .card {
                display: inline-block;
                width: 100%
            }
    }

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

    .breadcrumb {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: .2rem;
        margin-top: .2rem;
        list-style: none;
        background-color: transparent;
        border-radius: .25rem;
        border-color: darkgray;
        color: #888c9b;
        font-size: 0.875rem;
    }

    .breadcrumb,
    .breadcrumb-item {
        display: flex;
    }

        .breadcrumb-item + .breadcrumb-item {
            padding-left: .5rem;
        }

            .breadcrumb-item + .breadcrumb-item:before {
                display: inline-block;
                padding-right: .5rem;
                color: #888c9b !important;
                content: "/"
            }

            .breadcrumb-item + .breadcrumb-item:hover:before {
                text-decoration: underline;
                text-decoration: none
            }

        .breadcrumb-item.active {
            color: #000;
        }

    .list-group {
        border: 0;
        box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15)
    }

    .list-group-flush,
    .list-group-reflow {
        box-shadow: none
    }

        .list-group-reflow .list-group-header,
        .list-group-reflow .list-group-item {
            background-color: transparent
        }

    .list-group-fluid .list-group-item {
        padding-right: 0;
        padding-left: 0
    }

    .list-group-header {
        margin: 0;
        padding: .75rem 1rem;
        display: flex;
        font-size: .75rem;
        font-weight: 600;
        color: #888c9b;
        background-color: #fff
    }

        .list-group-header:not(:first-child) {
            margin-top: 1px;
            border-top: 1px solid #ecedf1
        }

        .list-group-header + .list-group-item .list-group-item-body,
        .list-group-header + .list-group-item .list-group-item-figure {
            border-top-color: transparent !important
        }

    .list-group-item {
        display: flex;
        align-items: stretch;
        border-width: 1px 0;
        border-color: transparent;
        outline: 0
    }

        .list-group-item:first-child {
            border-width: 0 0 1px
        }

        .list-group-item:last-child {
            border-width: 0
        }

        .list-group-item.active {
            color: #363642;
            border-color: transparent;
            border-radius: 0 !important;
            box-shadow: inset 4px 0 0 0 #346cb0
        }

            .list-group-item.active .list-group-item-figure {
                color: #346cb0
            }

            .list-group-item.active .list-group-item-text {
                color: #363642
            }

            .list-group-item.active:focus .list-group-item-figure,
            .list-group-item.active:hover .list-group-item-figure {
                color: #346cb0
            }

    .list-group-item-action:focus .list-group-item-figure,
    .list-group-item-action:hover .list-group-item-figure {
        color: #888c9b
    }

    .list-group-item-action:focus .list-group-item-text,
    .list-group-item-action:hover .list-group-item-text {
        color: #363642
    }

    .list-group-item-figure {
        display: flex;
        align-items: center;
        color: #a6abbd
    }

        .list-group-item-figure:first-child {
            padding-right: 1rem
        }

        .list-group-item-figure:last-child {
            padding-left: 1rem
        }

    .list-group-item-body {
        flex: 1;
        min-width: 0;
        align-self: center;
        font-size: .875rem
    }

    .list-group-item-title {
        font-size: 1rem
    }

    .list-group-item-subtitle,
    .list-group-item-title {
        margin: 0;
        line-height: 1.25rem;
        font-weight: 400;
        color: #363642
    }

    .list-group-item-subtitle {
        font-size: inherit
    }

        .list-group-item-subtitle > a,
        .list-group-item-title > a,
        a.list-group-item-subtitle,
        a.list-group-item-title {
            color: #222230
        }

            .list-group-item-subtitle > a:focus,
            .list-group-item-subtitle > a:hover,
            .list-group-item-title > a:focus,
            .list-group-item-title > a:hover,
            a.list-group-item-subtitle:focus,
            a.list-group-item-subtitle:hover,
            a.list-group-item-title:focus,
            a.list-group-item-title:hover {
                color: #363642;
                text-decoration: none
            }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.25rem;
        color: #888c9b
    }

    .list-group-item.custom-control .custom-control-label {
        width: 100%
    }

        .list-group-item.custom-control .custom-control-label:after,
        .list-group-item.custom-control .custom-control-label:before {
            top: .125rem;
            right: .125rem;
            left: auto
        }

    .list-group-item.custom-select {
        height: auto;
        box-shadow: none;
        border-radius: 0
    }

        .list-group-item.custom-select:focus {
            box-shadow: none
        }

    .list-group-item-danger,
    .list-group-item-dark,
    .list-group-item-info,
    .list-group-item-light,
    .list-group-item-primary,
    .list-group-item-secondary,
    .list-group-item-success,
    .list-group-item-warning {
        color: #363642;
        background-color: #fff;
        border-color: #ecedf1;
        border-radius: 0 !important
    }

        .list-group-item-danger.list-group-item-action,
        .list-group-item-dark.list-group-item-action,
        .list-group-item-info.list-group-item-action,
        .list-group-item-light.list-group-item-action,
        .list-group-item-primary.list-group-item-action,
        .list-group-item-secondary.list-group-item-action,
        .list-group-item-success.list-group-item-action,
        .list-group-item-warning.list-group-item-action {
            color: #363642
        }

            .list-group-item-danger.list-group-item-action:focus,
            .list-group-item-danger.list-group-item-action:hover,
            .list-group-item-dark.list-group-item-action:focus,
            .list-group-item-dark.list-group-item-action:hover,
            .list-group-item-info.list-group-item-action:focus,
            .list-group-item-info.list-group-item-action:hover,
            .list-group-item-light.list-group-item-action:focus,
            .list-group-item-light.list-group-item-action:hover,
            .list-group-item-primary.list-group-item-action:focus,
            .list-group-item-primary.list-group-item-action:hover,
            .list-group-item-secondary.list-group-item-action:focus,
            .list-group-item-secondary.list-group-item-action:hover,
            .list-group-item-success.list-group-item-action:focus,
            .list-group-item-success.list-group-item-action:hover,
            .list-group-item-warning.list-group-item-action:focus,
            .list-group-item-warning.list-group-item-action:hover {
                color: #363642;
                background-color: #f6f7f9
            }

            .list-group-item-danger.list-group-item-action.active,
            .list-group-item-dark.list-group-item-action.active,
            .list-group-item-info.list-group-item-action.active,
            .list-group-item-light.list-group-item-action.active,
            .list-group-item-primary.list-group-item-action.active,
            .list-group-item-secondary.list-group-item-action.active,
            .list-group-item-success.list-group-item-action.active,
            .list-group-item-warning.list-group-item-action.active {
                border-color: #ecedf1;
                border-radius: 0 !important;
                box-shadow: inset 4px 0 0 0 #346cb0
            }

    .list-group-item-primary {
        box-shadow: inset 4px 0 0 0 #346cb0
    }

    .list-group-item-secondary {
        box-shadow: inset 4px 0 0 0 #f6f7f9
    }

    .list-group-item-success {
        box-shadow: inset 4px 0 0 0 #00a28a
    }

    .list-group-item-info {
        box-shadow: inset 4px 0 0 0 #0179a8
    }

    .list-group-item-warning {
        box-shadow: inset 4px 0 0 0 #f7c46c
    }

    .list-group-item-danger {
        box-shadow: inset 4px 0 0 0 #b76ba3
    }

    .list-group-item-light {
        box-shadow: inset 4px 0 0 0 #f6f7f9
    }

    .list-group-item-dark {
        box-shadow: inset 4px 0 0 0 #222230
    }

    .list-group-bordered .list-group-header {
        border-top: 0
    }

    .list-group-bordered .list-group-item {
        border-color: #ecedf1
    }

    .list-group-divider .list-group-item {
        margin-top: 0;
        padding: 0;
        border-bottom: 0
    }

        .list-group-divider .list-group-item.active {
            border-color: transparent
        }

        .list-group-divider .list-group-item:not(:first-child) > .list-group-item-body,
        .list-group-divider .list-group-item:not(:first-child) > .list-group-item-figure:last-child {
            border-top: 1px solid #ecedf1
        }

    .list-group-divider .list-group-item-figure {
        padding: .75rem 1rem
    }

    .list-group-divider .list-group-item-body {
        padding: .75rem 0
    }

        .list-group-divider .list-group-item-body:first-child {
            padding-left: 1rem
        }

        .list-group-divider .list-group-item-body:last-child {
            padding-right: 1rem
        }

    .list-group-media {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0
    }

        .list-group-media .list-group-item {
            margin-bottom: 0;
            padding: 0;
            border: 0;
            background-color: #fff;
            border-radius: .25rem;
            box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15)
        }

            .list-group-media .list-group-item:not(:first-child) {
                margin-top: 1rem
            }

        .list-group-media .list-group-item-action:focus,
        .list-group-media .list-group-item-action:hover {
            background-color: #fff
        }

        .list-group-media .list-group-item-figure {
            position: relative;
            padding: 0;
            width: 12rem;
            max-width: 40%;
            overflow: hidden
        }

            .list-group-media .list-group-item-figure > img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                min-height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center
            }

        .list-group-media .list-group-item-body {
            padding: 1.5rem 1rem
        }

        .list-group-media .list-group-item-title {
            margin-bottom: .5rem;
            font-weight: 700
        }

    .card {
        margin-bottom: 20px;
        border: none;
        box-shadow: 0 0 0 1px rgba(20,20,31,.05),0 1px 3px 0 rgba(20,20,31,.15)
    }

    @media (max-width:575.98px) {
        .card-fluid {
            border-radius: 0;
            border-width: 1px 0
        }

            .card-fluid .card-img-top {
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

            .card-fluid .card-img-bottom {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }
    }

    .card-reflow {
        margin-bottom: 0;
        display: block;
        background-color: transparent;
        box-shadow: none
    }

    .card-header-tabs {
        margin-top: -1rem;
        font-weight: 400
    }

    .card-header-control,
    .card-title-control {
        margin: -.5rem 0
    }

    .card-header {
        font-weight: 600
    }

    .card-header-fluid {
        padding-bottom: 0;
        border-bottom: 0
    }

    .card-title {
        font-size: 1rem
    }

        .card-title > a {
            color: inherit;
            outline: 0
        }

            .card-title > a:focus,
            .card-title > a:hover {
                color: inherit;
                text-decoration: none
            }

    .card-subtitle {
        margin-top: -.75rem;
        font-size: .875rem;
        font-weight: 400
    }

    @media (min-width:768px) {
        .card-subtitle {
            font-size: .75rem
        }
    }

    .card-footer {
        padding: 0;
        display: flex;
        align-items: stretch
    }

    .card-footer-content {
        padding: 1rem;
        width: 100%
    }

    .card-footer-item {
        padding: 1rem;
        flex: 1;
        text-align: center;
        outline: 0
    }

        .card-footer-item:focus,
        .card-footer-item:hover {
            text-decoration: none
        }

    .card-footer-item-bordered:not(:last-child) {
        border-right: 1px solid rgba(20,20,31,.12)
    }

    .card-footer-item > .metric {
        padding: 0
    }

    a.card-footer-item.text-muted:focus,
    a.card-footer-item.text-muted:hover {
        color: #222230 !important
    }

    .card-link + .card-link {
        margin-left: 0
    }

    .card-expansion {
        margin-bottom: 1rem
    }

    .card-expansion-item {
        margin-bottom: 0;
        border-radius: 0;
        transition: margin .2s
    }

        .card-expansion-item.expanded {
            margin: 1rem 0
        }

        .card-expansion-item:first-child {
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem
        }

            .card-expansion-item:first-child.expanded {
                margin-top: 0
            }

        .card-expansion-item:last-child {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

            .card-expansion-item:last-child.expanded {
                margin-bottom: 0
            }

        .card-expansion-item:not(.expanded) + .card-expansion-item:not(.expanded) {
            margin-top: -1px
        }

    [data-toggle=collapse] .collapse-indicator {
        text-align: left;
        color: #888c9b
    }

        [data-toggle=collapse] .collapse-indicator > .fa,
        [data-toggle=collapse] .collapse-indicator > .oi {
            transform: rotate(0deg);
            transition: transform .2s
        }

    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-plus:before {
        content: "\f068"
    }

    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-plus:before {
        content: "\e09d"
    }

    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-angle-down,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-caret-down,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-chevron-down,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-caret-down,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-chevron-down {
        transform: rotate(-180deg)
    }

    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-angle-left,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-caret-left,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-chevron-left,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-caret-left,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-chevron-left {
        transform: rotate(-90deg)
    }

    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-angle-right,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-caret-right,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-chevron-right,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-caret-right,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .oi-chevron-right {
        transform: rotate(90deg)
    }

    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-circle,
    [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-dot-circle {
        color: #346cb0
    }

        [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-circle:before,
        [data-toggle=collapse][aria-expanded=true] .collapse-indicator > .fa-dot-circle:before {
            content: "\f192"
        }

    .card-inverse {
        color: hsla(0,0%,100%,.6)
    }

        .card-inverse .card-footer,
        .card-inverse .card-header {
            background-color: transparent;
            border-color: hsla(0,0%,100%,.2)
        }

        .card-inverse .card-blockquote,
        .card-inverse .card-footer,
        .card-inverse .card-header,
        .card-inverse .card-title {
            color: hsla(0,0%,100%,.8)
        }

        .card-inverse .card-footer-item-bordered {
            border-color: hsla(0,0%,100%,.2)
        }

        .card-inverse .card-blockquote .blockquote-footer,
        .card-inverse .card-link,
        .card-inverse .card-subtitle,
        .card-inverse .card-text {
            color: hsla(0,0%,100%,.6)
        }

            .card-inverse .card-link:focus,
            .card-inverse .card-link:hover {
                color: hsla(0,0%,100%,.8)
            }

    .bg-header {
        background-color: #dbe4ec !important;
    }

    .tile.bg-blue, .tile.bg-indigo, .tile.bg-pink, .tile.bg-purple, .tile.bg-red, .tile.bg-teal, a.tile.bg-blue:focus, a.tile.bg-blue:hover, a.tile.bg-dark:focus, a.tile.bg-dark:hover, a.tile.bg-indigo:focus, a.tile.bg-indigo:hover, a.tile.bg-pink:focus, a.tile.bg-pink:hover, a.tile.bg-purple:focus, a.tile.bg-purple:hover, a.tile.bg-red:focus, a.tile.bg-red:hover {
        color: #fff;
    }

    a.tile {
        outline: 0;
        background-color: #d7dae2;
    }

    .tile-md {
        width: 2.25rem;
        height: 2.25rem;
        line-height: 2.25rem;
    }

    .tile {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        color: #888c9b;
        font-weight: 600;
        font-size: 1rem;
        background-color: #e6e8ed;
        line-height: 2rem;
        text-align: center;
        vertical-align: middle;
        border-radius: .25rem;
    }

    a {
        color: #346cb0;
        text-decoration: none;
        background-color: transparent;
    }

    .list-group-item-body {
        flex: 1;
        min-width: 0;
        align-self: center;
        font-size: .875rem;
    }

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

    .text-blue {
        color: #0179a8 !important
    }

    a.text-blue:focus,
    a.text-blue:hover {
        color: #01425c !important
    }

    .text-indigo {
        color: #346cb0 !important
    }

    a.text-indigo:focus,
    a.text-indigo:hover {
        color: #234875 !important
    }

    .text-purple {
        color: #5f4b8b !important
    }

    a.text-purple:focus,
    a.text-purple:hover {
        color: #3d3059 !important
    }

    .text-pink {
        color: #b76ba3 !important
    }

    a.text-pink:focus,
    a.text-pink:hover {
        color: #90467c !important
    }

    .text-red {
        color: #ea6759 !important
    }

    a.text-red:focus,
    a.text-red:hover {
        color: #db2e1c !important
    }

    .text-orange {
        color: #ec935e !important
    }

    a.text-orange:focus,
    a.text-orange:hover {
        color: #e3651b !important
    }

    .text-yellow {
        color: #f7c46c !important
    }

    a.text-yellow:focus,
    a.text-yellow:hover {
        color: #f3a723 !important
    }

    .text-green {
        color: #a7c796 !important
    }

    a.text-green:focus,
    a.text-green:hover {
        color: #7dac64 !important
    }

    .text-teal {
        color: #00a28a !important
    }

    a.text-teal:focus,
    a.text-teal:hover {
        color: #005649 !important
    }

    .text-cyan {
        color: #3686a0 !important
    }

    a.text-cyan:focus,
    a.text-cyan:hover {
        color: #235667 !important
    }

    .text-white {
        color: #fff !important
    }

    a.text-white:focus,
    a.text-white:hover {
        color: #d9d9d9 !important
    }

    .text-gray {
        color: #888c9b !important
    }

    a.text-gray:focus,
    a.text-gray:hover {
        color: #626675 !important
    }

    .text-gray-dark {
        color: #222230 !important
    }

    a.text-gray-dark:focus,
    a.text-gray-dark:hover {
        color: #020203 !important
    }

    .text-white {
        color: #e6e8ed !important
    }

    a.text-white:focus,
    a.text-white:hover {
        color: #babfcd !important
    }

    .text-black {
        color: #363642 !important
    }

    a.text-black:focus,
    a.text-black:hover {
        color: #141418 !important
    }

    .text-muted-light {
        color: hsla(0,0%,100%,.6) !important
    }

    a.text-muted-light:focus,
    a.text-muted-light:hover {
        color: hsla(0,0%,100%,.8) !important
    }

    .text-muted-dark {
        color: rgba(20,20,31,.6) !important
    }

    a.text-muted-dark:focus,
    a.text-muted-dark:hover {
        color: rgba(20,20,31,.8) !important
    }

.bg-blue {
    background-color: #09a7e5 !important
}

    a.bg-blue:focus,
    a.bg-blue:hover,
    button.bg-blue:focus,
    button.bg-blue:hover {
        background-color: #015475 !important
    }

.bg-indigo {
    background-color: #1957a3 !important
}

    a.bg-indigo:focus,
    a.bg-indigo:hover,
    button.bg-indigo:focus,
    button.bg-indigo:hover {
        background-color: #285489 !important
    }

    .bg-purple {
        background-color: #5f4b8b !important
    }

    a.bg-purple:focus,
    a.bg-purple:hover,
    button.bg-purple:focus,
    button.bg-purple:hover {
        background-color: #48396a !important
    }

    .bg-pink {
        background-color: #b76ba3 !important
    }

    a.bg-pink:focus,
    a.bg-pink:hover,
    button.bg-pink:focus,
    button.bg-pink:hover {
        background-color: #a14e8b !important
    }

    .bg-red {
        background-color: #ea6759 !important
    }

    a.bg-red:focus,
    a.bg-red:hover,
    button.bg-red:focus,
    button.bg-red:hover {
        background-color: #e43e2c !important
    }

    .bg-orange {
        background-color: #ec935e !important
    }

    a.bg-orange:focus,
    a.bg-orange:hover,
    button.bg-orange:focus,
    button.bg-orange:hover {
        background-color: #e77430 !important
    }

    .bg-yellow {
        background-color: #f7c46c !important
    }

    a.bg-yellow:focus,
    a.bg-yellow:hover,
    button.bg-yellow:focus,
    button.bg-yellow:hover {
        background-color: #f4b13c !important
    }

    .bg-green {
        background-color: #a7c796 !important
    }

    a.bg-green:focus,
    a.bg-green:hover,
    button.bg-green:focus,
    button.bg-green:hover {
        background-color: #8bb575 !important
    }

    .bg-teal {
        background-color: #00a28a !important
    }

    a.bg-teal:focus,
    a.bg-teal:hover,
    button.bg-teal:focus,
    button.bg-teal:hover {
        background-color: #006f5f !important
    }

    .bg-cyan {
        background-color: #3686a0 !important
    }

    a.bg-cyan:focus,
    a.bg-cyan:hover,
    button.bg-cyan:focus,
    button.bg-cyan:hover {
        background-color: #29667a !important
    }

    .bg-gray {
        background-color: #888c9b !important
    }

    a.bg-gray:focus,
    a.bg-gray:hover,
    button.bg-gray:focus,
    button.bg-gray:hover {
        background-color: #6e7282 !important
    }

    .bg-gray-dark {
        background-color: #222230 !important
    }

    a.bg-gray-dark:focus,
    a.bg-gray-dark:hover,
    button.bg-gray-dark:focus,
    button.bg-gray-dark:hover {
        background-color: #0d0d12 !important
    }

    .bg-white {
        background-color: #fff !important
    }

    a.bg-white:focus,
    a.bg-white:hover,
    button.bg-white:focus,
    button.bg-white:hover {
        background-color: #e6e6e6 !important
    }

    .bg-muted {
        background-color: #e6e8ed !important
    }

    a.bg-muted:focus,
    a.bg-muted:hover,
    button.bg-muted:focus,
    button.bg-muted:hover {
        background-color: #c8cdd8 !important
    }

    .bg-black {
        background-color: #14141f !important
    }

    a.bg-black:focus,
    a.bg-black:hover,
    button.bg-black:focus,
    button.bg-black:hover {
        background-color: #000 !important
    }
.bg-muted-success {
    background-color: #b5eab4 !important
}

a.bg-muted:focus,
a.bg-muted:hover,
button.bg-muted:focus,
button.bg-muted:hover {
    background-color: #a2d2a1 !important
}

.bg-warning {
    background-color: #a2d2a1 !important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #eadbb8 !important
}
    .fill-blue {
        fill: #0179a8 !important
    }

    .fill-indigo {
        fill: #346cb0 !important
    }

    .fill-purple {
        fill: #5f4b8b !important
    }

    .fill-pink {
        fill: #b76ba3 !important
    }

    .fill-red {
        fill: #ea6759 !important
    }

    .fill-orange {
        fill: #ec935e !important
    }

    .fill-yellow {
        fill: #f7c46c !important
    }

    .fill-green {
        fill: #a7c796 !important
    }

    .fill-teal {
        fill: #00a28a !important
    }

    .fill-cyan {
        fill: #3686a0 !important
    }

    .fill-gray {
        fill: #888c9b !important
    }

    .fill-gray-dark {
        fill: #222230 !important
    }

    .fill-primary {
        fill: #346cb0 !important
    }

    .fill-secondary {
        fill: #f6f7f9 !important
    }

    .fill-success {
        fill: #00a28a !important
    }

    .fill-info {
        fill: #0179a8 !important
    }

    .fill-warning {
        fill: #f7c46c !important
    }

    .fill-danger {
        fill: #b76ba3 !important
    }

    .fill-light {
        fill: #f6f7f9 !important
    }

    .fill-dark {
        fill: #222230 !important
    }

    .fill-white {
        fill: #fff !important
    }

    .fill-muted {
        fill: #e6e8ed !important
    }

    .fill-black {
        fill: #14141f !important
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    button,
    input {
        overflow: visible
    }

        input[type=checkbox],
        input[type=radio] {
            box-sizing: border-box;
            padding: 0
        }


    .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem
    }

    .custom-control-inline {
        display: inline-flex;
        margin-right: 1rem
    }

    .custom-control-input {
        position: absolute;
        z-index: -1;
        width: 1rem;
        height: 1.25rem;
        opacity: 0
    }

        .custom-control-input:checked ~ .custom-control-label:before {
            color: #fff;
            background-color: #dcf1ff
        }

        .custom-control-input:focus ~ .custom-control-label:before {
            box-shadow: 0 0 0 1px #346cb0
        }

        .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
            border-color: #346cb0
        }

        .custom-control-input:not(:disabled):active ~ .custom-control-label:before {
            color: #fff;
            background-color: #afc9e7;
            border-color: #afc9e7
        }

        .custom-control-input:disabled ~ .custom-control-label,
        .custom-control-input[disabled] ~ .custom-control-label {
            color: #888c9b
        }

            .custom-control-input:disabled ~ .custom-control-label:before,
            .custom-control-input[disabled] ~ .custom-control-label:before {
                background-color: #f6f7f9
            }

    .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top
    }

        .custom-control-label:before {
            pointer-events: none;
            background-color: #fff;
            border: 1px solid #a6abbd
        }

        .custom-control-label:after,
        .custom-control-label:before {
            position: absolute;
            top: .25rem;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: ""
        }

        .custom-control-label:after {
            background: no-repeat 50%/63% 63%
        }

    .custom-checkbox .custom-control-label:before {
        border-radius: .25rem
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8'%3E%3Cpath d='M6.41 1l-.69.72L2.94 4.5l-.81-.78L1.41 3 0 4.41l.72.72 1.5 1.5.69.72.72-.72 3.5-3.5.72-.72L6.41 1z'/%3E%3C/svg%3E")
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
        border-color: #7992b0;
        background-color: #7992b0
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8'%3E%3Cpath d='M0 3v2h8V3H0z'/%3E%3C/svg%3E")
    }

    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: rgba(52,108,176,.5)
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
        background-color: rgba(52,108,176,.5)
    }

    .custom-radio .custom-control-label:before {
        border-radius: 50%
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230179A8' width='8' height='8'%3E%3Cpath d='M4 1C2.34 1 1 2.34 1 4s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")
    }

    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: rgba(52,108,176,.5)
    }

    .custom-switch {
        padding-left: 2.25rem
    }

        .custom-switch .custom-control-label:before {
            left: -2.25rem;
            width: 1.75rem;
            pointer-events: all;
            border-radius: .5rem
        }

        .custom-switch .custom-control-label:after {
            top: calc(.25rem + 2px);
            left: calc(-2.25rem + 2px);
            width: calc(1rem - 4px);
            height: calc(1rem - 4px);
            background-color: #a6abbd;
            border-radius: .5rem;
            transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
        }

    @media (prefers-reduced-motion:reduce) {
        .custom-switch .custom-control-label:after {
            transition: none
        }
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
        background-color: #fff;
        transform: translateX(.75rem)
    }

    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before {
        background-color: rgba(52,108,176,.5)
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #363642;
        vertical-align: middle;
        background: linear-gradient(180deg,#fff,#f6f7f9) url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='%23888c9b' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19L403 749q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px;
        border: 1px solid #c6c9d5;
        border-radius: .25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .custom-select:focus {
            border-color: #346cb0;
            outline: 0;
            box-shadow: 0 0 0 1px #346cb0
        }

            .custom-select:focus::-ms-value {
                color: #363642;
                background-color: #fff
            }

        .custom-select[multiple],
        .custom-select[size]:not([size="1"]) {
            height: auto;
            padding-right: .75rem;
            background-image: none
        }

        .custom-select:disabled {
            color: #888c9b;
            background-color: #e6e8ed
        }

        .custom-select::-ms-expand {
            display: none
        }

        .custom-select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #363642
        }

    .custom-select-sm {
        height: calc(1.5em + .5rem + 2px);
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: .5rem
    }

    .custom-select-lg {
        height: calc(1.75em + 1rem + 2px);
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 1rem;
        font-size: 1rem
    }

    .custom-file {
        display: inline-block;
        margin-bottom: 0
    }

    .custom-file,
    .custom-file-input {
        position: relative;
        width: 100%;
        height: calc(1.5em + .75rem + 2px)
    }

    .custom-file-input {
        z-index: 2;
        margin: 0;
        opacity: 0
    }

        .custom-file-input:disabled ~ .custom-file-label,
        .custom-file-input[disabled] ~ .custom-file-label {
            background-color: #f6f7f9
        }

        .custom-file-input:lang(en) ~ .custom-file-label:after {
            content: "Browse"
        }

        .custom-file-input ~ .custom-file-label[data-browse]:after {
            content: attr(data-browse)
        }

    .custom-file-label {
        left: 0;
        z-index: 1;
        height: calc(1.5em + .75rem + 2px);
        font-weight: 400;
        border: 1px solid #c6c9d5;
        border-radius: .25rem
    }

        .custom-file-label,
        .custom-file-label:after {
            position: absolute;
            top: 0;
            right: 0;
            padding: .375rem .75rem;
            line-height: 1.5;
            color: #363642;
            background-color: #fff
        }

            .custom-file-label:after {
                bottom: 0;
                z-index: 3;
                display: block;
                height: calc(1.5em + .75rem);
                content: "Browse";
                border-left: inherit;
                border-radius: 0 .25rem .25rem 0
            }

    .custom-range {
        width: 100%;
        height: calc(1rem + 2px);
        padding: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .custom-range:focus {
            outline: none
        }

            .custom-range:focus::-webkit-slider-thumb {
                box-shadow: 0 0 0 1px #f6f7f9,0 0 0 1px #346cb0
            }

            .custom-range:focus::-moz-range-thumb {
                box-shadow: 0 0 0 1px #f6f7f9,0 0 0 1px #346cb0
            }

            .custom-range:focus::-ms-thumb {
                box-shadow: 0 0 0 1px #f6f7f9,0 0 0 1px #346cb0
            }

        .custom-range::-moz-focus-outer {
            border: 0
        }

        .custom-range::-webkit-slider-thumb {
            width: 1rem;
            height: 1rem;
            margin-top: -.25rem;
            background-color: #346cb0;
            border: 0;
            border-radius: 1rem;
            -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -webkit-appearance: none;
            appearance: none
        }

    @media (prefers-reduced-motion:reduce) {
        .custom-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none
        }
    }

    .custom-range::-webkit-slider-thumb:active {
        background-color: #afc9e7
    }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d6d8e1;
        border-color: transparent;
        border-radius: 1rem
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #346cb0;
        border: 0;
        border-radius: 1rem;
        -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -moz-appearance: none;
        appearance: none
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-range::-moz-range-thumb {
            -moz-transition: none;
            transition: none
        }
    }

    .custom-range::-moz-range-thumb:active {
        background-color: #afc9e7
    }

    .custom-range::-moz-range-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d6d8e1;
        border-color: transparent;
        border-radius: 1rem
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: 1px;
        margin-left: 1px;
        background-color: #346cb0;
        border: 0;
        border-radius: 1rem;
        -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

    @media (prefers-reduced-motion:reduce) {
        .custom-range::-ms-thumb {
            -ms-transition: none;
            transition: none
        }
    }

    .custom-range::-ms-thumb:active {
        background-color: #afc9e7
    }

    .custom-range::-ms-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .5rem
    }

    .custom-range::-ms-fill-lower,
    .custom-range::-ms-fill-upper {
        background-color: #d6d8e1;
        border-radius: 1rem
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px
    }

    .custom-range:disabled::-webkit-slider-thumb {
        background-color: #a6abbd
    }

    .custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default
    }

    .custom-range:disabled::-moz-range-thumb {
        background-color: #a6abbd
    }

    .custom-range:disabled::-moz-range-track {
        cursor: default
    }

    .custom-range:disabled::-ms-thumb {
        background-color: #a6abbd
    }

    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }





    @media (prefers-reduced-motion:reduce) {
        .custom-control-label:before,
        .custom-file-label,
        .custom-select {
            transition: none
        }
    }
@media (min-width: 768px) {
    .modal-dialog {
        max-width: 700px;
    }
    div.dt-container div.dt-search input {
        margin-left: .5em;
        display: inline-block;
        width: 500px;
    }
}

    @media (min-width: 1000px) {
        .modal-dialog {
            max-width: 1000px;
        }
    }

.mb-5 {
    margin-block-end: 1.25rem !important
}

.mb-6 {
    margin-block-end: 1.5rem !important
}

.mb-7 {
    margin-block-end: 1.75rem !important
}

.mb-8 {
    margin-block-end: 2rem !important
}

.mb-9 {
    margin-block-end: 2.25rem !important
}

.mb-10 {
    margin-block-end: 2.5rem !important
}

.mb-11 {
    margin-block-end: 2.75rem !important
}

.mb-12 {
    margin-block-end: 3rem !important
}

.password {
    position: relative;
}

.password-control {
    position: absolute;
    top: 30px;
    right: 6px;
    display: normal;
    width: 24px;
    height: 24px;
    background: url(/lib/fontawesome/svgs/solid/eye-slash.svg) 0 0 no-repeat;
}

    .password-control.view {
        background: url(/lib/fontawesome/svgs/solid/eye.svg) 0 0 no-repeat;
    }

.password-login {
    position: relative;
}

.password-control-login {
    position: absolute;
    top: 33px;
    right: 6px;
    display: normal;
    width: 24px;
    height: 24px;
    background: url(/lib/fontawesome/svgs/solid/eye.svg) 0 0 no-repeat;
}

    .password-control-login.view {
        background: url(/lib/fontawesome/svgs/solid/eye-slash.svg) 0 0 no-repeat;
    }

.page-header {
    color: #414655;
}
.page-link {
    color: #3886ca;
  
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3886ca;
    border-color: #3886ca;
}

.border-primary {
    color: #3886ca !important;
}

.choosed {
    font-weight:700 !important;
/*    background-color: #a6abbd !important;*/
}
.doclabel {
    width:120px;
}