:root {
    --blue: #3075BA;
    --indigo: #34316E;
    --purple: #7266ba;
    --pink: #e83e8c;
    --red: #ff4940;
    --orange: #F58634;
    --yellow: #ffc107;
    --green: #4caf50;
    --teal: #2bbbad;
    --cyan: #03a9f4;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: #34316E;
    --secondary: #F58634;
    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #ff4940;
    --light: #dedfdf;
    --dark: #929495;
    --darker: #1e1e2d;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Open Sans",sans-serif;
    --font-family-monospace: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Open Sans",sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #455056;
    background-color: #f2f3f8;
    font-weight: 400;
/*    background-image: url(../imgs/6352.jpg);
*/}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

dt {
    font-weight: 500
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

a {
    color: #34316E;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:hover {
        color: #1b1939;
        text-decoration: none
    }

caption {
    padding-top: .5rem .75rem;
    padding-bottom: .5rem .75rem;
    color: rgba(0,0,0,.64);
    text-align: left;
    caption-side: bottom
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

.table {
    font-size: 0.85rem;

}

.table-center {
    font-size: 0.85rem;
    text-align: center
}

    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/roboto/Roboto-Thin-webfont.eot?) format("eot"),url(../fonts/roboto/Roboto-Thin-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Thin-webfont.ttf) format("truetype"),url('../fonts/roboto/Roboto-Thin-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")
    }

    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/roboto/Roboto-Light-webfont.eot?) format("eot"),url(../fonts/roboto/Roboto-Light-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Light-webfont.ttf) format("truetype"),url('../fonts/roboto/Roboto-Light-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")
    }

    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/roboto/Roboto-Regular-webfont.eot?) format("eot"),url(../fonts/roboto/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype"),url('../fonts/roboto/Roboto-Regular-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")
    }

    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/roboto/Roboto-Medium-webfont.eot?) format("eot"),url(../fonts/roboto/Roboto-Medium-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype"),url('../fonts/roboto/Roboto-Medium-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")
    }

    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/roboto/Roboto-Bold-webfont.eot?) format("eot"),url(../fonts/roboto/Roboto-Bold-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype"),url('../fonts/roboto/Roboto-Bold-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")
    }

    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/roboto/Roboto-Black-webfont.eot?) format("eot"),url(../fonts/roboto/Roboto-Black-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Black-webfont.ttf) format("truetype"),url('../fonts/roboto/Roboto-Black-webfont.svg#str-replace("Roboto", " ", "_")') format("svg")
    }

    a {
    color: #34316E;
    text-decoration: none;
    outline: 0
}

    a:focus, a:hover {
        text-decoration: none;
        outline: 0;
        color: #1b1939;
        outline-offset: -2px
    }

.lead, p.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #1e1e2d
}

.h1, h1 {
    font-size: 2rem
}

.h2, h2 {
    font-size: 1.5rem
}

.h3, h3 {
    font-size: 1.25rem
}

.h4, h4 {
    font-size: 1rem
}

.h5, h5 {
    font-size: 1rem
}

.h6, h6 {
    font-size: .875rem
}

.display-1 {
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 300;
    letter-spacing: -.04em
}

.display-2 {
    font-size: 3.5rem;
    line-height: 6rem;
    font-weight: 300;
    letter-spacing: -.02em
}

.display-3 {
    font-size: 2.8125rem;
    line-height: 3.125rem;
    font-weight: 500
}

.display-4 {
    font-size: 2.125rem;
    line-height: 2.5rem;
    font-weight: 500
}

.pmd-display1 {
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 300;
    letter-spacing: -.04em
}

.pmd-display2 {
    font-size: 3.5rem;
    line-height: 3.5rem;
    font-weight: 400;
    letter-spacing: -.02em
}

.pmd-display3 {
    font-size: 2.8125rem;
    line-height: 3rem;
    font-weight: 400
}

.pmd-display4 {
    font-size: 2.125rem;
    line-height: 2.5rem;
    font-weight: 400
}

.pmd-headline {
    font-size: 1.5rem;
    line-height: initial;
    font-weight: 600
}

.pmd-title {
    font-size: 1.25rem;
    line-height: initial;
    font-weight: 400
}

.pmd-subheading2 {
    font-size: 1rem;
    line-height: initial;
    font-weight: 400
}

.pmd-subheading1 {
    font-size: .875rem;
    line-height: initial;
    font-weight: 300
}

.pmd-body2 {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 500
}

.pmd-body1 {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400
}

.pmd-caption {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .08em
}

.pmd-z-depth-1 {
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.pmd-z-depth-2 {
    -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12)
}

.pmd-z-depth-3 {
    -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 15px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 15px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 15px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.pmd-z-depth-4 {
    -moz-box-shadow: 0 12px 24px -4px rgba(0,0,0,.2),0 8px 20px 1px rgba(0,0,0,.14),0 6px 12px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 12px 24px -4px rgba(0,0,0,.2),0 8px 20px 1px rgba(0,0,0,.14),0 6px 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 12px 24px -4px rgba(0,0,0,.2),0 8px 20px 1px rgba(0,0,0,.14),0 6px 12px 0 rgba(0,0,0,.12)
}

.pmd-z-depth-5 {
    -moz-box-shadow: 0 16px 28px -4px rgba(0,0,0,.2),0 12px 36px 1px rgba(0,0,0,.14),0 8px 20px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 16px 28px -4px rgba(0,0,0,.2),0 12px 36px 1px rgba(0,0,0,.14),0 8px 20px 0 rgba(0,0,0,.12);
    box-shadow: 0 16px 28px -4px rgba(0,0,0,.2),0 12px 36px 1px rgba(0,0,0,.14),0 8px 20px 0 rgba(0,0,0,.12)
}

.pmd-z-depth-light-1 {
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.08);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.08);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.08)
}

.pmd-z-depth-light-2 {
    -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06)
}

.pmd-z-depth-light-3 {
    -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08)
}

.pmd-z-depth-light-4 {
    -moz-box-shadow: 0 12px 24px -4px rgba(0,0,0,.12),0 8px 20px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 12px 24px -4px rgba(0,0,0,.12),0 8px 20px 1px rgba(0,0,0,.08);
    box-shadow: 0 12px 24px -4px rgba(0,0,0,.12),0 8px 20px 1px rgba(0,0,0,.08)
}

.pmd-z-depth-light-5 {
    -moz-box-shadow: 0 16px 28px -4px rgba(0,0,0,.12),0 12px 36px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 16px 28px -4px rgba(0,0,0,.12),0 12px 36px 1px rgba(0,0,0,.08);
    box-shadow: 0 16px 28px -4px rgba(0,0,0,.12),0 12px 36px 1px rgba(0,0,0,.08)
}

.material-icons.md-18, .material-icons.pmd-xs {
    font-size: 18px
}

.material-icons.md-24, .material-icons.pmd-sm {
    font-size: 24px
}

.material-icons.md-36, .material-icons.pmd-md {
    font-size: 32px
}

.material-icons.md-48, .material-icons.pmd-lg {
    font-size: 48px
}

.md-dark {
    color: rgba(0,0,0,.87)
}

    .md-dark svg {
        fill: rgba(0,0,0,.87)
    }

    .md-dark.md-inactive {
        color: rgba(0,0,0,.38)
    }

        .md-dark.md-inactive svg {
            fill: rgba(0,0,0,.38)
        }

.md-primary {
    color: rgba(52,49,110,.87)
}

    .md-primary svg {
        fill: rgba(52,49,110,.87)
    }

    .md-primary.md-inactive {
        color: rgba(52,49,110,.38)
    }

        .md-primary.md-inactive svg {
            fill: rgba(52,49,110,.38)
        }

.md-light {
    color: #fff
}

    .md-light svg {
        fill: #fff
    }

    .md-light.md-inactive {
        color: rgba(255,255,255,.5)
    }

        .md-light.md-inactive svg {
            fill: rgba(255,255,255,.5)
        }

.pmd-icon-xs {
    display: inline-flex;
    font-size: 18px
}

    .pmd-icon-xs img, .pmd-icon-xs svg {
        height: 18px
    }

.pmd-icon-sm {
    display: inline-flex;
    font-size: 24px;
    color: #34316e;
}

    .pmd-icon-sm img, .pmd-icon-sm svg {
        height: 24px
    }

.pmd-icon-md {
    display: inline-flex;
    font-size: 32px;
    color: #34316e;
}

    .pmd-icon-md img, .pmd-icon-md svg {
        height: 32px
    }

.pmd-icon-lg {
    display: inline-flex;
    font-size: 48px
}

    .pmd-icon-lg img, .pmd-icon-lg svg {
        height: 48px
    }

.pmd-icon-xl {
    display: inline-flex;
    font-size: 72px
}

    .pmd-icon-xl img, .pmd-icon-xl svg {
        height: 72px
    }

.pmd-icon-circle {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 56px
}

    .pmd-icon-circle img, .pmd-icon-circle svg {
        height: 70%
    }

    .pmd-icon-circle.pmd-icon-xl {
        height: 96px;
        width: 96px
    }

    .pmd-icon-circle.pmd-icon-lg {
        height: 80px;
        width: 80px
    }

    .pmd-icon-circle.pmd-icon-md {
        height: 64px;
        width: 64px
    }

    .pmd-icon-circle.pmd-icon-sm {
        height: 40px;
        width: 40px
    }

    .pmd-icon-circle.pmd-icon-xs {
        height: 32px;
        width: 32px
    }

.pmd-icon-circle-lg {
    width: 72px;
    height: 72px
}

.pmd-card {
    display: block;
    padding: 1px 0;
    margin-bottom: 30px;
    background-color: #fff;
    border: none;
    border-radius: .25rem;
    -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06)
}

    .pmd-card .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .pmd-card .form-horizontal .form-group {
        margin-right: inherit;
        margin-left: inherit
    }

    .pmd-card .card-body {
        padding: 0 1.25rem;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

        .pmd-card .card-body .pmd-list .list-group-item {
            padding-left: 0;
            padding-right: 0
        }

            .pmd-card .card-body .pmd-list .list-group-item.list-group-item-action {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }

        .pmd-card .card-body .pmd-list.pmd-list-bullet .list-group-item {
            padding-left: 1.5rem
        }

    .pmd-card .card-header {
        padding: 1.25rem 1.25rem 0 1.25rem;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid transparent;
        background-color: transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .pmd-card .card-header .dropdown .dropdown-toggle {
            color: inherit
        }

        .pmd-card .card-header.pmd-card-border {
            border-bottom: 1px solid rgba(0,0,0,.12);
            padding-bottom: 1.25rem;
            margin-bottom: 0
        }

    .pmd-card .card-title {
        margin-bottom: .5rem
    }

        .pmd-card .card-title:last-child {
            margin-bottom: 0
        }

    .pmd-card .card-subtitle {
        font-size: .875rem;
        line-height: 1.6;
        color: rgba(0,0,0,.64)
    }

        .pmd-card .card-subtitle:first-child {
            margin-bottom: 0;
            margin-top: 0
        }

        .pmd-card .card-subtitle + .card-subtitle {
            margin-top: 0
        }

    .pmd-card.bg-dark .card-subtitle {
        color: rgba(255,255,255,.87)
    }

    .pmd-card .card-footer {
        background-color: transparent;
        border-color: transparent;
        padding: 0 1.25rem 1.25rem 1.25rem;
        margin-top: 1.25rem
    }

        .pmd-card .card-footer.pmd-card-border {
            border-top: 1px solid rgba(0,0,0,.12);
            padding-top: 1.25rem;
            margin-top: 0
        }

        .pmd-card .card-footer .btn {
            margin-right: .25rem;
            margin-left: .25rem;
            min-width: inherit
        }

            .pmd-card .card-footer .btn:first-child {
                margin-left: 0
            }

            .pmd-card .card-footer .btn:last-child {
                margin-right: 0
            }

            .pmd-card .card-footer .btn.pmd-btn-flat {
                margin-top: -.625rem;
                margin-bottom: -.625rem
            }

                .pmd-card .card-footer .btn.pmd-btn-flat:first-child {
                    margin-left: -.5rem
                }

            .pmd-card .card-footer .btn.pmd-btn-fab {
                padding: 0
            }

    .pmd-card .pmd-list {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

        .pmd-card .pmd-list.pmd-list-border .list-group-item {
            border-right: 0;
            border-left: 0;
            border-radius: 0
        }

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

        .pmd-card .pmd-list.pmd-list-border:last-child .list-group-item:last-child {
            border-bottom: 0
        }

.card-deck .pmd-card {
    display: flow-root
}

.pmd-card-icon {
    margin-bottom: 1.25rem
}

.pmd-icon-top {
    margin-top: -50%
}

.pmd-fab-bottom-center {
    position: relative
}

    .pmd-fab-bottom-center .pmd-btn-fab, .pmd-fab-bottom-center .pmd-icon-circle {
        position: absolute;
        transform: translateY(50%);
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0
    }

    .pmd-fab-bottom-center.card-header {
        margin-top: 0;
        padding-bottom: 2rem
    }

.pmd-fab-top-center {
    position: relative
}

    .pmd-fab-top-center.card-body {
        margin-top: 0;
        padding-top: 3rem
    }

    .pmd-fab-top-center .pmd-icon-circle {
        position: absolute;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        top: 0
    }

.pmd-fab-bottom-right {
    position: relative
}

    .pmd-fab-bottom-right .pmd-btn-fab, .pmd-fab-bottom-right .pmd-icon-circle {
        position: absolute;
        transform: translateY(50%);
        right: 1rem;
        margin: auto;
        bottom: 0
    }

    .pmd-fab-bottom-right.card-header {
        margin-top: 0;
        padding-bottom: 2rem
    }

.pmd-social-icon {
    margin-top: 8px
}

    .pmd-social-icon a {
        margin: 0 4px;
        display: inline-flex;
        justify-content: center
    }

        .pmd-social-icon a svg {
            fill: #848484;
            width: 50%
        }

        .pmd-social-icon a:hover svg {
            fill: #fff
        }

.pmd-card-info {
    font-size: .875rem;
    color: rgba(0,0,0,.54);
    padding: 8px 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.pmd-list-progress .list-group-item {
    padding-left: 50px;
    width: 100%;
    background-color: transparent
}

    .pmd-list-progress .list-group-item:before {
        content: "";
        width: 2px;
        height: 100%;
        background: #fff;
        left: 0;
        position: absolute;
        left: 30px;
        top: 0;
        z-index: 9
    }

    .pmd-list-progress .list-group-item:after {
        content: "";
        position: absolute;
        left: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #fff
    }

    .pmd-list-progress .list-group-item.list-group-item-success:after, .pmd-list-progress .list-group-item.list-group-item-success:before {
        background-color: #67b951
    }

    .pmd-list-progress .list-group-item.list-group-item-danger:after, .pmd-list-progress .list-group-item.list-group-item-danger:before {
        background-color: #df6c6c
    }

.with-border:after {
    content: "";
    display: block;
    width: 60px;
    margin: 20px auto;
    height: 3px;
    border-radius: 3px;
    background-color: #018af0
}

.with-left-border:after {
    content: "";
    display: block;
    width: 60px;
    margin: 20px 0;
    height: 3px;
    border-radius: 3px;
    background-color: #018af0
}

.pmd-card-overlay {
    background-color: #041a34;
    overflow: hidden
}

    .pmd-card-overlay .card-title {
        position: absolute;
        color: #fff;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(47%);
        -webkit-transform: translateY(47%);
        -moz-transform: translateY(47%);
        bottom: 0;
        text-align: center;
        z-index: 2;
        transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        font-size: 24px
    }

    .pmd-card-overlay img {
        opacity: .64;
        height: 350px;
        display: block;
        transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        min-width: 100%
    }

.pmd-view-details {
    padding: 0 32px;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    z-index: 100;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    overflow: visible;
    margin: 0 auto;
    top: 50%
}

    .pmd-view-details:before {
        content: attr(data-title);
        position: absolute;
        bottom: -28px;
        -webkit-transform: translate(-17px,0);
        transform: translate(-17px,0);
        color: #fff
    }

.pmd-card-overlay:hover .card-title {
    transform: translateY(20%);
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%)
}

.pmd-card-overlay .card-title:hover + .pmd-view-details, .pmd-card-overlay:hover .pmd-view-details {
    -webkit-transform: translate(0,-40%);
    -moz-transform: translate(0,-40%);
    transform: translate(0,-40%);
    opacity: 1
}

.pmd-card-overlay:hover img {
    opacity: .16;
    transform: scale(1.1)
}

.icon-wrap {
    height: 100px;
    width: 100px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    margin: auto;
    line-height: 100px
}

    .icon-wrap svg {
        display: inline-block;
        vertical-align: middle;
        height: 60px
    }

.pmd-accordion .card {
    position: relative;
    margin: 1rem 0;
    border: none;
    border-radius: .25rem;
    -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    transition: all .2s ease-in-out
}

    .pmd-accordion .card .card-header {
        padding: 0;
        background-color: transparent;
        border-color: rgba(0,0,0,.12)
    }

        .pmd-accordion .card .card-header .btn {
            display: flex;
            padding: .75rem 1rem;
            line-height: 1.5rem;
            font-size: 1rem;
            color: #1e1e2d;
            text-decoration: none;
            font-weight: 500;
            width: 100%;
            text-align: left;
            white-space: inherit;
            text-transform: none
        }

            .pmd-accordion .card .card-header .btn:focus, .pmd-accordion .card .card-header .btn:hover {
                color: inherit
            }

    .pmd-accordion .card.active .material-icons.pmd-accordion-arrow {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.pmd-accordion-nospace .card {
    margin: 0
}

.pmd-accordion-arrow {
    display: flex;
    margin-left: auto
}

.pmd-accordion-inbox .card.active {
    margin: .5rem -.5rem
}

@media (max-width:767.98px) {
    .pmd-accordion-inbox .card.active {
        margin: 1rem -10px
    }
}

.pmd-accordion-icon-left {
    float: left;
    padding-right: 32px
}

.pmd-accordion-icon-right {
    float: right;
    padding-left: 32px
}

.alert-primary {
    color: #1b1939;
    border-color: #c6c5d6;
    background-color: #d6d6e2
}

    .alert-primary hr {
        border-top-color: #b7b6cb
    }

    .alert-primary .alert-link {
        color: #0a0916
    }

.alert-secondary {
    color: #7f461b;
    border-color: #fcddc6;
    background-color: #fde7d6
}

    .alert-secondary hr {
        border-top-color: #fbcfae
    }

    .alert-secondary .alert-link {
        color: #552f12
    }

.alert-success {
    color: #285b2a;
    border-color: #cde9ce;
    background-color: #dbefdc
}

    .alert-success hr {
        border-top-color: #bbe1bd
    }

    .alert-success .alert-link {
        color: #18381a
    }

.alert-info {
    color: #02587f;
    border-color: #b8e7fc;
    background-color: #cdeefd
}

    .alert-info hr {
        border-top-color: #a0dffb
    }

    .alert-info .alert-link {
        color: #01354d
    }

.alert-warning {
    color: #856404;
    border-color: #ffeeba;
    background-color: #fff3cd
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #85212d;
    border-color: #ffcad0;
    background-color: #ffd9dd
}

    .alert-danger hr {
        border-top-color: #ffb1b9
    }

    .alert-danger .alert-link {
        color: #5c171f
    }

.alert-light {
    color: #737474;
    border-color: #f6f6f6;
    background-color: #f8f9f9
}

    .alert-light hr {
        border-top-color: #e9e9e9
    }

    .alert-light .alert-link {
        color: #5a5a5a
    }

.alert-dark {
    color: #4c4d4d;
    border-color: #e0e1e1;
    background-color: #e9eaea
}

    .alert-dark hr {
        border-top-color: #d3d4d4
    }

    .alert-dark .alert-link {
        color: #333
    }

.alert-darker {
    color: #101017;
    border-color: #c0c0c4;
    background-color: #d2d2d5
}

    .alert-darker hr {
        border-top-color: #b3b3b8
    }

    .alert-darker .alert-link {
        color: #000
    }

.pmd-alert-container {
    position: fixed;
    z-index: 100000000
}

    .pmd-alert-container.top {
        top: 20px
    }

    .pmd-alert-container.bottom {
        bottom: 20px
    }

    .pmd-alert-container.left {
        left: 20px
    }

    .pmd-alert-container.right {
        right: 20px
    }

    .pmd-alert-container.center {
        left: 50%
    }

@media (max-width:767.98px) {
    .pmd-alert-container.left {
        left: 50%
    }

    .pmd-alert-container.right {
        right: 50%
    }
}

.pmd-alert-container .pmd-alert {
    position: relative;
    z-index: 1000;
    margin-bottom: 5px;
    clear: both;
    text-align: left;
    vertical-align: middle;
    width: 300px;
    padding: .5rem 1.5rem;
    color: #fff;
    background: rgba(0,0,0,.87);
    border-radius: .125rem;
    animation-duration: 1s;
    animation-fill-mode: both;
    font-size: 1rem
}

    .pmd-alert-container .pmd-alert a {
        position: absolute;
        right: 18px;
        float: right;
        color: #34316E
    }

        .pmd-alert-container .pmd-alert a:before {
            position: absolute;
            top: 0;
            right: -10px;
            bottom: 0;
            left: -10px;
            margin: auto;
            content: ""
        }

    .pmd-alert-container .pmd-alert.primary {
        color: #fff;
        background-color: #34316E
    }

    .pmd-alert-container .pmd-alert.secondary {
        color: #fff;
        background-color: #F58634
    }

    .pmd-alert-container .pmd-alert.success {
        color: #fff;
        background-color: #4caf50
    }

    .pmd-alert-container .pmd-alert.info {
        color: #fff;
        background-color: #03a9f4
    }

    .pmd-alert-container .pmd-alert.warning {
        color: #333;
        background-color: #ffc107
    }

    .pmd-alert-container .pmd-alert.danger {
        color: #fff;
        background-color: #ff4940
    }

    .pmd-alert-container .pmd-alert.light {
        color: #333;
        background-color: #dedfdf
    }

    .pmd-alert-container .pmd-alert.dark {
        color: #fff;
        background-color: #929495
    }

    .pmd-alert-container .pmd-alert.darker {
        color: #fff;
        background-color: #1e1e2d
    }

    .pmd-alert-container .pmd-alert.pmd-alert-hide {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0
    }

.notification a {
    position: absolute;
    right: 18px;
    float: right;
    color: #34316E
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.badge {
    display: inline-block;
    vertical-align: baseline
}

    .badge:hover {
        text-decoration: none;
        cursor: pointer
    }

.pmd-badge {
    display: inline-block;
    position: relative;
    font-size: 32px;
    background-color: transparent
}

    .pmd-badge[data-badge]::after {
        background: #34316E;
        color: #fff;
        font-family: "Open Sans",sans-serif;
        font-size: .75rem;
        font-weight: 700;
        height: 22px;
        width: 22px;
        line-height: 22px;
        border-radius: 50%;
        right: -24px;
        top: -10px;
        content: attr(data-badge);
        position: absolute;
        text-align: center
    }

    .pmd-badge.pmd-badge-overlap::after {
        right: -10px
    }

.badge-primary {
    color: #fff;
    background-color: #34316E;
    border-color: #34316E
}

    .badge-primary:focus, .badge-primary:hover {
        color: #fff;
        background-color: #23214b;
        border-color: #23214b
    }

.pmd-badge-primary[data-badge]::after {
    color: #fff;
    background-color: #34316E
}

.badge-secondary {
    color: #fff;
    background-color: #F58634;
    border-color: #F58634
}

    .badge-secondary:focus, .badge-secondary:hover {
        color: #fff;
        background-color: #ea6a0c;
        border-color: #ea6a0c
    }

.pmd-badge-secondary[data-badge]::after {
    color: #fff;
    background-color: #F58634
}

.badge-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

    .badge-success:focus, .badge-success:hover {
        color: #fff;
        background-color: #3d8b40;
        border-color: #3d8b40
    }

.pmd-badge-success[data-badge]::after {
    color: #fff;
    background-color: #4caf50
}

.badge-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

    .badge-info:focus, .badge-info:hover {
        color: #fff;
        background-color: #0286c2;
        border-color: #0286c2
    }

.pmd-badge-info[data-badge]::after {
    color: #fff;
    background-color: #03a9f4
}

.badge-warning {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107
}

    .badge-warning:focus, .badge-warning:hover {
        color: #333;
        background-color: #d39e00;
        border-color: #d39e00
    }

.pmd-badge-warning[data-badge]::after {
    color: #333;
    background-color: #ffc107
}

.badge-danger {
    color: #fff;
    background-color: #ff4940;
    border-color: #ff4940
}

    .badge-danger:focus, .badge-danger:hover {
        color: #fff;
        background-color: #ff0d2a;
        border-color: #ff0d2a
    }

.pmd-badge-danger[data-badge]::after {
    color: #fff;
    background-color: #ff4940
}

.badge-light {
    color: #333;
    background-color: #dedfdf;
    border-color: #dedfdf
}

    .badge-light:focus, .badge-light:hover {
        color: #333;
        background-color: #c4c6c6;
        border-color: #c4c6c6
    }

.pmd-badge-light[data-badge]::after {
    color: #333;
    background-color: #dedfdf
}

.badge-dark {
    color: #fff;
    background-color: #929495;
    border-color: #929495
}

    .badge-dark:focus, .badge-dark:hover {
        color: #fff;
        background-color: #787b7c;
        border-color: #787b7c
    }

.pmd-badge-dark[data-badge]::after {
    color: #fff;
    background-color: #929495
}

.badge-darker {
    color: #fff;
    background-color: #1e1e2d;
    border-color: #1e1e2d
}

    .badge-darker:focus, .badge-darker:hover {
        color: #fff;
        background-color: #0a0a0e;
        border-color: #0a0a0e
    }

.pmd-badge-darker[data-badge]::after {
    color: #fff;
    background-color: #1e1e2d
}

.pmd-chip {
    border-radius: 1.5rem;
    box-sizing: border-box;
    line-height: 34px;
    padding: 0 .5rem 0 .75rem;
    text-transform: capitalize;
    background: #E0E0E0;
    color: rgba(0,0,0,.87);
    display: inline-flex;
    align-items: center;
    cursor: default;
    vertical-align: middle;
    border: 1px solid #E0E0E0
}

    .pmd-chip:focus, .pmd-chip:hover {
        background-color: #c7c6c6;
        border-color: #c7c6c6
    }

    .pmd-chip .material-icons {
        margin-right: 4px
    }

.pmd-chip-action i {
    font-size: .875rem;
    color: #fff;
    background-color: rgba(0,0,0,.38);
    border-radius: 50%;
    padding: 2px;
    margin-left: 5px
}

.pmd-chip-action .material-icons:hover {
    background-color: rgba(0,0,0,.38)
}

.pmd-chip-contact {
    margin-right: 5px;
    width: 2.25rem;
    border-radius: 50%;
    margin-left: -.75rem
}

.pmd-chip-primary {
    color: #fff;
    background-color: #34316E;
    border-color: #34316E
}

    .pmd-chip-primary:focus, .pmd-chip-primary:hover {
        color: #fff;
        background-color: #23214b;
        border-color: #23214b
    }

.pmd-chip-secondary {
    color: #fff;
    background-color: #F58634;
    border-color: #F58634
}

    .pmd-chip-secondary:focus, .pmd-chip-secondary:hover {
        color: #fff;
        background-color: #ea6a0c;
        border-color: #ea6a0c
    }

.pmd-chip-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

    .pmd-chip-success:focus, .pmd-chip-success:hover {
        color: #fff;
        background-color: #3d8b40;
        border-color: #3d8b40
    }

.pmd-chip-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

    .pmd-chip-info:focus, .pmd-chip-info:hover {
        color: #fff;
        background-color: #0286c2;
        border-color: #0286c2
    }

.pmd-chip-warning {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107
}

    .pmd-chip-warning:focus, .pmd-chip-warning:hover {
        color: #333;
        background-color: #d39e00;
        border-color: #d39e00
    }

.pmd-chip-danger {
    color: #fff;
    background-color: #ff4940;
    border-color: #ff4940
}

    .pmd-chip-danger:focus, .pmd-chip-danger:hover {
        color: #fff;
        background-color: #ff0d2a;
        border-color: #ff0d2a
    }

.pmd-chip-light {
    color: #333;
    background-color: #dedfdf;
    border-color: #dedfdf
}

    .pmd-chip-light:focus, .pmd-chip-light:hover {
        color: #333;
        background-color: #c4c6c6;
        border-color: #c4c6c6
    }

.pmd-chip-dark {
    color: #fff;
    background-color: #929495;
    border-color: #929495
}

    .pmd-chip-dark:focus, .pmd-chip-dark:hover {
        color: #fff;
        background-color: #787b7c;
        border-color: #787b7c
    }

.pmd-chip-darker {
    color: #fff;
    background-color: #1e1e2d;
    border-color: #1e1e2d
}

    .pmd-chip-darker:focus, .pmd-chip-darker:hover {
        color: #fff;
        background-color: #0a0a0e;
        border-color: #0a0a0e
    }

.pmd-chip-outline-primary {
    background-color: transparent;
    color: #34316E;
    border-color: #34316E
}

    .pmd-chip-outline-primary .pmd-chip-action i {
        background-color: rgba(52,49,110,.38)
    }

    .pmd-chip-outline-primary:focus, .pmd-chip-outline-primary:hover {
        color: #fff;
        background-color: #34316E;
        border-color: #34316E
    }

        .pmd-chip-outline-primary:focus .pmd-chip-action i, .pmd-chip-outline-primary:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-secondary {
    background-color: transparent;
    color: #F58634;
    border-color: #F58634
}

    .pmd-chip-outline-secondary .pmd-chip-action i {
        background-color: rgba(245,134,52,.38)
    }

    .pmd-chip-outline-secondary:focus, .pmd-chip-outline-secondary:hover {
        color: #fff;
        background-color: #F58634;
        border-color: #F58634
    }

        .pmd-chip-outline-secondary:focus .pmd-chip-action i, .pmd-chip-outline-secondary:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-success {
    background-color: transparent;
    color: #4caf50;
    border-color: #4caf50
}

    .pmd-chip-outline-success .pmd-chip-action i {
        background-color: rgba(76,175,80,.38)
    }

    .pmd-chip-outline-success:focus, .pmd-chip-outline-success:hover {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

        .pmd-chip-outline-success:focus .pmd-chip-action i, .pmd-chip-outline-success:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-info {
    background-color: transparent;
    color: #03a9f4;
    border-color: #03a9f4
}

    .pmd-chip-outline-info .pmd-chip-action i {
        background-color: rgba(3,169,244,.38)
    }

    .pmd-chip-outline-info:focus, .pmd-chip-outline-info:hover {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

        .pmd-chip-outline-info:focus .pmd-chip-action i, .pmd-chip-outline-info:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-warning {
    background-color: transparent;
    color: #ffc107;
    border-color: #ffc107
}

    .pmd-chip-outline-warning .pmd-chip-action i {
        background-color: rgba(255,193,7,.38)
    }

    .pmd-chip-outline-warning:focus, .pmd-chip-outline-warning:hover {
        color: #333;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .pmd-chip-outline-warning:focus .pmd-chip-action i, .pmd-chip-outline-warning:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-danger {
    background-color: transparent;
    color: #ff4940;
    border-color: #ff4940
}

    .pmd-chip-outline-danger .pmd-chip-action i {
        background-color: rgba(255,64,87,.38)
    }

    .pmd-chip-outline-danger:focus, .pmd-chip-outline-danger:hover {
        color: #fff;
        background-color: #ff4940;
        border-color: #ff4940
    }

        .pmd-chip-outline-danger:focus .pmd-chip-action i, .pmd-chip-outline-danger:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-light {
    background-color: transparent;
    color: #dedfdf;
    border-color: #dedfdf
}

    .pmd-chip-outline-light .pmd-chip-action i {
        background-color: rgba(222,223,223,.38)
    }

    .pmd-chip-outline-light:focus, .pmd-chip-outline-light:hover {
        color: #333;
        background-color: #dedfdf;
        border-color: #dedfdf
    }

        .pmd-chip-outline-light:focus .pmd-chip-action i, .pmd-chip-outline-light:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-dark {
    background-color: transparent;
    color: #929495;
    border-color: #929495
}

    .pmd-chip-outline-dark .pmd-chip-action i {
        background-color: rgba(146,148,149,.38)
    }

    .pmd-chip-outline-dark:focus, .pmd-chip-outline-dark:hover {
        color: #fff;
        background-color: #929495;
        border-color: #929495
    }

        .pmd-chip-outline-dark:focus .pmd-chip-action i, .pmd-chip-outline-dark:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }

.pmd-chip-outline-darker {
    background-color: transparent;
    color: #1e1e2d;
    border-color: #1e1e2d
}

    .pmd-chip-outline-darker .pmd-chip-action i {
        background-color: rgba(30,30,45,.38)
    }

    .pmd-chip-outline-darker:focus, .pmd-chip-outline-darker:hover {
        color: #fff;
        background-color: #1e1e2d;
        border-color: #1e1e2d
    }

        .pmd-chip-outline-darker:focus .pmd-chip-action i, .pmd-chip-outline-darker:hover .pmd-chip-action i {
            background-color: rgba(0,0,0,.38)
        }


.btn {
    font-weight: 700;
    border-width: 1px;
    text-transform: uppercase;
    padding: .625rem 1.5rem;
    font-size: .875rem;
    line-height: 1.1;
    border-radius: 3.125rem;
    transition: color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in
}

    .btn.focus, .btn:focus {
        box-shadow: none
    }

    .btn.pmd-ripple-effect.focus, .btn.pmd-ripple-effect:focus {
        box-shadow: none
    }

    .btn.pmd-ripple-effect:not(:disabled):not(.disabled).active:focus, .btn.pmd-ripple-effect:not(:disabled):not(.disabled):active:focus {
        box-shadow: none
    }

    .btn.pmd-btn-raised {
        -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

        .btn.pmd-btn-raised.focus, .btn.pmd-btn-raised:focus {
            -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
            -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
            box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12)
        }

        .btn.pmd-btn-raised:not(:disabled):not(.disabled).active:focus, .btn.pmd-btn-raised:not(:disabled):not(.disabled):active:focus {
            -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
            -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
            box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12)
        }

    .btn.pmd-btn-fab {
        padding: 0;
        border-radius: 50%;
        width: 56px;
        height: 56px;
        min-width: 56px
    }

        .btn.pmd-btn-fab i, .btn.pmd-btn-fab span {
            line-height: 54px
        }

        .btn.pmd-btn-fab.btn-lg {
            width: 78px;
            height: 78px;
            min-width: 78px
        }

            .btn.pmd-btn-fab.btn-lg i, .btn.pmd-btn-fab.btn-lg span {
                line-height: 76px
            }

        .btn.pmd-btn-fab.btn-sm {
            width: 40px;
            height: 40px;
            min-width: 40px
        }

            .btn.pmd-btn-fab.btn-sm i, .btn.pmd-btn-fab.btn-sm span {
                line-height: 38px
            }

        .btn.pmd-btn-fab.btn-xs {
            width: 30px;
            height: 30px;
            min-width: 30px
        }

            .btn.pmd-btn-fab.btn-xs i, .btn.pmd-btn-fab.btn-xs span {
                line-height: 28px
            }

.btn-primary {
    color: #fff;
    background-color: #34316E;
    border-color: #34316E
}

    .btn-primary:hover {
        color: #fff;
        background-color: #272554;
        border-color: #23214b
    }

    .btn-primary:disabled {
        cursor: not-allowed;
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(52,49,110,.5)
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #23214b;
        border-color: #1f1d42
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,49,110,.5)
        }

    .btn-primary .ink {
        background-color: #23214b
    }

    .btn-primary.pmd-btn-flat {
        color: #34316E;
        background-color: transparent;
        border-color: transparent
    }

        .btn-primary.pmd-btn-flat:hover {
            color: #34316E;
            background-color: #e5e5e5
        }

        .btn-primary.pmd-btn-flat.focus, .btn-primary.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-primary.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-primary.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-primary.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #34316E;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-secondary {
    color: #fff;
    background-color: #F58634;
    border-color: #F58634
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #f37010;
        border-color: #ea6a0c
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(245,134,52,.5)
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #ea6a0c;
        border-color: #de650b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(245,134,52,.5)
        }

    .btn-secondary .ink {
        background-color: #ea6a0c
    }

    .btn-secondary.pmd-btn-flat {
        color: #F58634;
        background-color: transparent;
        border-color: transparent
    }

        .btn-secondary.pmd-btn-flat:hover {
            color: #F58634;
            background-color: #e5e5e5
        }

        .btn-secondary.pmd-btn-flat.focus, .btn-secondary.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-secondary.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-secondary.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-secondary.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #F58634;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

    .btn-success:hover {
        color: #fff;
        background-color: #409444;
        border-color: #3d8b40
    }

    .btn-success.focus, .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #3d8b40;
        border-color: #39833c
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(76,175,80,.5)
        }

    .btn-success .ink {
        background-color: #3d8b40
    }

    .btn-success.pmd-btn-flat {
        color: #4caf50;
        background-color: transparent;
        border-color: transparent
    }

        .btn-success.pmd-btn-flat:hover {
            color: #4caf50;
            background-color: #e5e5e5
        }

        .btn-success.pmd-btn-flat.focus, .btn-success.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-success.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-success.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-success.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #4caf50;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

    .btn-info:hover {
        color: #fff;
        background-color: #038fce;
        border-color: #0286c2
    }

    .btn-info.focus, .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #0286c2;
        border-color: #027db5
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(3,169,244,.5)
        }

    .btn-info .ink {
        background-color: #0286c2
    }

    .btn-info.pmd-btn-flat {
        color: #03a9f4;
        background-color: transparent;
        border-color: transparent
    }

        .btn-info.pmd-btn-flat:hover {
            color: #03a9f4;
            background-color: #e5e5e5
        }

        .btn-info.pmd-btn-flat.focus, .btn-info.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-info.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-info.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-info.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #03a9f4;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-warning {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #333;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.focus, .btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

    .btn-warning .ink {
        background-color: #d39e00
    }

    .btn-warning.pmd-btn-flat {
        color: #ffc107;
        background-color: transparent;
        border-color: transparent
    }

        .btn-warning.pmd-btn-flat:hover {
            color: #ffc107;
            background-color: #e5e5e5
        }

        .btn-warning.pmd-btn-flat.focus, .btn-warning.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-warning.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-warning.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-warning.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #ffc107;
            background-color: #e5e5e5;
            border-color: transparent
        }

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

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

    .btn-danger.focus, .btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(255,64,87,.5)
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #ff0d2a;
        border-color: #ff001f
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,64,87,.5)
        }

    .btn-danger .ink {
        background-color: #ff0d2a
    }

    .btn-danger.pmd-btn-flat {
        color: #ff4940;
        background-color: transparent;
        border-color: transparent
    }

        .btn-danger.pmd-btn-flat:hover {
            color: #ff4940;
            background-color: #e5e5e5
        }

        .btn-danger.pmd-btn-flat.focus, .btn-danger.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-danger.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-danger.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-danger.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #ff4940;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-light {
    color: #333;
    background-color: #dedfdf;
    border-color: #dedfdf
}

    .btn-light:hover {
        color: #333;
        background-color: #cbcccc;
        border-color: #c4c6c6
    }

    .btn-light.focus, .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(222,223,223,.5)
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #333;
        background-color: #c4c6c6;
        border-color: #bec0c0
    }

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,223,223,.5)
        }

    .btn-light .ink {
        background-color: #c4c6c6
    }

    .btn-light.pmd-btn-flat {
        color: #dedfdf;
        background-color: transparent;
        border-color: transparent
    }

        .btn-light.pmd-btn-flat:hover {
            color: #dedfdf;
            background-color: #e5e5e5
        }

        .btn-light.pmd-btn-flat.focus, .btn-light.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-light.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-light.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-light.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #dedfdf;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-dark {
    color: #fff;
    background-color: #929495;
    border-color: #929495
}

    .btn-dark:hover {
        color: #fff;
        background-color: #7f8182;
        border-color: #787b7c
    }

    .btn-dark.focus, .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(146,148,149,.5)
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #787b7c;
        border-color: #727475
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(146,148,149,.5)
        }

    .btn-dark .ink {
        background-color: #787b7c
    }

    .btn-dark.pmd-btn-flat {
        color: #929495;
        background-color: transparent;
        border-color: transparent
    }

        .btn-dark.pmd-btn-flat:hover {
            color: #929495;
            background-color: #e5e5e5
        }

        .btn-dark.pmd-btn-flat.focus, .btn-dark.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-dark.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-dark.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-dark.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #929495;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-darker {
    color: #fff;
    background-color: #1e1e2d;
    border-color: #1e1e2d
}

    .btn-darker:hover {
        color: #fff;
        background-color: #0f0f16;
        border-color: #0a0a0e
    }

    .btn-darker.focus, .btn-darker:focus {
        box-shadow: 0 0 0 .2rem rgba(30,30,45,.5)
    }

    .btn-darker:not(:disabled):not(.disabled).active, .btn-darker:not(:disabled):not(.disabled):active, .show > .btn-darker.dropdown-toggle {
        color: #fff;
        background-color: #0a0a0e;
        border-color: #050507
    }

        .btn-darker:not(:disabled):not(.disabled).active:focus, .btn-darker:not(:disabled):not(.disabled):active:focus, .show > .btn-darker.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(30,30,45,.5)
        }

    .btn-darker .ink {
        background-color: #0a0a0e
    }

    .btn-darker.pmd-btn-flat {
        color: #1e1e2d;
        background-color: transparent;
        border-color: transparent
    }

        .btn-darker.pmd-btn-flat:hover {
            color: #1e1e2d;
            background-color: #e5e5e5
        }

        .btn-darker.pmd-btn-flat.focus, .btn-darker.pmd-btn-flat:focus {
            background-color: #e5e5e5
        }

        .btn-darker.pmd-btn-flat .ink {
            background-color: grey
        }

        .btn-darker.pmd-btn-flat:not(:disabled):not(.disabled).active, .btn-darker.pmd-btn-flat:not(:disabled):not(.disabled):active {
            color: #1e1e2d;
            background-color: #e5e5e5;
            border-color: transparent
        }

.btn-outline-primary {
    color: #34316E;
    border-color: #34316E
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #34316E;
        border-color: #34316E
    }

    .btn-outline-primary .ink {
        background-color: #34316E
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #34316E
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #34316E;
        border-color: #34316E
    }

.btn-outline-secondary {
    color: #F58634;
    border-color: #F58634
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #F58634;
        border-color: #F58634
    }

    .btn-outline-secondary .ink {
        background-color: #F58634
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #F58634
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #F58634;
        border-color: #F58634
    }

.btn-outline-success {
    color: #4caf50;
    border-color: #4caf50
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

    .btn-outline-success .ink {
        background-color: #4caf50
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #4caf50
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50
    }

.btn-outline-info {
    color: #03a9f4;
    border-color: #03a9f4
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

    .btn-outline-info .ink {
        background-color: #03a9f4
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #03a9f4
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #03a9f4;
        border-color: #03a9f4
    }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #333;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning .ink {
        background-color: #ffc107
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active {
        color: #333;
        background-color: #ffc107;
        border-color: #ffc107
    }

.btn-outline-danger {
    color: #ff4940;
    border-color: #ff4940
}

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

    .btn-outline-danger .ink {
        background-color: #ff4940
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #ff4940
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #ff4940;
        border-color: #ff4940
    }

.btn-outline-light {
    color: #dedfdf;
    border-color: #dedfdf
}

    .btn-outline-light:hover {
        color: #333;
        background-color: #dedfdf;
        border-color: #dedfdf
    }

    .btn-outline-light .ink {
        background-color: #dedfdf
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #dedfdf
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
        color: #333;
        background-color: #dedfdf;
        border-color: #dedfdf
    }

.btn-outline-dark {
    color: #929495;
    border-color: #929495
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #929495;
        border-color: #929495
    }

    .btn-outline-dark .ink {
        background-color: #929495
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #929495
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #929495;
        border-color: #929495
    }

.btn-outline-darker {
    color: #1e1e2d;
    border-color: #1e1e2d
}

    .btn-outline-darker:hover {
        color: #fff;
        background-color: #1e1e2d;
        border-color: #1e1e2d
    }

    .btn-outline-darker .ink {
        background-color: #1e1e2d
    }

    .btn-outline-darker.disabled, .btn-outline-darker:disabled {
        color: #1e1e2d
    }

    .btn-outline-darker:not(:disabled):not(.disabled).active, .btn-outline-darker:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #1e1e2d;
        border-color: #1e1e2d
    }

.btn-default.pmd-btn-flat {
    color: #333
}

.btn-default.pmd-btn-outline {
    color: #333;
    border-color: #333
}

    .btn-default.pmd-btn-outline:focus, .btn-default.pmd-btn-outline:hover {
        border-color: #333
    }

.btn-lg {
    padding: .625rem 2rem;
    font-size: 1rem;
    line-height: 1.3;
    border-radius: 3.125rem
}

.btn-sm {
    padding: .25rem .75rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: 3.125rem
}

.pmd-ripple-effect {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    -ms-transform: scale(0);
    transform: scale(0);
    background: #fff;
    opacity: 1
}

    .ink.animate {
        animation: ripple .5s linear
    }

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

.btn-group .btn {
    border-radius: 2px
}

.btn-group.open .dropdown-toggle {
    outline: 0;
    outline-offset: 0;
    box-shadow: none
}

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
    z-index: 0
}

.btn-group-vertical > .btn.active:hover, .btn-group-vertical > .btn:active:hover, .btn-group-vertical > .btn:focus:hover, .btn-group > .btn.active:hover, .btn-group > .btn:active:hover, .btn-group > .btn:focus:hover {
    z-index: 2
}

.pmd-content {
    margin-bottom: 200px
}

.pmd-btn-pill {
    border-radius: 25px
}

.pmd-btn-tooltip {
    display: inline-flex;
    align-items: center
}

    .pmd-btn-tooltip span {
        padding: .625rem 1.5rem;
        font-size: .875rem;
        line-height: 1.1;
        border-radius: 3.125rem;
        position: relative;
        background: rgba(0,0,0,.38);
        margin-left: 10px;
        color: #fff
    }

        .pmd-btn-tooltip span:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-right: 8px solid rgba(0,0,0,.38);
            border-bottom: 4px solid transparent;
            right: 100%;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .pmd-btn-tooltip.pmd-btn-tooltip-left span {
        margin-left: 0;
        margin-right: 10px
    }

        .pmd-btn-tooltip.pmd-btn-tooltip-left span:after {
            border-top: 4px solid transparent;
            border-left: 8px solid rgba(0,0,0,.38);
            border-bottom: 4px solid transparent;
            right: auto;
            left: 100%;
            border-right: 0
        }

.pmd-btn-icon {
    display: inline-flex;
    align-items: center
}

    .pmd-btn-icon .material-icons, .pmd-btn-icon i {
        margin-right: .5rem
    }

    .pmd-btn-icon.pmd-btn-check .material-icons, .pmd-btn-icon.pmd-btn-check i {
        opacity: 0;
        width: 0;
        margin-right: 0;
        transition: all .2s ease-in-out;
        -ms-transform: scale(0) rotate(120deg);
        -webkit-transform: scale(0) rotate(120deg);
        transform: scale(0) rotate(120deg)
    }

    .pmd-btn-icon.pmd-btn-check.active .material-icons, .pmd-btn-icon.pmd-btn-check.active i {
        opacity: 1;
        width: auto;
        margin-right: 8px;
        -ms-transform: scale(1) rotate(360deg);
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg)
    }

.btn.pmd-btn-gradient {
    border: none;
    color: #fff;
    background: #34316E;
    background: -moz-linear-gradient(90deg,#34316E 0,#F58634 100%);
    background: -webkit-linear-gradient(90deg,#34316E 0,#F58634 100%);
    background: linear-gradient(90deg,#34316E 0,#F58634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$btn-gradient-primary", endColorstr="$btn-gradient-secondary", GradientType=1);
    line-height: 1.25
}

    .btn.pmd-btn-gradient:hover {
        color: 90deg,#34316E 0,#F58634 100%;
        background-color: #34316E
    }

    .btn.pmd-btn-gradient.focus, .btn.pmd-btn-gradient:focus {
        background-color: #34316E
    }

    .btn.pmd-btn-gradient .ink {
        background-color: #23214b
    }

    .btn.pmd-btn-gradient:not(:disabled):not(.disabled).active, .btn.pmd-btn-gradient:not(:disabled):not(.disabled):active {
        color: 90deg,#34316E 0,#F58634 100%;
        background-color: #34316E;
        border-color: transparent
    }

.btn.pmd-btn-gradient-vertical {
    border: none;
    color: #fff;
    background: #34316E;
    background: -moz-linear-gradient(180deg,#34316E 0,#F58634 100%);
    background: -webkit-linear-gradient(180deg,#34316E 0,#F58634 100%);
    background: linear-gradient(180deg,#34316E 0,#F58634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$btn-gradient-primary", endColorstr="$btn-gradient-secondary", GradientType=1);
    line-height: 1.25
}

    .btn.pmd-btn-gradient-vertical:hover {
        color: 180deg,#34316E 0,#F58634 100%;
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-vertical.focus, .btn.pmd-btn-gradient-vertical:focus {
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-vertical .ink {
        background-color: #23214b
    }

    .btn.pmd-btn-gradient-vertical:not(:disabled):not(.disabled).active, .btn.pmd-btn-gradient-vertical:not(:disabled):not(.disabled):active {
        color: 180deg,#34316E 0,#F58634 100%;
        background-color: #34316E;
        border-color: transparent
    }

.btn.pmd-btn-gradient-diagonal {
    border: none;
    color: #fff;
    background: #34316E;
    background: -moz-linear-gradient(45deg,#34316E 0,#F58634 100%);
    background: -webkit-linear-gradient(45deg,#34316E 0,#F58634 100%);
    background: linear-gradient(45deg,#34316E 0,#F58634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$btn-gradient-primary", endColorstr="$btn-gradient-secondary", GradientType=1);
    line-height: 1.25
}

    .btn.pmd-btn-gradient-diagonal:hover {
        color: 45deg,#34316E 0,#F58634 100%;
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-diagonal.focus, .btn.pmd-btn-gradient-diagonal:focus {
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-diagonal .ink {
        background-color: #23214b
    }

    .btn.pmd-btn-gradient-diagonal:not(:disabled):not(.disabled).active, .btn.pmd-btn-gradient-diagonal:not(:disabled):not(.disabled):active {
        color: 45deg,#34316E 0,#F58634 100%;
        background-color: #34316E;
        border-color: transparent
    }

.btn.pmd-btn-gradient-diagonal-reverse {
    border: none;
    color: #fff;
    background: #34316E;
    background: -moz-linear-gradient(-45deg,#34316E 0,#F58634 100%);
    background: -webkit-linear-gradient(-45deg,#34316E 0,#F58634 100%);
    background: linear-gradient(-45deg,#34316E 0,#F58634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$btn-gradient-primary", endColorstr="$btn-gradient-secondary", GradientType=1);
    line-height: 1.25
}

    .btn.pmd-btn-gradient-diagonal-reverse:hover {
        color: -45deg,#34316E 0,#F58634 100%;
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-diagonal-reverse.focus, .btn.pmd-btn-gradient-diagonal-reverse:focus {
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-diagonal-reverse .ink {
        background-color: #23214b
    }

    .btn.pmd-btn-gradient-diagonal-reverse:not(:disabled):not(.disabled).active, .btn.pmd-btn-gradient-diagonal-reverse:not(:disabled):not(.disabled):active {
        color: -45deg,#34316E 0,#F58634 100%;
        background-color: #34316E;
        border-color: transparent
    }

.btn.pmd-btn-gradient-radial {
    border: none;
    color: #fff;
    background: #34316E;
    background: -moz-radial-gradient(ellipse at center,#34316E 0,#F58634 100%);
    background: -webkit-radial-gradient(ellipse at center,#34316E 0,#F58634 100%);
    background: radial-gradient(ellipse at center,#34316E 0,#F58634 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$btn-gradient-primary", endColorstr="$btn-gradient-secondary", GradientType=1);
    line-height: 1.25
}

    .btn.pmd-btn-gradient-radial:hover {
        color: ellipse at center,#34316E 0,#F58634 100%;
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-radial.focus, .btn.pmd-btn-gradient-radial:focus {
        background-color: #34316E
    }

    .btn.pmd-btn-gradient-radial .ink {
        background-color: #23214b
    }

    .btn.pmd-btn-gradient-radial:not(:disabled):not(.disabled).active, .btn.pmd-btn-gradient-radial:not(:disabled):not(.disabled):active {
        color: ellipse at center,#34316E 0,#F58634 100%;
        background-color: #34316E;
        border-color: transparent
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

.pmd-btn-loader {
    position: relative
}

    .pmd-btn-loader.active {
        background-color: transparent !important;
        border: 0;
        color: transparent !important;
        box-shadow: none !important
    }

.pmd-loader-text-visible {
    display: none
}

.pmd-btn-loader .loader {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 4px solid #20c997 !important;
    border-radius: 50%;
    border-top: 4px solid rgba(32,201,151,.5) !important;
    min-width: 50px;
    background-color: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    min-width: 100px;
    margin: 0
}

.pmd-btn-loader.active .loader {
    width: 50px;
    min-width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    opacity: 1;
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    animation-iteration-count: 3;
    animation-delay: .35s
}

.pmd-btn-loader.active.completed .loader {
    opacity: 0
}

.pmd-btn-loader.completed .pmd-loader-text-default {
    display: none
}

.pmd-btn-loader.completed .pmd-loader-text-visible {
    display: inline-flex
}

    .pmd-btn-loader.completed .pmd-loader-text-visible .material-icons {
        -webkit-animation: scale .3s linear;
        animation: scale .3s linear
    }

.pmd-btn-loader, .pmd-btn-loader .loader {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.pmd-modal .modal-content {
    border-radius: 2rem;
    display: block;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12)
}

.pmd-modal .modal-header {
    border-bottom: 1px solid rgba(0,0,0,0);
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
    padding: 1.25rem 1.25rem 0 1.25rem;
    margin-bottom: 1.25rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

    .pmd-modal .modal-header .dropdown .dropdown-toggle {
        color: inherit
    }

    .pmd-modal .modal-header.pmd-modal-border {
        border-bottom: 1px solid rgba(0,0,0,.12);
        padding-bottom: 1.25rem;
        margin-bottom: 0
    }

    .pmd-modal .modal-header .close {
        outline: 0
    }

.pmd-modal .modal-footer {
    padding: 0 1.25rem 1.25rem 1.25rem;
    margin-top: 1.25rem;
    border: none
}

    .pmd-modal .modal-footer.pmd-modal-border {
        border-top: 1px solid rgba(0,0,0,.12);
        padding-top: 1.25rem;
        margin-top: 0
    }

    .pmd-modal .modal-footer .btn {
        margin-right: .25rem;
        margin-left: .25rem;
        min-width: inherit
    }

        .pmd-modal .modal-footer .btn:first-child {
            margin-left: 0
        }

        .pmd-modal .modal-footer .btn:last-child {
            margin-right: 0
        }

        .pmd-modal .modal-footer .btn.pmd-btn-flat {
            margin-top: -.625rem;
            margin-bottom: -.625rem
        }

            .pmd-modal .modal-footer .btn.pmd-btn-flat:first-child {
                margin-left: -.5rem
            }

        .pmd-modal .modal-footer .btn.pmd-btn-fab {
            padding: 0
        }

.pmd-modal .modal-body {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    padding: 0 1.25rem
}

    .pmd-modal .modal-body > p:last-child {
        margin-bottom: 0
    }

    .pmd-modal .modal-body .custom-control {
        padding: .75rem 1.25rem;
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

.pmd-modal .pmd-modal-list {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.pmd-modal .modal .checkbox, .pmd-modal .modal .radio {
    margin: 1rem 0
}

.pmd-modal .modal .radio-options > label {
    padding-left: 32px
}

.pmd-modal .modal .list-group.pmd-list-avatar {
    margin-bottom: 1.25rem;
    padding: 0
}

.pmd-modal .modal.list-group:last-child {
    margin-bottom: 0
}

.pmd-modal .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.pmd-modal .pmd-list {
    margin-bottom: .5rem;
    margin-top: .5rem
}

    .pmd-modal .pmd-list.pmd-list-border .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }

    .pmd-modal .pmd-list.pmd-list-border:first-child .list-group-item:first-child {
        border-top: 0
    }

    .pmd-modal .pmd-list.pmd-list-border:last-child .list-group-item:last-child {
        border-bottom: 0
    }

.pmd-dropdown.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.pmd-dropdown .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: none;
    clip: rect(0 0 0 0);
    background-color: transparent;
    padding: .5rem 0;
    opacity: 0;
    margin: 0;
    -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
    transition: all .2s ease-in-out
}

    .pmd-dropdown .dropdown-menu .dropdown-item {
        padding: .75rem 1rem;
        color: rgba(0,0,0,.87);
        line-height: 1.42857143
    }

        .pmd-dropdown .dropdown-menu .dropdown-item:focus, .pmd-dropdown .dropdown-menu .dropdown-item:hover {
            color: rgba(0,0,0,.87);
            background-color: rgba(0,0,0,.075)
        }

        .pmd-dropdown .dropdown-menu .dropdown-item.disabled, .pmd-dropdown .dropdown-menu .dropdown-item:disabled {
            color: rgba(0,0,0,.38);
            background-color: transparent
        }

        .pmd-dropdown .dropdown-menu .dropdown-item.active, .pmd-dropdown .dropdown-menu .dropdown-item:active {
            background-color: rgba(0,0,0,.075)
        }

    .pmd-dropdown .dropdown-menu::before {
        border-radius: 0;
        background-color: #fff;
        border: none;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: left top;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        will-change: transform;
        transition: transform .3s cubic-bezier(.4,0,.2,1) 0s;
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .pmd-dropdown .dropdown-menu[x-placement=top-start]::before {
        -moz-transform-origin: left bottom;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        will-change: transform
    }

    .pmd-dropdown .dropdown-menu[x-placement=top-end]::before {
        -moz-transform-origin: right bottom;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        will-change: transform
    }

    .pmd-dropdown .dropdown-menu[x-placement=bottom-end]::before {
        -moz-transform-origin: right top;
        -webkit-transform-origin: right top;
        transform-origin: right top;
        will-change: transform
    }

.pmd-dropdown.show > .dropdown-menu {
    opacity: 1
}

    .pmd-dropdown.show > .dropdown-menu::before {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.pmd-dropdown.dropup .dropdown-menu {
    top: 0;
    transform: translate3d(0,-100%,0)
}

.pmd-dropdown.dropup .caret {
    border-bottom: 4px solid
}

.pmd-dropdown.dropleft .dropdown-menu {
    top: 0;
    transform: translate3d(-100%,0,0)
}

.pmd-dropdown .dropdown-menu-right {
    clip: rect(0 0 0 0)
}

.dropdown-header {
    padding: .25rem 1rem;
    margin-top: 8px;
    color: rgba(0,0,0,.64)
}

.pmd-checkbox-ripple-effect {
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.checkbox .pmd-checkbox-ripple-effect {
    padding-left: 0
}

.checkbox .pmd-checkbox {
    padding-left: 0
}

.pmd-checkbox.custom-control, .pmd-radio.custom-control {
    padding-left: 0
}

.pmd-checkbox .custom-control-label, .pmd-radio .custom-control-label {
    position: relative;
    padding-left: 1.5rem
}

    .pmd-checkbox .custom-control-label::after, .pmd-radio .custom-control-label::after {
        width: 18px;
        height: 18px;
        border: .125rem solid rgba(0,0,0,.38);
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0
    }

.pmd-checkbox .custom-control-input:checked ~ .custom-control-label::after, .pmd-radio .custom-control-input:checked ~ .custom-control-label::after {
    border-color: #F58634
}

.pmd-checkbox .custom-control-input:focus ~ .custom-control-label::before, .pmd-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none
}

.pmd-checkbox .custom-control-input:disabled ~ .custom-control-label, .pmd-radio .custom-control-input:disabled ~ .custom-control-label {
    color: rgba(0,0,0,.38)
}

    .pmd-checkbox .custom-control-input:disabled ~ .custom-control-label::after, .pmd-radio .custom-control-input:disabled ~ .custom-control-label::after {
        border-color: rgba(0,0,0,.38)
    }

.pmd-checkbox .ink, .pmd-radio .ink {
    background-color: rgba(0,0,0,.24)
}

.pmd-checkbox .invalid-feedback, .pmd-radio .invalid-feedback {
    padding-left: 2rem
}

.pmd-radio .custom-control-label::after {
    border-radius: 18px
}

.pmd-radio .custom-control-label::before {
    top: 0;
    background: #F58634;
    border-radius: 4px;
    transition: .2s ease-in-out;
    height: 8px;
    width: 8px;
    left: 5px;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    bottom: 0;
    margin: auto
}

.pmd-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: transparent;
    background-image: none
}

.pmd-radio .custom-control-input:checked ~ .custom-control-label::before {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    border-color: #F58634;
    background-color: #F58634
}

.pmd-checkbox .custom-control-label::after {
    border-radius: .125rem
}

.pmd-checkbox .custom-control-label::before {
    height: 12px;
    top: -2px;
    bottom: 0;
    margin: auto;
    left: 6px;
    width: 6px;
    transition: all .2s;
    opacity: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
    z-index: 1;
    background-color: transparent
}

.pmd-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #F58634;
    background-image: none
}

.pmd-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-image: none;
    border-image: none;
    border-style: none solid solid none;
    border-width: 0 .125rem .125rem 0;
    opacity: 1;
    background-color: transparent;
    border-color: #fff
}

.pmd-checkbox.pmd-checkbox-ripple-effect {
    position: relative
}

.pmd-checkbox .pmd-checkboxwrap {
    position: absolute;
    z-index: -1;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    top: -8px;
    left: -11px
}

.checkbox-inline.pmd-checkbox {
    padding-left: 0
}

.pmd-checkbox-ripple-effect .ink {
    background-color: rgba(0,0,0,.2)
}

.text-white .pmd-checkbox .custom-control-label::after, .text-white .pmd-radio .custom-control-label::after {
    width: 18px;
    height: 18px;
    border: .125rem solid rgba(255,255,255,.87)
}

.text-white .pmd-checkbox .custom-control-input:checked ~ .custom-control-label::after, .text-white .pmd-radio .custom-control-input:checked ~ .custom-control-label::after {
    border-color: #34316E
}

.text-white .pmd-checkbox .custom-control-input:focus ~ .custom-control-label::before, .text-white .pmd-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none
}

.text-white .pmd-checkbox .custom-control-input:disabled ~ .custom-control-label, .text-white .pmd-radio .custom-control-input:disabled ~ .custom-control-label {
    color: rgba(255,255,255,.5)
}

    .text-white .pmd-checkbox .custom-control-input:disabled ~ .custom-control-label::after, .text-white .pmd-radio .custom-control-input:disabled ~ .custom-control-label::after {
        border-color: rgba(255,255,255,.5)
    }

.text-white .pmd-checkbox .ink, .text-white .pmd-radio .ink {
    background-color: rgba(255,255,255,.87)
}

.pmd-textfield-focused {
    transition: transform .2s cubic-bezier(.4,0,.2,1) 0s;
    width: 100%;
    height: 2px;
    display: block;
    top: -1px;
    background-color: #34316E;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    position: relative;
    z-index: 2
}

.pmd-textfield.pmd-textfield-floating-label-active .pmd-textfield-focused {
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.pmd-textfield.pmd-textfield-is-invalid ~ .invalid-feedback {
    display: block
}

.pmd-textfield .custom-select, .pmd-textfield .form-control {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px rgba(0,0,0,.12);
    outline: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    font-size: 1rem;
    padding: .25rem 0 .5rem;
    color: rgba(0,0,0,.87);
    height: calc(1.5em + 1rem + .75rem + 1px)
}

    .pmd-textfield .custom-select:-webkit-autofill, .pmd-textfield .custom-select:-webkit-autofill:focus, .pmd-textfield .custom-select:-webkit-autofill:hover, .pmd-textfield .form-control:-webkit-autofill, .pmd-textfield .form-control:-webkit-autofill:focus, .pmd-textfield .form-control:-webkit-autofill:hover {
        -webkit-box-shadow: none;
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: rgba(0,0,0,.87)
    }

.pmd-textfield .custom-select {
    background: url(../imgs/baseline-arrow_drop_down.svg) no-repeat right .35rem center/22px 22px;
    padding-left: 1rem
}

    .pmd-textfield .custom-select.is-invalid, .pmd-textfield .was-validated .custom-select:invalid {
        background: url(../imgs/baseline-arrow_drop_down.svg) no-repeat right .35rem center/22px 22px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .pmd-textfield .custom-select.is-valid, .pmd-textfield .was-validated .custom-select:invalid {
        background: url(../imgs/baseline-arrow_drop_down.svg) no-repeat right .35rem center/22px 22px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
    }

.pmd-textfield label {
    font-weight: 400;
    line-height: 1;
    font-size: .875rem;
    color: rgba(0,0,0,.64);
    margin-bottom: 0
}

    .pmd-textfield label.col-form-label-lg, .pmd-textfield label.col-form-label-sm {
        padding-top: 0;
        padding-bottom: 0
    }

.pmd-textfield textarea.form-control {
    height: auto
}

.pmd-textfield .col-form-label {
    font-size: inherit;
    color: rgba(0,0,0,.87);
    line-height: 1.5
}

.pmd-textfield .form-control-lg {
    font-size: 1.25rem
}

.pmd-textfield .form-control-sm {
    font-size: .875rem
}

.pmd-textfield .col-form-label-lg {
    font-size: 1rem
}

.pmd-textfield .col-form-label-sm {
    font-size: .625rem
}

.pmd-textfield .custom-select::after {
    font-family: "Material icons";
    content: "\E5C5"
}

.pmd-textfield .form-control-plaintext {
    outline: 0
}

.pmd-textfield.pmd-textfield-is-valid .valid-feedback {
    display: block
}

.pmd-textfield.pmd-textfield-is-invalid .invalid-feedback {
    display: block
}

.pmd-textfield.pmd-textfield-outline .custom-select, .pmd-textfield.pmd-textfield-outline .form-control {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: .3rem;
    padding: calc(.875rem - 1px) calc(.75rem - 1px);
    height: calc(1.5em + 1.75rem)
}

.pmd-textfield.pmd-textfield-outline .form-control-sm {
    padding: calc(.6rem - 1px) calc(.75rem - 1px);
    height: calc(1.5em + 1.2rem)
}

.pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-wrapper {
    position: relative
}

    .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-wrapper .custom-select:not([placeholder]), .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-wrapper .form-control:not([placeholder]) {
        border: none;
        padding: .875rem .75rem
    }

    .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-wrapper textarea.form-control:not([placeholder]) {
        margin-top: .875rem;
        display: inline-flex;
        padding-top: 0
    }

    .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-wrapper .form-control-sm:not([placeholder]) {
        padding: .6rem .75rem;
        height: calc(1.5em + 1.2rem)
    }

    .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-wrapper label {
        transform: translateY(-11px)
    }

.pmd-textfield.pmd-textfield-outline .pmd-textfield-label-wrapper {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-left, .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-middle, .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-right {
    box-sizing: border-box;
    height: 100%;
    transition: border 150ms cubic-bezier(.4,0,.2,1);
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: 1px solid rgba(0,0,0,.12);
    pointer-events: none
}

.pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-left {
    border-radius: .3rem 0 0 .3rem;
    border-left: 1px solid rgba(0,0,0,.12);
    border-right: none;
    width: 8px
}

.pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-right {
    border-radius: 0 .3rem .3rem 0;
    border-left: none;
    border-right: 1px solid rgba(0,0,0,.12);
    flex-grow: 1
}

.pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-middle {
    padding-left: .3rem;
    padding-right: .3rem;
    border-top: none
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label label {
    -ms-transform: translateY(14px);
    -webkit-transform: translateY(14px);
    transform: translateY(14px)
}

    .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label label.col-form-label-lg {
        -ms-transform: translateY(18px);
        -webkit-transform: translateY(18px);
        transform: translateY(18px)
    }

    .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label label.col-form-label-sm {
        -ms-transform: translateY(7px);
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label .pmd-textfield-outline-middle {
    border-top: 1px solid rgba(0,0,0,.12)
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    transform: translateY(-11px)
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-completed .pmd-textfield-outline-middle {
    border-top: none
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active label {
    color: #34316E;
    transform: translateY(-11px)
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active .pmd-textfield-outline-left, .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active .pmd-textfield-outline-middle, .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active .pmd-textfield-outline-right {
    border-top: 2px solid #34316E;
    border-bottom: 2px solid #34316E
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active .pmd-textfield-outline-left {
    border-left: 2px solid #34316E
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active .pmd-textfield-outline-right {
    border-right: 2px solid #34316E
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-active .pmd-textfield-outline-middle {
    border-top: none
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label-active .custom-select, .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label-active .form-control {
    border: 2px solid #34316E;
    padding: calc(.875rem - 2px) calc(.75rem - 2px)
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .valid-feedback {
    display: block
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .pmd-textfield-outline-left, .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .pmd-textfield-outline-middle, .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .pmd-textfield-outline-right {
    border-color: #4caf50
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid label {
    color: #4caf50
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .invalid-feedback {
    display: block
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .pmd-textfield-outline-left, .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .pmd-textfield-outline-middle, .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .pmd-textfield-outline-right {
    border-color: #ff4940
}

.pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid label {
    color: #ff4940
}

.pmd-textfield.pmd-textfield-filled {
    position: relative
}

    .pmd-textfield.pmd-textfield-filled .custom-select, .pmd-textfield.pmd-textfield-filled .form-control {
        background-color: #f8f9fa;
        padding: calc(.875rem - 1px) calc(.75rem - 1px);
        height: calc(1.5em + 1.75rem)
    }

    .pmd-textfield.pmd-textfield-filled .form-control-sm {
        padding: calc(.6rem - 1px) calc(.75rem - 1px);
        height: calc(1.5em + 1.2rem)
    }

    .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper {
        background-color: #f8f9fa;
        border-radius: .3rem .3rem 0 0;
        position: relative;
        display: flex
    }

        .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper .custom-select:not([placeholder]), .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper .form-control:not([placeholder]) {
            padding: 1.3125rem .75rem .3rem .75rem;
            background-color: transparent
        }

        .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper textarea.form-control:not([placeholder]) {
            display: inline-flex;
            margin-top: 1.3125rem;
            padding-top: 0
        }

        .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper label {
            padding-left: .75rem;
            display: flex;
            position: absolute;
            right: 0;
            left: 0;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            height: 100%;
            text-align: left;
            pointer-events: none;
            transform: translateY(8px);
            font-size: 13px
        }

            .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper label.col-form-label {
                font-size: inherit
            }

    .pmd-textfield.pmd-textfield-filled.pmd-textfield-floating-label label {
        -ms-transform: translateY(18px);
        -webkit-transform: translateY(18px);
        transform: translateY(18px);
        font-size: 1rem
    }

        .pmd-textfield.pmd-textfield-filled.pmd-textfield-floating-label label.col-form-label-lg {
            font-size: 1.25rem;
            -ms-transform: translateY(22px);
            -webkit-transform: translateY(22px);
            transform: translateY(22px)
        }

        .pmd-textfield.pmd-textfield-filled.pmd-textfield-floating-label label.col-form-label-sm {
            font-size: .875rem;
            -ms-transform: translateY(13px);
            -webkit-transform: translateY(13px);
            transform: translateY(13px)
        }

    .pmd-textfield.pmd-textfield-filled.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        transform: translateY(8px);
        font-size: 13px
    }

    .pmd-textfield.pmd-textfield-filled.pmd-textfield-floating-label.pmd-textfield-floating-label-completed.col-form-label-sm {
        -ms-transform: translateY(8px);
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    .pmd-textfield.pmd-textfield-filled .pmd-textfield-focused {
        left: 0;
        position: absolute;
        bottom: 0;
        top: inherit;
        width: auto;
        right: 0;
        height: 2px
    }

.pmd-custom-file-outline .form-text, .pmd-custom-file-outline .invalid-feedback, .pmd-custom-file-outline .valid-feedback, .pmd-textfield-outline .form-text, .pmd-textfield-outline .invalid-feedback, .pmd-textfield-outline .valid-feedback {
    padding-left: .75rem
}

.pmd-custom-file-filled .form-text, .pmd-custom-file-filled .invalid-feedback, .pmd-custom-file-filled .valid-feedback, .pmd-textfield-filled .form-text, .pmd-textfield-filled .invalid-feedback, .pmd-textfield-filled .valid-feedback {
    padding-left: .75rem
}

.pmd-textfield-floating-label {
    position: relative
}

    .pmd-textfield-floating-label label {
        -ms-transform: translateY(26px);
        -webkit-transform: translateY(26px);
        transform: translateY(26px);
        font-size: 1rem;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4,0,.2,1)
    }

        .pmd-textfield-floating-label label.col-form-label-lg {
            font-size: 1.25rem;
            -ms-transform: translateY(30px);
            -webkit-transform: translateY(30px);
            transform: translateY(30px)
        }

        .pmd-textfield-floating-label label.col-form-label-sm {
            font-size: .875rem;
            -ms-transform: translateY(26px);
            -webkit-transform: translateY(26px);
            transform: translateY(26px)
        }

    .pmd-textfield-floating-label .form-control {
        position: relative
    }

    .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        font-size: .875rem;
        color: rgba(0,0,0,.64)
    }

        .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label.col-form-label-lg {
            font-size: 1rem;
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label.col-form-label-sm {
            font-size: .625rem;
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

.pmd-custom-file .custom-file-input:focus ~ .custom-file-label {
    box-shadow: none;
    border-color: #34316E;
    border-width: 2px
}

.pmd-custom-file .custom-file-label {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px rgba(0,0,0,.12);
    outline: 0;
    box-shadow: none;
    border-radius: 0;
    font-size: 1rem;
    padding: 1rem;
    padding-left: 0;
    color: rgba(0,0,0,.87)
}

    .pmd-custom-file .custom-file-label::after {
        border-left: none;
        border-radius: 4;
        background-color: #dedfdf;
        color: rgba(0,0,0,.87)
    }

.pmd-custom-file-outline {
    height: calc(1.5em + 1.75rem)
}

    .pmd-custom-file-outline .custom-file-label {
        height: calc(1.5em + 1.75rem);
        padding: .875rem .75rem;
        color: rgba(0,0,0,.87);
        background-color: transparent;
        border: 1px solid rgba(0,0,0,.12);
        border-radius: .3rem
    }

        .pmd-custom-file-outline .custom-file-label::after {
            height: calc(1.5em + 1.75rem - 2px);
            padding: .875rem .75rem;
            border-left: none;
            border-radius: 4px;
            background-color: #dedfdf;
            color: rgba(0,0,0,.87)
        }

    .pmd-custom-file-outline .custom-file-input {
        height: calc(1.5em + 1.75rem)
    }

        .pmd-custom-file-outline .custom-file-input:focus ~ .custom-file-label {
            border: 2px solid #34316E;
            box-shadow: none;
            outline: 0
        }

            .pmd-custom-file-outline .custom-file-input:focus ~ .custom-file-label::after {
                height: calc(1.5em + 1.75rem - 4px)
            }

.pmd-custom-file-filled {
    height: calc(1.5em + 1.75rem)
}

    .pmd-custom-file-filled .custom-file-label {
        height: calc(1.5em + 1.75rem);
        padding: .875rem .75rem;
        color: rgba(0,0,0,.87);
        background-color: #f8f9fa;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,.12);
        border-radius: .3rem
    }

        .pmd-custom-file-filled .custom-file-label::after {
            height: calc(1.5em + 1.75rem - 1px);
            padding: .875rem .75rem;
            border-left: none;
            border-radius: 4
        }

    .pmd-custom-file-filled .custom-file-input {
        height: calc(1.5em + 1.75rem)
    }

        .pmd-custom-file-filled .custom-file-input:focus ~ .custom-file-label {
            border-bottom: 2px solid #34316E;
            box-shadow: none;
            outline: 0
        }

            .pmd-custom-file-filled .custom-file-input:focus ~ .custom-file-label::after {
                height: calc(1.5em + 1.75rem - 2px)
            }

.valid-feedback {
    color: #4caf50
}

.valid-tooltip {
    color: #fff;
    background-color: rgba(76,175,80,.8)
}

.pmd-textfield .custom-select.is-valid, .pmd-textfield .form-control.is-valid, .was-validated .pmd-textfield .custom-select:valid, .was-validated .pmd-textfield .form-control:valid {
    border-color: #4caf50
}

    .pmd-textfield .custom-select.is-valid:focus, .pmd-textfield .form-control.is-valid:focus, .was-validated .pmd-textfield .custom-select:valid:focus, .was-validated .pmd-textfield .form-control:valid:focus {
        border-color: #4caf50;
        box-shadow: none
    }

    .pmd-textfield .custom-select.is-valid ~ .pmd-textfield-focused, .pmd-textfield .form-control.is-valid ~ .pmd-textfield-focused, .was-validated .pmd-textfield .custom-select:valid ~ .pmd-textfield-focused, .was-validated .pmd-textfield .form-control:valid ~ .pmd-textfield-focused {
        background-color: #4caf50
    }

.pmd-textfield label.is-valid {
    color: #4caf50
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #4caf50
}

.pmd-checkbox .custom-control-input.is-valid ~ .custom-control-label, .pmd-radio .custom-control-input.is-valid ~ .custom-control-label, .was-validated .pmd-checkbox .custom-control-input:valid ~ .custom-control-label, .was-validated .pmd-radio .custom-control-input:valid ~ .custom-control-label {
    color: #4caf50
}

    .pmd-checkbox .custom-control-input.is-valid ~ .custom-control-label::after, .pmd-radio .custom-control-input.is-valid ~ .custom-control-label::after, .was-validated .pmd-checkbox .custom-control-input:valid ~ .custom-control-label::after, .was-validated .pmd-radio .custom-control-input:valid ~ .custom-control-label::after {
        border-color: #4caf50
    }

    .pmd-radio .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .pmd-radio .custom-control-input:valid ~ .custom-control-label::before {
        background: #4caf50;
        border-color: #4caf50
    }

    .pmd-checkbox .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .pmd-checkbox .custom-control-input:valid ~ .custom-control-label::before {
        background-color: transparent;
        box-shadow: none;
        border-color: #fff
    }

    .pmd-checkbox .custom-control-input.is-valid ~ .custom-control-label::after, .was-validated .pmd-checkbox .custom-control-input:valid ~ .custom-control-label::after {
        background-color: #4caf50
    }

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #4caf50
}

    .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
        border-color: inherit
    }

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: none
}

.invalid-feedback {
    color: #ff4940
}

.invalid-tooltip {
    color: #fff;
    background-color: rgba(255,64,87,.8)
}

.pmd-textfield .custom-select.is-invalid, .pmd-textfield .form-control.is-invalid, .was-validated .pmd-textfield .custom-select:invalid, .was-validated .pmd-textfield .form-control:invalid {
    border-color: #ff4940
}

    .pmd-textfield .custom-select.is-invalid:focus, .pmd-textfield .form-control.is-invalid:focus, .was-validated .pmd-textfield .custom-select:invalid:focus, .was-validated .pmd-textfield .form-control:invalid:focus {
        border-color: #ff4940;
        box-shadow: none
    }

    .pmd-textfield .custom-select.is-invalid ~ .pmd-textfield-focused, .pmd-textfield .form-control.is-invalid ~ .pmd-textfield-focused, .was-validated .pmd-textfield .custom-select:invalid ~ .pmd-textfield-focused, .was-validated .pmd-textfield .form-control:invalid ~ .pmd-textfield-focused {
        background-color: #ff4940
    }

.pmd-textfield label.is-invalid {
    color: #ff4940
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #ff4940
}

.pmd-checkbox .custom-control-input.is-invalid ~ .custom-control-label, .pmd-radio .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .pmd-checkbox .custom-control-input:invalid ~ .custom-control-label, .was-validated .pmd-radio .custom-control-input:invalid ~ .custom-control-label {
    color: #ff4940
}

    .pmd-checkbox .custom-control-input.is-invalid ~ .custom-control-label::after, .pmd-radio .custom-control-input.is-invalid ~ .custom-control-label::after, .was-validated .pmd-checkbox .custom-control-input:invalid ~ .custom-control-label::after, .was-validated .pmd-radio .custom-control-input:invalid ~ .custom-control-label::after {
        border-color: #ff4940
    }

    .pmd-radio .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .pmd-radio .custom-control-input:invalid ~ .custom-control-label::before {
        background: #ff4940;
        border-color: #ff4940
    }

    .pmd-checkbox .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .pmd-checkbox .custom-control-input:invalid ~ .custom-control-label::before {
        background-color: transparent;
        box-shadow: none;
        border-color: #fff
    }

    .pmd-checkbox .custom-control-input.is-invalid ~ .custom-control-label::after, .was-validated .pmd-checkbox .custom-control-input:invalid ~ .custom-control-label::after {
        background-color: #ff4940
    }

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #ff4940
}

    .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
        border-color: inherit
    }

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: none
}

.pmd-checkbox .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .pmd-checkbox .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: transparent;
    box-shadow: none;
    border-color: #fff
}

.pmd-checkbox .custom-control-input.is-invalid ~ .custom-control-label::after, .was-validated .pmd-checkbox .custom-control-input:invalid ~ .custom-control-label::after {
    background-color: transparent
}

.help-block {
    font-size: 14px;
    margin-top: 0
}

.has-error-text {
    display: none
}

.text-white .pmd-textfield label {
    color: rgba(255,255,255,.87)
}

    .text-white .pmd-textfield label.is-invalid {
        color: #ff4940
    }

    .text-white .pmd-textfield label.is-valid {
        color: #4caf50
    }

.text-white .pmd-textfield .custom-select {
    background: url(../../assets/images/baseline-arrow_drop_down-white.svg) no-repeat right .35rem center/22px 22px
}

    .text-white .pmd-textfield .custom-select.is-invalid, .text-white .pmd-textfield .was-validated .custom-select:invalid {
        background: url(../../assets/images/baseline-arrow_drop_down-white.svg) no-repeat right .35rem center/22px 22px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .text-white .pmd-textfield .custom-select.is-valid, .text-white .pmd-textfield .was-validated .custom-select:invalid {
        background: url(../../assets/images/baseline-arrow_drop_down-white.svg) no-repeat right .35rem center/22px 22px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
    }

.text-white .pmd-textfield .custom-select, .text-white .pmd-textfield .form-control {
    color: #fff;
    border-bottom-color: rgba(255,255,255,.12)
}

    .text-white .pmd-textfield .custom-select:-webkit-autofill, .text-white .pmd-textfield .custom-select:-webkit-autofill:focus, .text-white .pmd-textfield .custom-select:-webkit-autofill:hover, .text-white .pmd-textfield .form-control:-webkit-autofill, .text-white .pmd-textfield .form-control:-webkit-autofill:focus, .text-white .pmd-textfield .form-control:-webkit-autofill:hover {
        -webkit-text-fill-color: #fff
    }

    .text-white .pmd-textfield .custom-select.is-invalid, .text-white .pmd-textfield .form-control.is-invalid {
        border-bottom-color: #ff4940
    }

    .text-white .pmd-textfield .custom-select.is-valid, .text-white .pmd-textfield .form-control.is-valid {
        border-bottom-color: #4caf50
    }

.text-white .pmd-textfield select option {
    color: rgba(0,0,0,.87)
}

.text-white .pmd-textfield .form-control-plaintext {
    color: #fff
}

.text-white .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-left, .text-white .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-middle, .text-white .pmd-textfield.pmd-textfield-outline .pmd-textfield-outline-right {
    border-color: rgba(255,255,255,.12)
}

.text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label-active label {
    color: #34316E
}

.text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label-active .pmd-textfield-outline-left, .text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label-active .pmd-textfield-outline-middle, .text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-floating-label-active .pmd-textfield-outline-right {
    border-color: #34316E
}

.text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .pmd-textfield-outline-left, .text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .pmd-textfield-outline-middle, .text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid .pmd-textfield-outline-right {
    border-color: #4caf50
}

.text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-valid label {
    color: #4caf50
}

.text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .pmd-textfield-outline-left, .text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .pmd-textfield-outline-middle, .text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid .pmd-textfield-outline-right {
    border-color: #ff4940
}

.text-white .pmd-textfield.pmd-textfield-outline.pmd-textfield-is-invalid label {
    color: #ff4940
}

.text-white .pmd-textfield.pmd-textfield-filled .pmd-textfield-filled-wrapper {
    background-color: rgba(255,255,255,.04)
}

.text-white .pmd-custom-file .custom-file-label {
    color: #fff;
    border-bottom-color: rgba(255,255,255,.12)
}

    .text-white .pmd-custom-file .custom-file-label.is-invalid {
        border-color: #ff4940
    }

    .text-white .pmd-custom-file .custom-file-label.is-valid {
        border-color: #4caf50
    }

.text-white .pmd-custom-file-outline .custom-file-label {
    color: #fff;
    border-color: rgba(255,255,255,.12)
}

    .text-white .pmd-custom-file-outline .custom-file-label.is-invalid {
        border-color: #ff4940
    }

    .text-white .pmd-custom-file-outline .custom-file-label.is-valid {
        border-color: #4caf50
    }

.text-white .pmd-custom-file-filled .custom-file-label {
    color: #fff;
    border-color: rgba(255,255,255,.12);
    background-color: rgba(255,255,255,.04)
}

    .text-white .pmd-custom-file-filled .custom-file-label.is-invalid {
        border-color: #ff4940
    }

    .text-white .pmd-custom-file-filled .custom-file-label.is-valid {
        border-color: #4caf50
    }

.pmd-input-group .input-group-text {
    padding: 1rem 0 1rem 0;
    background-color: transparent;
    border-color: transparent;
    border-top: none;
    font-weight: 500
}

.pmd-input-group .input-group-append .input-group-text {
    padding-left: 1rem
}

.pmd-input-group .pmd-textfield-focused {
    top: 0
}

.pmd-input-group .input-group-prepend .input-group-text {
    padding-right: 1rem
}

.pmd-input-group .input-group-prepend ~ .pmd-textfield label {
    padding-left: 1rem
}

.pmd-input-group .input-group-prepend ~ .pmd-textfield .custom-select, .pmd-input-group .input-group-prepend ~ .pmd-textfield .form-control {
    padding-left: 1rem
}

.pmd-input-group .input-group-prepend ~ .pmd-custom-file .custom-file-label {
    padding-left: 1rem
}

.pmd-input-group .input-group-append, .pmd-input-group .input-group-prepend {
    align-items: flex-end
}

.pmd-input-group .pmd-textfield {
    align-items: flex-end;
    flex: 1 1 auto
}

    .pmd-input-group .pmd-textfield .custom-select {
        display: block;
        margin-bottom: -2px
    }

    .pmd-input-group .pmd-textfield .form-control {
        padding: 1rem;
        margin-bottom: -2px;
        padding-left: 0
    }

    .pmd-input-group .pmd-textfield.pmd-textfield-floating-label label {
        display: flex;
        position: absolute;
        right: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: 100%;
        text-align: left;
        pointer-events: none;
        -ms-transform: translateY(28px);
        -webkit-transform: translateY(28px);
        transform: translateY(28px)
    }

    .pmd-input-group .pmd-textfield.pmd-textfield-floating-label .custom-select, .pmd-input-group .pmd-textfield.pmd-textfield-floating-label .form-control {
        padding-top: 1.55rem;
        padding-bottom: .5rem;
        padding-right: 1rem;
        height: calc(1.5em + 1.55rem + .5rem + 1px)
    }

    .pmd-input-group .pmd-textfield.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

.pmd-input-group.pmd-input-group-icon .input-group-text {
    padding: 1rem 0;
    background-color: transparent;
    border-color: transparent
}

    .pmd-input-group.pmd-input-group-icon .input-group-text .material-icons {
        vertical-align: middle
    }

.pmd-input-group.pmd-input-group-icon .input-group-prepend {
    padding-right: 1rem
}

    .pmd-input-group.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield label {
        padding-left: 0
    }

    .pmd-input-group.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield .custom-select, .pmd-input-group.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield .form-control {
        padding-left: 0
    }

.pmd-input-group.pmd-input-group-icon .input-group-append {
    position: absolute;
    right: 0;
    bottom: 4px
}

.pmd-input-group.input-group-lg .form-control, .pmd-input-group.input-group-lg .input-group-append > .btn, .pmd-input-group.input-group-lg .input-group-append > .input-group-text, .pmd-input-group.input-group-lg .input-group-prepend > .btn, .pmd-input-group.input-group-lg .input-group-prepend > .input-group-text {
    font-size: 1.25rem;
    padding: 1rem .75rem
}

.pmd-input-group.input-group-sm .form-control, .pmd-input-group.input-group-sm .input-group-append > .btn, .pmd-input-group.input-group-sm .input-group-append > .input-group-text, .pmd-input-group.input-group-sm .input-group-prepend > .btn, .pmd-input-group.input-group-sm .input-group-prepend > .input-group-text {
    font-size: .875rem;
    padding: 1rem .75rem
}

.pmd-input-group .pmd-checkbox .custom-control-label, .pmd-input-group .pmd-radio .custom-control-label, .pmd-input-group-filled .pmd-checkbox .custom-control-label, .pmd-input-group-filled .pmd-radio .custom-control-label, .pmd-input-group-outline .pmd-checkbox .custom-control-label, .pmd-input-group-outline .pmd-radio .custom-control-label {
    position: static;
    padding-left: 1.2rem
}

.pmd-input-group-filled > .pmd-textfield, .pmd-input-group-outline > .pmd-textfield, .pmd-input-group > .pmd-textfield {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.pmd-input-group .pmd-textfield-is-invalid ~ .invalid-feedback, .pmd-input-group-filled .pmd-textfield-is-invalid ~ .invalid-feedback, .pmd-input-group-outline .pmd-textfield-is-invalid ~ .invalid-feedback {
    padding-left: 38px
}

.pmd-input-group-outline:not(.pmd-input-group-icon) .pmd-textfield-outline:not(:last-child) .pmd-textfield-outline-right {
    border-radius: 0
}

.pmd-input-group-outline:not(.pmd-input-group-icon) .pmd-textfield-outline:not(:first-child) .pmd-textfield-outline-left {
    border-radius: 0
}

.pmd-input-group-outline > .pmd-textfield + .pmd-textfield {
    margin-left: -1px
}

.pmd-input-group-outline .input-group-text {
    border-color: rgba(0,0,0,.12);
    background-color: transparent
}

.pmd-input-group-outline > .pmd-textfield-outline:not(:first-child) .custom-select, .pmd-input-group-outline > .pmd-textfield-outline:not(:first-child) .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pmd-input-group-outline > .pmd-textfield-outline:not(:last-child) .custom-select, .pmd-input-group-outline > .pmd-textfield-outline:not(:last-child) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pmd-input-group-outline.pmd-input-group-icon .input-group-append, .pmd-input-group-outline.pmd-input-group-icon .input-group-prepend {
    position: absolute;
    height: 100%
}

    .pmd-input-group-outline.pmd-input-group-icon .input-group-append .input-group-text, .pmd-input-group-outline.pmd-input-group-icon .input-group-prepend .input-group-text {
        background-color: transparent;
        border: none
    }

.pmd-input-group-outline.pmd-input-group-icon .input-group-append {
    right: 0
}

.pmd-input-group-outline.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-outline .custom-select, .pmd-input-group-outline.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-outline .form-control {
    padding-left: 44px
}

.pmd-input-group-outline.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-outline.pmd-textfield-floating-label label {
    padding-left: 34px
}

.pmd-input-group-outline.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-outline.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    padding-left: 0
}

.pmd-input-group-outline.input-group-sm .custom-select, .pmd-input-group-outline.input-group-sm .form-control:not(textarea) {
    height: calc(1.5em + 1rem);
    padding: calc(.5rem - 1px) .75rem
}

.pmd-input-group-outline.input-group-sm .pmd-textfield-outline-wrapper .custom-select:not([placeholder]), .pmd-input-group-outline.input-group-sm .pmd-textfield-outline-wrapper .form-control:not([placeholder]) {
    font-size: .875rem;
    padding: .5rem .75rem
}

.pmd-input-group-outline.input-group-sm .input-group-append > .btn, .pmd-input-group-outline.input-group-sm .input-group-append > .input-group-text, .pmd-input-group-outline.input-group-sm .input-group-prepend > .btn, .pmd-input-group-outline.input-group-sm .input-group-prepend > .input-group-text {
    font-size: .875rem;
    padding: calc(.5rem - 1px) .75rem
}

.pmd-input-group-outline.input-group-sm .pmd-textfield-floating-label label {
    font-size: .875rem;
    -ms-transform: translateY(7px);
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

.pmd-input-group-outline.input-group-sm .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: .625rem
}

.pmd-input-group-outline.input-group-lg .custom-select, .pmd-input-group-outline.input-group-lg .form-control:not(textarea) {
    font-size: 1.25rem;
    height: calc(1.5em + 2rem);
    padding: calc(1rem - 1px) .75rem
}

.pmd-input-group-outline.input-group-lg .pmd-textfield-outline-wrapper .custom-select:not([placeholder]), .pmd-input-group-outline.input-group-lg .pmd-textfield-outline-wrapper .form-control:not([placeholder]) {
    padding: 1rem .75rem
}

.pmd-input-group-outline.input-group-lg .input-group-append > .btn, .pmd-input-group-outline.input-group-lg .input-group-append > .input-group-text, .pmd-input-group-outline.input-group-lg .input-group-prepend > .btn, .pmd-input-group-outline.input-group-lg .input-group-prepend > .input-group-text {
    font-size: 1.25rem;
    padding: calc(1rem - 1px) .75rem;
    height: calc(1.5em + 2rem)
}

.pmd-input-group-outline.input-group-lg .pmd-textfield-floating-label label {
    font-size: 1.25rem;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.pmd-input-group-outline.input-group-lg .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: 1rem
}

.pmd-input-group-filled .input-group-append .input-group-text, .pmd-input-group-filled .input-group-prepend .input-group-text {
    border-top: none;
    border-left: none
}

.pmd-input-group-filled.pmd-input-group-icon .input-group-append, .pmd-input-group-filled.pmd-input-group-icon .input-group-prepend {
    position: absolute;
    height: 100%;
    z-index: 1
}

    .pmd-input-group-filled.pmd-input-group-icon .input-group-append .input-group-text, .pmd-input-group-filled.pmd-input-group-icon .input-group-prepend .input-group-text {
        background-color: transparent;
        border: none
    }

.pmd-input-group-filled.pmd-input-group-icon .input-group-append {
    right: 0
}

.pmd-input-group-filled.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-filled .custom-select, .pmd-input-group-filled.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-filled .form-control {
    padding-left: 44px
}

.pmd-input-group-filled.pmd-input-group-icon .input-group-prepend ~ .pmd-textfield-filled.pmd-textfield-floating-label label {
    padding-left: 44px
}

.pmd-input-group-filled.input-group-sm .custom-select, .pmd-input-group-filled.input-group-sm .form-control:not(textarea) {
    height: calc(1.5em + 1rem);
    padding: calc(.5rem - 1px) .75rem
}

.pmd-input-group-filled.input-group-sm .pmd-textfield-filled-wrapper .custom-select:not([placeholder]), .pmd-input-group-filled.input-group-sm .pmd-textfield-filled-wrapper .form-control:not([placeholder]) {
    font-size: .875rem;
    padding: .5rem .75rem
}

.pmd-input-group-filled.input-group-sm .input-group-append > .btn, .pmd-input-group-filled.input-group-sm .input-group-append > .input-group-text, .pmd-input-group-filled.input-group-sm .input-group-prepend > .btn, .pmd-input-group-filled.input-group-sm .input-group-prepend > .input-group-text {
    font-size: .875rem;
    padding: calc(.5rem - 1px) .75rem
}

.pmd-input-group-filled.input-group-sm .pmd-textfield-floating-label label {
    font-size: .875rem;
    -ms-transform: translateY(7px);
    -webkit-transform: translateY(7px);
    transform: translateY(7px)
}

.pmd-input-group-filled.input-group-sm .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: .625rem
}

.pmd-input-group-filled.input-group-lg .custom-select, .pmd-input-group-filled.input-group-lg .form-control:not(textarea) {
    font-size: 1.25rem;
    height: calc(1.5em + 2rem);
    padding: calc(1rem - 1px) .75rem
}

.pmd-input-group-filled.input-group-lg .pmd-textfield-outline-wrapper .custom-select:not([placeholder]), .pmd-input-group-filled.input-group-lg .pmd-textfield-outline-wrapper .form-control:not([placeholder]) {
    padding: 1rem .75rem
}

.pmd-input-group-filled.input-group-lg .input-group-append > .btn, .pmd-input-group-filled.input-group-lg .input-group-append > .input-group-text, .pmd-input-group-filled.input-group-lg .input-group-prepend > .btn, .pmd-input-group-filled.input-group-lg .input-group-prepend > .input-group-text {
    font-size: 1.25rem;
    padding: calc(1rem - 1px) .75rem;
    height: calc(1.5em + 2rem)
}

.pmd-input-group-filled.input-group-lg .pmd-textfield-floating-label label {
    font-size: 1.25rem;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.pmd-input-group-filled.input-group-lg .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    font-size: 1rem
}

.text-white .pmd-input-group .input-group-text {
    color: #fff
}

.text-white .pmd-input-group-outline .input-group-text {
    border-color: rgba(255,255,255,.12)
}

.pmd-switch {
    vertical-align: middle;
    -moz-user-select: none
}

    .pmd-switch .pmd-switch-label, .pmd-switch input, .pmd-switch label {
        -moz-user-select: none
    }

    .pmd-switch label {
        cursor: pointer;
        font-weight: 400
    }

        .pmd-switch label input[type=checkbox] {
            height: 0;
            opacity: 0;
            width: 0;
            position: absolute
        }

        .pmd-switch label .pmd-switch-label, .pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label {
            background-color: rgba(0,0,0,.24);
            border-radius: 15px;
            content: "";
            display: block;
            height: 15px;
            transition: all .2s ease-in-out;
            vertical-align: middle;
            width: 30px;
            position: relative
        }

            .pmd-switch label .pmd-switch-label::after {
                background-color: #fff;
                border-radius: 20px;
                -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                content: "";
                display: inline-block;
                height: 20px;
                left: -6px;
                position: absolute;
                top: -2px;
                transition: all .2s ease-in-out;
                width: 20px
            }

            .pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label::after, .pmd-switch label input[type="checkbox][disabled"]:checked + .pmd-switch-label::after {
                background-color: rgba(0,0,0,.38)
            }

            .pmd-switch label input[type=checkbox] + .pmd-switch-label:active::after, .pmd-switch label input[type="checkbox][disabled"] + .pmd-switch-label:active::after {
                -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
            }

        .pmd-switch label input[type=checkbox]:checked + .pmd-switch-label::after {
            left: 15px;
            background-color: #F58634
        }

        .pmd-switch label input[type=checkbox]:checked + .pmd-switch-label {
            background-color: #fbceae
        }

            .pmd-switch label input[type=checkbox]:checked + .pmd-switch-label:active::after {
                -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
                box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
            }

.pmd-card-list {
    padding-bottom: .5rem;
    padding-top: .5rem;
    margin-bottom: 0;
    background-color: #fff;
    -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06)
}

.pmd-list .list-group-item {
    padding: .5rem 1.25rem
}

.pmd-list .list-group-item {
    margin-bottom: -1px;
    border: inherit;
    line-height: 1.4
}

    .pmd-list .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .pmd-list .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

.pmd-list.pmd-list-border .list-group-item {
    border: 1px solid #e9ecef
}

.pmd-list.pmd-list-sm .list-group-item {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.pmd-list.pmd-list-sm.pmd-list-bullet .list-group-item:before {
    top: .5rem
}

.pmd-list.pmd-list-bullet .list-group-item {
    padding-left: 1.5rem;
    position: relative
}

    .pmd-list.pmd-list-bullet .list-group-item:before {
        content: "\E315";
        font-family: 'Material Icons';
        position: absolute;
        left: 0;
        top: .625rem;
        opacity: .54
    }

.pmd-list-title {
    color: rgba(0,0,0,.87);
    font-size: 1rem
}

.pmd-list-subtitle {
    color: rgba(0,0,0,.64);
    font-size: .875rem;
    margin-top: -.25rem
}

.pmd-list-text {
    color: rgba(0,0,0,.64);
    font-size: 1rem
}

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

.list-group-item.active .pmd-list-title {
    color: #fff
}

.list-group-item.active .pmd-list-subtitle {
    color: rgba(255,255,255,.87)
}

.list-group-item.active .pmd-list-text {
    color: rgba(255,255,255,.87)
}

.pmd-list-avatar {
    padding: .5rem 0
}

    .pmd-list-avatar .list-group-item {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

.pmd-list-icon {
    width: 40px;
    margin-right: 1rem
}

.pmd-avatar-list-img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 1rem;
    overflow: hidden;
    display: inline-block
}

.pmd-list .material-icons.media-left {
    padding-right: 32px;
    vertical-align: top;
    display: table-cell
}

.pmd-list .material-icons.media-right {
    padding-left: 32px;
    vertical-align: top;
    display: table-cell
}

.pmd-list .material-icons.media-middle {
    vertical-align: middle;
    display: table-cell
}

.media-body.pmd-word-break {
    word-break: break-all;
    word-wrap: break-word
}

.pmd-list-icon {
    width: 40px;
    margin-right: 1rem
}

.pmd-list-subtitle:first-child {
    margin-bottom: 0;
    margin-top: 0
}

.pmd-list-title:last-child {
    margin-bottom: 0
}

.pmd-list-title:first-child {
    margin-bottom: .5rem
}

.pmd-list-subtitle + .pmd-list-subtitle {
    margin-top: 0
}

.pmd-list-inline {
    margin: 0 -.375rem
}

    .pmd-list-inline .list-inline-item {
        padding: 0 .375rem;
        margin: 0
    }

    .pmd-list-inline.pmd-list-inline-border {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .pmd-list-inline.pmd-list-inline-border .list-inline-item {
            padding-left: 1rem;
            padding-right: 1rem;
            border-right: 1px solid rgba(0,0,0,.12)
        }

            .pmd-list-inline.pmd-list-inline-border .list-inline-item:last-child {
                border-right: 0
            }

.pmd-navbar.navbar {
    justify-content: inherit;
    padding-top: 0;
    padding-bottom: 0
}

.pmd-navbar .navbar-brand {
    margin-right: 1.5rem;
    font-size: 1.5rem;
    line-height: 48px
}

.pmd-navbar .navbar-toggler-icon {
    background-image: none;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

    .pmd-navbar .navbar-toggler-icon::after {
        font-family: "Material icons";
        content: "\E5D2";
        font-size: 24px
    }

.pmd-navbar .navbar-nav .nav-link {
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase
}

.pmd-navbar .navbar-toggler {
    outline: 0;
    float: left;
    border-radius: 50%;
    border: none;
    padding: .625rem;
    margin-right: .5rem;
    margin-left: -.5rem
}

    .pmd-navbar .navbar-toggler .icon-bar {
        width: 20px
    }

    .pmd-navbar .navbar-toggler:focus, .pmd-navbar .navbar-toggler:hover {
        background-color: rgba(0,0,0,.2)
    }

.pmd-navbar .pmd-navbar-right-icon {
    margin-left: 1rem
}

    .pmd-navbar .pmd-navbar-right-icon a {
        display: inline-block
    }

@media (max-width:767.98px) {
    .pmd-navbar .pmd-navbar-right-icon {
        flex-direction: row;
        margin-left: auto
    }
}

.pmd-navbar .btn.pmd-btn-fab {
    margin-top: .75rem;
    margin-bottom: .75rem;
    margin-right: .5rem;
    padding: 0
}

@media (max-width:767.98px) {
    .pmd-navbar .btn.pmd-btn-fab {
        margin-top: .5rem;
        margin-bottom: .5rem;
        margin-right: .5rem;
        margin-left: -.5rem
    }
}

.pmd-navbar .navbar-form {
    padding-top: 7px;
    padding-bottom: 6px
}

    .pmd-navbar .navbar-form .btn {
        padding: 9px 14px
    }

.pmd-navbar.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.87)
}

    .pmd-navbar.navbar-dark .navbar-nav .nav-link:focus, .pmd-navbar.navbar-dark .navbar-nav .nav-link:hover {
        color: #fff
    }

    .pmd-navbar.navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.5)
    }

    .pmd-navbar.navbar-dark .navbar-nav .active > .nav-link, .pmd-navbar.navbar-dark .navbar-nav .nav-link.active, .pmd-navbar.navbar-dark .navbar-nav .nav-link.show, .pmd-navbar.navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.pmd-navbar.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.87)
}

.pmd-navbar.navbar-dark .navbar-text {
    color: rgba(255,255,255,.87)
}

    .pmd-navbar.navbar-dark .navbar-text a {
        color: #fff
    }

        .pmd-navbar.navbar-dark .navbar-text a:focus, .pmd-navbar.navbar-dark .navbar-text a:hover {
            color: #fff
        }

.pmd-navbar.navbar-dark .pmd-user-info > a {
    color: rgba(255,255,255,.87)
}

    .pmd-navbar.navbar-dark .pmd-user-info > a:focus, .pmd-navbar.navbar-dark .pmd-user-info > a:hover {
        color: #fff
    }

.pmd-navbar.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.64)
}

    .pmd-navbar.navbar-light .navbar-nav .nav-link:focus, .pmd-navbar.navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.87)
    }

    .pmd-navbar.navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.38)
    }

    .pmd-navbar.navbar-light .navbar-nav .active > .nav-link, .pmd-navbar.navbar-light .navbar-nav .nav-link.active, .pmd-navbar.navbar-light .navbar-nav .nav-link.show, .pmd-navbar.navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.87)
    }

.pmd-navbar.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.64)
}

.pmd-navbar.navbar-light .navbar-text {
    color: rgba(0,0,0,.64)
}

    .pmd-navbar.navbar-light .navbar-text a {
        color: rgba(0,0,0,.87)
    }

        .pmd-navbar.navbar-light .navbar-text a:focus, .pmd-navbar.navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,.87)
        }

.pmd-navbar.navbar-light .pmd-user-info > a {
    color: rgba(0,0,0,.64)
}

    .pmd-navbar.navbar-light .pmd-user-info > a:focus, .pmd-navbar.navbar-light .pmd-user-info > a:hover {
        color: rgba(0,0,0,.87)
    }

.pmd-navbar .pmd-dropdown.dropup .dropdown-menu {
    top: inherit;
    transform: inherit
}

.pmd-sidebar-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0,0,0,.87);
    z-index: 1030;
    transition: visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

    .pmd-sidebar-overlay.active, .pmd-sidebar-overlay.pmd-sidebar-overlay-active {
        opacity: .5;
        visibility: visible;
        transition-delay: 0
    }

@media (max-width:767.98px) {
    .pmd-navbar .navbar-header {
        padding: 0 .5rem
    }

    .pmd-navbar.navbar-fixed-bottom, .pmd-navbar.navbar-fixed-top {
        z-index: 998
    }
}

.pmd-user-info {
    display: flex;
    flex-direction: column
}

    .pmd-user-info .dropdown-menu {
        min-width: 100%
    }

    .pmd-user-info .dropdown-toggle::after {
        display: none
    }

    .pmd-user-info > a {
        padding: .5rem .5rem;
        text-decoration: none
    }

.pmd-navbar-sidebar {
    display: block;
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    transition: all .5s cubic-bezier(.55,0,.1,1);
    min-width: 85%;
    width: 85%;
    transform: translate3d(-100%,0,0);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1031;
    left: 0;
    background: #fff
}

    .pmd-navbar-sidebar:after {
        clear: both
    }

    .pmd-navbar-sidebar::-webkit-scrollbar-track {
        border-radius: 2px
    }

    .pmd-navbar-sidebar::-webkit-scrollbar {
        width: 5px;
        background-color: #F7F7F7
    }

    .pmd-navbar-sidebar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #BFBFBF
    }

    .pmd-navbar-sidebar.pmd-sidebar-open {
        transform: translate3d(0,0,0);
        box-shadow: 2px 0 15px rgba(0,0,0,.35)
    }

    .pmd-navbar-sidebar .dropdown-menu {
        opacity: 1;
        position: relative;
        box-shadow: none;
        transition: inherit
    }

        .pmd-navbar-sidebar .dropdown-menu::before {
            background-color: transparent
        }

        .pmd-navbar-sidebar .dropdown-menu .dropdown-header, .pmd-navbar-sidebar .dropdown-menu .dropdown-item {
            padding: .25rem 1rem .25rem 2rem;
            line-height: 24px
        }

    .pmd-navbar-sidebar .nav-link {
        padding: .75rem 1rem
    }

    .pmd-navbar-sidebar .pmd-user-info > a {
        padding: 1rem 1rem;
        background-color: #acadae
    }

        .pmd-navbar-sidebar .pmd-user-info > a:focus, .pmd-navbar-sidebar .pmd-user-info > a:hover {
            background-color: #acadae
        }

    .pmd-navbar-sidebar.collapse:not(.show) {
        display: block
    }

.container-fluid > .navbar-collapse.pmd-navbar-sidebar, .container > .navbar-collapse.pmd-navbar-sidebar {
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.navbar-dark .pmd-navbar-sidebar {
    background-color: #929495
}

    .navbar-dark .pmd-navbar-sidebar .dropdown-menu a {
        color: rgba(255,255,255,.75)
    }

        .navbar-dark .pmd-navbar-sidebar .dropdown-menu a :focus, .navbar-dark .pmd-navbar-sidebar .dropdown-menu a:hover {
            background-color: transparent;
            color: #fff
        }

    .navbar-dark .pmd-navbar-sidebar .dropdown-divider {
        border-color: #acadae
    }

@media (min-width:576px) {
    .pmd-navbar.navbar-expand-sm .navbar-nav .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar {
        overflow: inherit;
        transition: inherit;
        transform: inherit;
        position: relative;
        background-color: inherit;
        min-width: inherit;
        width: inherit
    }

        .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu {
            position: absolute;
            -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            transition: all .2s ease-in-out
        }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu::before {
                background-color: #fff
            }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu a {
                color: rgba(0,0,0,.87)
            }

                .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu a :focus, .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu a:hover {
                    background-color: rgba(0,0,0,.075);
                    color: rgba(0,0,0,.87)
                }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu .dropdown-divider {
                border-color: #e9ecef
            }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu .dropdown-item {
                padding: .75rem 1rem
            }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .dropdown-menu .dropdown-header {
                padding: .25rem 1rem
            }

        .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .pmd-user-info {
            flex-direction: row;
            margin-right: -15px;
            margin-left: 1rem;
            order: 1
        }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .pmd-user-info .dropdown-menu {
                border-bottom: transparent solid 1px;
                border-color: transparent
            }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .pmd-user-info .media-body {
                width: auto
            }

            .pmd-navbar.navbar-expand-sm .pmd-navbar-sidebar .pmd-user-info a {
                padding: .5rem .5rem;
                background-color: inherit
            }
}

@media (min-width:768px) {
    .pmd-navbar.navbar-expand-md .navbar-nav .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar {
        overflow: inherit;
        transition: inherit;
        transform: inherit;
        position: relative;
        background-color: inherit;
        min-width: inherit;
        width: inherit
    }

        .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu {
            position: absolute;
            -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            transition: all .2s ease-in-out
        }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu::before {
                background-color: #fff
            }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu a {
                color: rgba(0,0,0,.87)
            }

                .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu a :focus, .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu a:hover {
                    background-color: rgba(0,0,0,.075);
                    color: rgba(0,0,0,.87)
                }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu .dropdown-divider {
                border-color: #e9ecef
            }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu .dropdown-item {
                padding: .75rem 1rem
            }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .dropdown-menu .dropdown-header {
                padding: .25rem 1rem
            }

        .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .pmd-user-info {
            flex-direction: row;
            margin-right: -15px;
            margin-left: 1rem;
            order: 1
        }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .pmd-user-info .dropdown-menu {
                border-bottom: transparent solid 1px;
                border-color: transparent
            }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .pmd-user-info .media-body {
                width: auto
            }

            .pmd-navbar.navbar-expand-md .pmd-navbar-sidebar .pmd-user-info a {
                padding: .5rem .5rem;
                background-color: inherit
            }
}

@media (min-width:992px) {
    .pmd-navbar.navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar {
        overflow: inherit;
        transition: inherit;
        transform: inherit;
        position: relative;
        background-color: inherit;
        min-width: inherit;
        width: inherit
    }

        .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu {
            position: absolute;
            -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            transition: all .2s ease-in-out
        }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu::before {
                background-color: #fff
            }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu a {
                color: rgba(0,0,0,.87)
            }

                .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu a :focus, .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu a:hover {
                    background-color: rgba(0,0,0,.075);
                    color: rgba(0,0,0,.87)
                }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu .dropdown-divider {
                border-color: #e9ecef
            }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu .dropdown-item {
                padding: .75rem 1rem
            }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .dropdown-menu .dropdown-header {
                padding: .25rem 1rem
            }

        .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .pmd-user-info {
            flex-direction: row;
            margin-right: -15px;
            margin-left: 1rem;
            order: 1
        }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .pmd-user-info .dropdown-menu {
                border-bottom: transparent solid 1px;
                border-color: transparent
            }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .pmd-user-info .media-body {
                width: auto
            }

            .pmd-navbar.navbar-expand-lg .pmd-navbar-sidebar .pmd-user-info a {
                padding: .5rem .5rem;
                background-color: inherit
            }
}

@media (min-width:1200px) {
    .pmd-navbar.navbar-expand-xl .navbar-nav .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar {
        overflow: inherit;
        transition: inherit;
        transform: inherit;
        position: relative;
        background-color: inherit;
        min-width: inherit;
        width: inherit
    }

        .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu {
            position: absolute;
            -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
            transition: all .2s ease-in-out
        }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu::before {
                background-color: #fff
            }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu a {
                color: rgba(0,0,0,.87)
            }

                .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu a :focus, .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu a:hover {
                    background-color: rgba(0,0,0,.075);
                    color: rgba(0,0,0,.87)
                }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu .dropdown-divider {
                border-color: #e9ecef
            }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu .dropdown-item {
                padding: .75rem 1rem
            }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .dropdown-menu .dropdown-header {
                padding: .25rem 1rem
            }

        .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .pmd-user-info {
            flex-direction: row;
            margin-right: -15px;
            margin-left: 1rem;
            order: 1
        }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .pmd-user-info .dropdown-menu {
                border-bottom: transparent solid 1px;
                border-color: transparent
            }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .pmd-user-info .media-body {
                width: auto
            }

            .pmd-navbar.navbar-expand-xl .pmd-navbar-sidebar .pmd-user-info a {
                padding: .5rem .5rem;
                background-color: inherit
            }
}

.pmd-navbar.navbar-expand .navbar-nav .nav-link {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.pmd-navbar.navbar-expand .pmd-navbar-sidebar {
    overflow: inherit;
    transition: inherit;
    transform: inherit;
    position: relative;
    background-color: inherit;
    min-width: inherit;
    width: inherit
}

    .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu {
        position: absolute;
        -moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
        -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08);
        transition: all .2s ease-in-out
    }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu::before {
            background-color: #fff
        }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu a {
            color: rgba(0,0,0,.87)
        }

            .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu a :focus, .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu a:hover {
                background-color: rgba(0,0,0,.075);
                color: rgba(0,0,0,.87)
            }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu .dropdown-divider {
            border-color: #e9ecef
        }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu .dropdown-item {
            padding: .75rem 1rem
        }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .dropdown-menu .dropdown-header {
            padding: .25rem 1rem
        }

    .pmd-navbar.navbar-expand .pmd-navbar-sidebar .pmd-user-info {
        flex-direction: row;
        margin-right: -15px;
        margin-left: 1rem;
        order: 1
    }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .pmd-user-info .dropdown-menu {
            border-bottom: transparent solid 1px;
            border-color: transparent
        }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .pmd-user-info .media-body {
            width: auto
        }

        .pmd-navbar.navbar-expand .pmd-navbar-sidebar .pmd-user-info a {
            padding: .5rem .5rem;
            background-color: inherit
        }

.popover.primary {
    background-color: #34316E;
    border-color: #c6c5d6
}

    .popover.primary .popover-body {
        color: #fff
    }

    .popover.primary.bs-popover-top .arrow::before {
        border-top-color: #c6c5d6
    }

    .popover.primary.bs-popover-top .arrow::after {
        border-top-color: #34316E
    }

    .popover.primary.bs-popover-right .arrow::before {
        border-right-color: #c6c5d6
    }

    .popover.primary.bs-popover-right .arrow::after {
        border-right-color: #34316E
    }

    .popover.primary.bs-popover-bottom .arrow::before {
        border-bottom-color: #c6c5d6
    }

    .popover.primary.bs-popover-bottom .arrow::after {
        border-bottom-color: #34316E
    }

    .popover.primary.bs-popover-left .arrow::before {
        border-left-color: #c6c5d6
    }

    .popover.primary.bs-popover-left .arrow::after {
        border-left-color: #34316E
    }

.popover.secondary {
    background-color: #F58634;
    border-color: #fcddc6
}

    .popover.secondary .popover-body {
        color: #fff
    }

    .popover.secondary.bs-popover-top .arrow::before {
        border-top-color: #fcddc6
    }

    .popover.secondary.bs-popover-top .arrow::after {
        border-top-color: #F58634
    }

    .popover.secondary.bs-popover-right .arrow::before {
        border-right-color: #fcddc6
    }

    .popover.secondary.bs-popover-right .arrow::after {
        border-right-color: #F58634
    }

    .popover.secondary.bs-popover-bottom .arrow::before {
        border-bottom-color: #fcddc6
    }

    .popover.secondary.bs-popover-bottom .arrow::after {
        border-bottom-color: #F58634
    }

    .popover.secondary.bs-popover-left .arrow::before {
        border-left-color: #fcddc6
    }

    .popover.secondary.bs-popover-left .arrow::after {
        border-left-color: #F58634
    }

.popover.success {
    background-color: #4caf50;
    border-color: #cde9ce
}

    .popover.success .popover-body {
        color: #fff
    }

    .popover.success.bs-popover-top .arrow::before {
        border-top-color: #cde9ce
    }

    .popover.success.bs-popover-top .arrow::after {
        border-top-color: #4caf50
    }

    .popover.success.bs-popover-right .arrow::before {
        border-right-color: #cde9ce
    }

    .popover.success.bs-popover-right .arrow::after {
        border-right-color: #4caf50
    }

    .popover.success.bs-popover-bottom .arrow::before {
        border-bottom-color: #cde9ce
    }

    .popover.success.bs-popover-bottom .arrow::after {
        border-bottom-color: #4caf50
    }

    .popover.success.bs-popover-left .arrow::before {
        border-left-color: #cde9ce
    }

    .popover.success.bs-popover-left .arrow::after {
        border-left-color: #4caf50
    }

.popover.info {
    background-color: #03a9f4;
    border-color: #b8e7fc
}

    .popover.info .popover-body {
        color: #fff
    }

    .popover.info.bs-popover-top .arrow::before {
        border-top-color: #b8e7fc
    }

    .popover.info.bs-popover-top .arrow::after {
        border-top-color: #03a9f4
    }

    .popover.info.bs-popover-right .arrow::before {
        border-right-color: #b8e7fc
    }

    .popover.info.bs-popover-right .arrow::after {
        border-right-color: #03a9f4
    }

    .popover.info.bs-popover-bottom .arrow::before {
        border-bottom-color: #b8e7fc
    }

    .popover.info.bs-popover-bottom .arrow::after {
        border-bottom-color: #03a9f4
    }

    .popover.info.bs-popover-left .arrow::before {
        border-left-color: #b8e7fc
    }

    .popover.info.bs-popover-left .arrow::after {
        border-left-color: #03a9f4
    }

.popover.warning {
    background-color: #ffc107;
    border-color: #ffeeba
}

    .popover.warning .popover-body {
        color: #333
    }

    .popover.warning.bs-popover-top .arrow::before {
        border-top-color: #ffeeba
    }

    .popover.warning.bs-popover-top .arrow::after {
        border-top-color: #ffc107
    }

    .popover.warning.bs-popover-right .arrow::before {
        border-right-color: #ffeeba
    }

    .popover.warning.bs-popover-right .arrow::after {
        border-right-color: #ffc107
    }

    .popover.warning.bs-popover-bottom .arrow::before {
        border-bottom-color: #ffeeba
    }

    .popover.warning.bs-popover-bottom .arrow::after {
        border-bottom-color: #ffc107
    }

    .popover.warning.bs-popover-left .arrow::before {
        border-left-color: #ffeeba
    }

    .popover.warning.bs-popover-left .arrow::after {
        border-left-color: #ffc107
    }

.popover.danger {
    background-color: #ff4940;
    border-color: #ffcad0
}

    .popover.danger .popover-body {
        color: #fff
    }

    .popover.danger.bs-popover-top .arrow::before {
        border-top-color: #ffcad0
    }

    .popover.danger.bs-popover-top .arrow::after {
        border-top-color: #ff4940
    }

    .popover.danger.bs-popover-right .arrow::before {
        border-right-color: #ffcad0
    }

    .popover.danger.bs-popover-right .arrow::after {
        border-right-color: #ff4940
    }

    .popover.danger.bs-popover-bottom .arrow::before {
        border-bottom-color: #ffcad0
    }

    .popover.danger.bs-popover-bottom .arrow::after {
        border-bottom-color: #ff4940
    }

    .popover.danger.bs-popover-left .arrow::before {
        border-left-color: #ffcad0
    }

    .popover.danger.bs-popover-left .arrow::after {
        border-left-color: #ff4940
    }

.popover.light {
    background-color: #dedfdf;
    border-color: #f6f6f6
}

    .popover.light .popover-body {
        color: #333
    }

    .popover.light.bs-popover-top .arrow::before {
        border-top-color: #f6f6f6
    }

    .popover.light.bs-popover-top .arrow::after {
        border-top-color: #dedfdf
    }

    .popover.light.bs-popover-right .arrow::before {
        border-right-color: #f6f6f6
    }

    .popover.light.bs-popover-right .arrow::after {
        border-right-color: #dedfdf
    }

    .popover.light.bs-popover-bottom .arrow::before {
        border-bottom-color: #f6f6f6
    }

    .popover.light.bs-popover-bottom .arrow::after {
        border-bottom-color: #dedfdf
    }

    .popover.light.bs-popover-left .arrow::before {
        border-left-color: #f6f6f6
    }

    .popover.light.bs-popover-left .arrow::after {
        border-left-color: #dedfdf
    }

.popover.dark {
    background-color: #929495;
    border-color: #e0e1e1
}

    .popover.dark .popover-body {
        color: #fff
    }

    .popover.dark.bs-popover-top .arrow::before {
        border-top-color: #e0e1e1
    }

    .popover.dark.bs-popover-top .arrow::after {
        border-top-color: #929495
    }

    .popover.dark.bs-popover-right .arrow::before {
        border-right-color: #e0e1e1
    }

    .popover.dark.bs-popover-right .arrow::after {
        border-right-color: #929495
    }

    .popover.dark.bs-popover-bottom .arrow::before {
        border-bottom-color: #e0e1e1
    }

    .popover.dark.bs-popover-bottom .arrow::after {
        border-bottom-color: #929495
    }

    .popover.dark.bs-popover-left .arrow::before {
        border-left-color: #e0e1e1
    }

    .popover.dark.bs-popover-left .arrow::after {
        border-left-color: #929495
    }

.popover.darker {
    background-color: #1e1e2d;
    border-color: #c0c0c4
}

    .popover.darker .popover-body {
        color: #fff
    }

    .popover.darker.bs-popover-top .arrow::before {
        border-top-color: #c0c0c4
    }

    .popover.darker.bs-popover-top .arrow::after {
        border-top-color: #1e1e2d
    }

    .popover.darker.bs-popover-right .arrow::before {
        border-right-color: #c0c0c4
    }

    .popover.darker.bs-popover-right .arrow::after {
        border-right-color: #1e1e2d
    }

    .popover.darker.bs-popover-bottom .arrow::before {
        border-bottom-color: #c0c0c4
    }

    .popover.darker.bs-popover-bottom .arrow::after {
        border-bottom-color: #1e1e2d
    }

    .popover.darker.bs-popover-left .arrow::before {
        border-left-color: #c0c0c4
    }

    .popover.darker.bs-popover-left .arrow::after {
        border-left-color: #1e1e2d
    }


/*================= site activity css =========================*/
/*total sales circle chart css*/
.total-sales {
    text-align: center;
    width: 100%;
}

    .total-sales .chart {
        width: 50%;
    }

        .total-sales .chart.circle-chart {
            padding-right: 3%;
        }

        .total-sales .chart.total-revenue {
            padding-left: 3%;
        }

    .total-sales .circle {
        display: inline-block;
        margin: 0 10px 0 10px;
        position: relative;
    }

    .total-sales .circles-wrp {
        margin-bottom: 6px;
    }

    .total-sales .circles-integer {
        font-size: 20px;
        font-family: 'Roboto';
        display: block;
        font-weight: 700;
    }

    .total-sales .border-right {
        border-right: 1px solid #dfe3e7;
    }

    .total-sales .chart-title {
        line-height: 1.1;
        padding: 0 15px;
        width: 99px;
        margin: auto;
        font-weight: 500;
    }

    .total-sales .circle .circles-text {
        height: auto !important;
    }

    .total-sales .circles-integer:before {
        content: "";
        display: inline-block;
        height: 19px;
        vertical-align: middle;
        background-size: 11px;
    }
/* total sales progressbar chart css*/
.total-revenue .progress {
    height: 8px;
    margin: 0;
    border-radius: 10px;
    background: #888888;
    box-shadow: none;
}

.total-revenue ul {
    margin: 0;
}

.total-revenue .list-group-item {
    padding: 1px 0;
    display: table;
    margin: 0 auto;
}

.media-body-chart {
    vertical-align: middle;
    max-width: 50%;
    width:50%
}

.media-left-chart {

    text-align: left;
    width: 25%;
    padding-left: 20px
}

.media-right-chart {

    text-align: left;
    padding-left: 1rem;
    min-width: 110px;
    width:25%;
}
/*.total-revenue .progress .progress-bar { height: 100%; width: 0; background-color:#F7912F; color:#F7912F;}*/
@media (min-width: 991px) and (max-width: 1600px) {
    .total-sales .chart.circle-chart {
        padding-right: 3%;
        width: 60%;
    }

    .total-sales .chart.total-revenue {
        padding-left: 3%;
        width: 40%;
    }
}

@media (max-width: 990px) {
    .total-sales .chart {
        width: 100%;
    }

    .total-sales .circle {
        margin-bottom: 20px;
    }

    .total-sales .chart.total-revenue {
        margin-top: 20px;
    }

    .total-sales .border-right {
        border: none;
    }
}

.pmd-progress {
    background: none repeat scroll 0 0 rgba(0,0,0,.12);
    border-radius: 2;
    box-shadow: none;
    height: 6px
}

.progress-bar {
    box-shadow: none
}

.constructor, .pmd-content {
    position: relative;
    margin: 0;
    padding-top: 4.625rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    transition: all .3s cubic-bezier(.55,0,.1,1)
}

@media (max-width:767.98px) {
    .constructor, .pmd-content {
        padding-left: 1rem;
        padding-right: 1rem;
        transition: none
    }
}

@media (max-width:767.98px) {
    body.pmd-body-open {
        overflow: hidden
    }
}

.pmd-content, .pmd-sidebar, .wrapper {
    vertical-align: top
}

.pmd-sidebar {
    position: relative;
    display: block;
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    transition: all .3s cubic-bezier(.55,0,.1,1);
    padding-top: 5rem;
    width: 260px
}

@media (max-width:767.98px) {
    .pmd-sidebar {
        padding-top: 0;
        transform: translate3d(-260px,0,0)
    }
}

.pmd-sidebar:after, .pmd-sidebar:before {
    content: " ";
    display: table
}

.pmd-sidebar:after {
    clear: both
}

.pmd-sidebar::-webkit-scrollbar-track {
    border-radius: 2px
}

.pmd-sidebar::-webkit-scrollbar-track {
    border-radius: 2px
}

.pmd-sidebar::-webkit-scrollbar {
    width: 5px;
    background-color: #F7F7F7
}

.pmd-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BFBFBF
}

.pmd-sidebar .pmd-user-info {
    margin-bottom: .5rem
}

    .pmd-sidebar .pmd-user-info > a {
        background-color: #23214b;
        background-size: cover
    }

        .pmd-sidebar .pmd-user-info > a:focus, .pmd-sidebar .pmd-user-info > a:hover {
            background-color: #23214b
        }

@media (max-width:767.98px) {
    .pmd-sidebar .pmd-user-info > a {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.pmd-sidebar.pmd-sidebar-open {
    min-width: 260px;
    width: 260px;
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

@media (max-width:767.98px) {
    .pmd-sidebar.pmd-sidebar-open {
        min-width: 260px;
        width: 260px
    }
}

.pmd-sidebar-slide-push {
    left: 0;
    -ms-transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
    transform: translate3d(-260px,0,0)
}

@media (max-width:767.98px) {
    .pmd-sidebar-slide-push {
        left: 0
    }

}

.pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content, .pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor {
    margin-left: 260px
}

.pmd-marcaje {
    margin-left: 260px
}

@media (max-width:767.98px) {
    .pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-content, pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-marcaje, .pmd-sidebar-slide-push.pmd-sidebar-open ~ .wrapper .constructor {
        margin-left: 0
    }
    .pmd-marcaje {
        margin-left: 0px
    }
}

.pmd-sidebar-left-fixed, .pmd-sidebar-right-fixed, .pmd-sidebar-slide-push {
    position: fixed;
    top: 0;
    bottom: 0
}

.pmd-sidebar-left-fixed, .pmd-sidebar-right-fixed {
    z-index: 1031;
    padding-top: 0
}

.pmd-sidebar-left-fixed {
    left: 0;
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    -ms-transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
    transform: translate3d(-260px,0,0)
}

.pmd-sidebar-right-fixed {
    right: 0;
    -ms-transform: translate3d(260px,0,0);
    -webkit-transform: translate3d(260px,0,0);
    transform: translate3d(260px,0,0)
}

    .pmd-sidebar-right-fixed.pmd-sidebar-open {
        -ms-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.topbar-fixed {
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
    position: fixed;
    z-index: 1030;
    overflow: hidden;
    width: 100%;
    height: 0;
    right: 0;
    top: 0
}

    .topbar-fixed.pmd-sidebar-open {
        -ms-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        width: 100%;
        height: 200%
    }

        .topbar-fixed.pmd-sidebar-open::before {
            border-radius: 50%;
            display: block;
            height: 3000px;
            width: 3000px;
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            left: 50%;
            bottom: 50%;
            margin-left: -1500px;
            margin-bottom: -1500px
        }

        .topbar-fixed.pmd-sidebar-open .topbar-container {
            opacity: 1;
            transition-delay: 1s
        }

    .topbar-fixed::before {
        background: #fff none repeat scroll 0 0;
        border-radius: 50%;
        bottom: 100%;
        color: #fff;
        content: "";
        left: 100%;
        position: absolute;
        -moz-transform-origin: top right;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        will-change: transform;
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all .3s cubic-bezier(.55,0,.1,1);
        opacity: 0;
        height: 3000px;
        width: 3000px
    }

    .topbar-fixed .topbar-container {
        opacity: 0;
        transition: all .3s cubic-bezier(.55,0,.1,1);
        transition-delay: 0s
    }

.topbar-close {
    margin-top: 12px
}

.pmd-sidebar-nav .nav-link {
    padding: .75rem 1rem;
    color: rgba(0,0,0,.38);
    font-weight: 400;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row
}

    .pmd-sidebar-nav .nav-link .material-icons {
        color: rgba(0,0,0,.24)
    }

    .pmd-sidebar-nav .nav-link:focus, .pmd-sidebar-nav .nav-link:hover {
        background-color: rgba(0,0,0,.075)
    }

    .pmd-sidebar-nav .nav-link.active {
        background-color: rgba(0,0,0,.075)
    }

.pmd-sidebar-nav .nav-item ul {
    list-style: none;
    padding-left: 0;
    border-bottom: solid 1px rgba(0,0,0,.12)
}

    .pmd-sidebar-nav .nav-item ul .nav-item:last-child {
        margin-bottom: .5rem
    }

    .pmd-sidebar-nav .nav-item ul .nav-item .nav-link {
        font-weight: 400;
        padding: .5rem 1rem .5rem 72px
    }

        .pmd-sidebar-nav .nav-item ul .nav-item .nav-link i {
            margin-left: -56px
        }

    .pmd-sidebar-nav .nav-item ul .nav-item ul {
        border-bottom: none
    }

.pmd-sidebar-nav .nav-item .show {
    background-color: rgba(0,0,0,.075)
}

.pmd-nav-item-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.12)
}

.pmd-sidebar-dark .nav-link {
    color: rgba(255,255,255,.5)
}

    .pmd-sidebar-dark .nav-link .material-icons {
        color: rgba(255,255,255,.5)
    }

.pmd-sidebar-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0,0,0,.87);
    z-index: 1030;
    transition: all .3s cubic-bezier(.55,0,.1,1);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .pmd-sidebar-overlay.pmd-sidebar-overlay-active {
        opacity: .5;
        visibility: visible;
        transition-delay: 0
    }

.pmd-sidebar-toggle {
    margin-left: -.5rem
}

.pmd-tab-container.pmd-card .tab-content {
    padding: 0 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.pmd-tabs {
    position: relative
}

@media (max-width:767.98px) {
    .pmd-tabs {
        overflow-x: auto;
        overflow-y: hidden
    }
}

.pmd-tabs .nav-tabs {
    border-bottom: none
}

    .pmd-tabs .nav-tabs .nav-item.show .nav-link {
        color: #34316E;
        background-color: transparent
    }

    .pmd-tabs .nav-tabs .nav-link {
        padding: 1.125rem 1.5rem 1.0625rem;
        border: none;
        border-radius: 0;
        color: rgba(0,0,0,.64);
        font-size: .875rem;
        font-weight: 600;
        margin-right: 0;
        line-height: 1;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .pmd-tabs .nav-tabs .nav-link.active {
            color: #34316E;
            cursor: default;
            background-color: transparent;
            border: none;
            border-bottom-color: transparent;
            opacity: 1
        }

.pmd-tabs .pmd-tab-active-bar {
    position: absolute;
    bottom: 0;
    width: 25%;
    height: 3px;
    background: #34316E;
    transition: all .2s ease-in-out
}

.pmd-tabs-dark {
    background-color: #34316E
}

    .pmd-tabs-dark .nav-tabs .nav-link {
        color: rgba(255,255,255,.87)
    }

        .pmd-tabs-dark .nav-tabs .nav-link.active {
            color: #fff;
            background-color: transparent
        }

        .pmd-tabs-dark .nav-tabs .nav-link .dropdown-menu a {
            color: rgba(0,0,0,.87)
        }

    .pmd-tabs-dark .pmd-tabs-scroll-left, .pmd-tabs-dark .pmd-tabs-scroll-right {
        background-color: #34316E;
        color: rgba(255,255,255,.87)
    }

.pmd-tabs-scroll-container {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.pmd-tabs-scroll-right {
    float: right;
    right: 0;
    top: 0
}

.pmd-tabs-scroll-left {
    float: left;
    left: 0
}

.pmd-tabs-scroll-left, .pmd-tabs-scroll-right {
    position: absolute;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    display: none;
    white-space: no-wrap;
    vertical-align: middle;
    padding: .75rem 1.5rem .375rem;
    background-color: #fff;
    color: rgba(0,0,0,.64);
    line-height: 1
}

.pmd-tabs-icons-bottom-label .nav-tabs .nav-link {
    flex-direction: column
}

    .pmd-tabs-icons-bottom-label .nav-tabs .nav-link .material-icons {
        padding-bottom: .5rem
    }

.pmd-table.table {
    margin-bottom: 0;
    background-color: transparent
}

    .pmd-table.table td, .pmd-table.table th {
        padding: .4rem .7rem;
        line-height: 1.5;
        vertical-align: middle;
        border-top: 1px solid rgba(0,0,0,.12);
        text-align: left;
        transition: all .2s ease-in-out
    }

    .pmd-table.table thead th {
        font-weight: 500;
        color: rgba(0,0,0,.64);
        border-top: none;
        font-size: .875rem;
        border-bottom: 1px solid rgba(0,0,0,.12)
    }

    .pmd-table.table tbody + tbody {
        border-top: 2px solid rgba(0,0,0,.12)
    }

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

    .pmd-table.table.table-reflow {
        display: block;
        overflow-x: scroll
    }

        .pmd-table.table.table-reflow thead {
            position: absolute
        }

        .pmd-table.table.table-reflow tbody {
            margin-left: 130px
        }

        .pmd-table.table.table-reflow tr {
            display: table-cell;
            vertical-align: top;
            float: none;
            width: 130px;
            background-color: #fff
        }

        .pmd-table.table.table-reflow th {
            font-size: 1rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 131px
        }

        .pmd-table.table.table-reflow tbody {
            display: block;
            white-space: nowrap
        }

        .pmd-table.table.table-reflow td, .pmd-table.table.table-reflow th {
            border-right: 1px solid rgba(0,0,0,.12);
            display: block !important
        }

            .pmd-table.table.table-reflow td:last-child, .pmd-table.table.table-reflow th:last-child {
                border-right: 1px solid rgba(0,0,0,.12)
            }

        .pmd-table.table.table-reflow td {
            border: none;
            border-left: 1px solid rgba(0,0,0,.12);
            border-bottom: 1px solid rgba(0,0,0,.12)
        }

    .pmd-table.table .thead-dark th {
        color: rgba(255,255,255,.87);
        background-color: #34316E
    }

    .pmd-table.table .thead-light th {
        color: #0f0e20;
        background-color: #fff
    }

.pmd-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(52,49,110,.05)
}

.pmd-table.table-sm td, .pmd-table.table-sm th {
    padding: .25rem
}

.pmd-table.table-bordered {
    border: 1px solid rgba(0,0,0,.12)
}

    .pmd-table.table-bordered td, .pmd-table.table-bordered th {
        border: 1px solid rgba(0,0,0,.12)
    }

    .pmd-table.table-bordered thead td, .pmd-table.table-bordered thead th {
        border-bottom-width: 1px
    }

.pmd-table.table-hover tbody tr:hover {
    background-color: rgba(52,49,110,.05)
}

.pmd-table.table-borderless td, .pmd-table.table-borderless th {
    border: 0
}

.pmd-table.table-borderless thead th {
    border: 0
}

.pmd-table.table-dark {
    color: #f2f3f8;
    background-color: #929495
}

    .pmd-table.table-dark td, .pmd-table.table-dark th, .pmd-table.table-dark thead th {
        border-color: rgba(255,255,255,.12)
    }

    .pmd-table.table-dark thead th {
        color: rgba(255,255,255,.87)
    }

    .pmd-table.table-dark.table-bordered {
        border: 0
    }

    .pmd-table.table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.02)
    }

    .pmd-table.table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,.38)
    }

.pmd-table .child-table {
    background-color: #fff
}

    .pmd-table .child-table > td {
        padding: 0 !important;
        border-top: none
    }

        .pmd-table .child-table > td .table > thead > tr {
            background-color: #fff
        }

    .pmd-table .child-table .table-sm td, .pmd-table .child-table .table-sm th {
        padding: .25rem .75rem
    }

@media (max-width:767.98px) {
    .pmd-table .child-table {
        margin-top: -20px
    }
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #d6d6e2
}

.table-hover .table-primary:hover {
    background-color: #c7c7d7
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #c7c7d7
    }

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #fde7d6
}

.table-hover .table-secondary:hover {
    background-color: #fcd9be
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #fcd9be
    }

.table-success, .table-success > td, .table-success > th {
    background-color: #dbefdc
}

.table-hover .table-success:hover {
    background-color: #c9e7cb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #c9e7cb
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #cdeefd
}

.table-hover .table-info:hover {
    background-color: #b4e6fc
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #b4e6fc
    }

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #fff3cd
}

.table-hover .table-warning:hover {
    background-color: #ffedb4
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffedb4
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #ffd9dd
}

.table-hover .table-danger:hover {
    background-color: #ffc0c6
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #ffc0c6
    }

.table-light, .table-light > td, .table-light > th {
    background-color: #f8f9f9
}

.table-hover .table-light:hover {
    background-color: #eaeded
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #eaeded
    }

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #e9eaea
}

.table-hover .table-dark:hover {
    background-color: #dcdede
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #dcdede
    }

.table-darker, .table-darker > td, .table-darker > th {
    background-color: #d2d2d5
}

.table-hover .table-darker:hover {
    background-color: #c5c5c9
}

    .table-hover .table-darker:hover > td, .table-hover .table-darker:hover > th {
        background-color: #c5c5c9
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(52,49,110,.05)
}

.table-hover .table-active:hover {
    background-color: rgba(44,41,92,.05)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(44,41,92,.05)
    }

.table-heading {
    min-height: 64px;
    border-bottom: 1px solid #ddd;
    padding: 4px 24px 4px 24px
}

.table-footer {
    padding: 8px 24px 8px 24px;
    border-top: 1px solid #ddd;
    display: inline-block;
    width: 100%
}

.shoarting {
    margin-left: 6px
}

.pmd-table.pmd-table-card {
    border-radius: .25rem;
    -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    background-color: #fff
}

@media (max-width:767.98px) {
    .pmd-table-card.pmd-table {
        background-color: transparent;
        box-shadow: none
    }

        .pmd-table-card.pmd-table .table {
            margin-bottom: 0
        }

    .pmd-table-card.pmd-card-main {
        background-color: transparent;
        box-shadow: none
    }

    .pmd-table-card.table.pmd-table tfoot, .pmd-table-card.table.pmd-table thead {
        display: none
    }

    .pmd-table-card.table.pmd-table tbody {
        display: block
    }

    .pmd-table-card.table.pmd-table tr {
        display: block;
        margin-bottom: 1.25rem;
        border-radius: .25rem;
        -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
        -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
        box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
        background-color: #fff
    }

    .pmd-table-card.table.pmd-table td {
        display: block;
        vertical-align: middle;
        text-align: right
    }

        .pmd-table-card.table.pmd-table td[data-title]:before {
            content: attr(data-title);
            float: left;
            font-size: inherit;
            font-weight: 500;
            color: rgba(0,0,0,.64)
        }

    .pmd-table-card.pmd-table.table-striped td, .pmd-table-card.pmd-table.table-striped tr:nth-child(odd) {
        background-color: #fff
    }

        .pmd-table-card.pmd-table.table-striped td:nth-child(odd) {
            background-color: rgba(52,49,110,.05)
        }

    .pmd-table-card.pmd-table.table-dark {
        background-color: transparent
    }

        .pmd-table-card.pmd-table.table-dark tr {
            background-color: #929495
        }

        .pmd-table-card.pmd-table.table-dark td[data-title]:before {
            color: rgba(255,255,255,.87)
        }

    .pmd-table-card.pmd-table.table-hover tr:hover {
        background-color: #fff
    }

    .pmd-table-card.pmd-table.table-hover td:hover {
        background-color: rgba(52,49,110,.05)
    }

    .pmd-table-card.pmd-table.table-hover.table-dark tr:hover {
        background-color: #929495
    }

    .pmd-table-card.pmd-table.table-hover.table-dark td:hover {
        background-color: rgba(255,255,255,.38)
    }

    .pmd-table-card.pmd-table.table-striped.table-dark td, .pmd-table-card.pmd-table.table-striped.table-dark tr:nth-child(odd) {
        background-color: #929495
    }

        .pmd-table-card.pmd-table.table-striped.table-dark td:nth-child(odd) {
            background-color: rgba(255,255,255,.02)
        }

    .pmd-table-card.pmd-z-depth {
        background-color: transparent;
        box-shadow: none
    }
}

.pmd-card .pmd-table caption {
    padding: .5rem .75rem
}

.pmd-tooltip.tooltip {
    padding: .5rem 1rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    transition: opacity .3s ease-in-out,margin ease-in-out .3s;
    border-radius: 2px
}

    .pmd-tooltip.tooltip:before {
        background-color: #000;
        width: 0;
        height: 0;
        opacity: 1;
        position: absolute;
        z-index: -1;
        content: "";
        left: 50%;
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all .2s ease-in-out
    }

    .pmd-tooltip.tooltip .arrow {
        display: none
    }

    .pmd-tooltip.tooltip .tooltip-arrow {
        display: none
    }

    .pmd-tooltip.tooltip .tooltip-inner {
        background-color: transparent;
        padding: 0
    }

    .pmd-tooltip.tooltip.show {
        filter: alpha(opacity=100);
        opacity: 100
    }

        .pmd-tooltip.tooltip.show:before {
            width: 100%;
            height: 100%;
            left: 0;
            opacity: 1;
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .pmd-tooltip.tooltip.bs-tooltip-top:before {
        top: 100%
    }

    .pmd-tooltip.tooltip.show.bs-tooltip-top {
        margin-top: -10px
    }

        .pmd-tooltip.tooltip.show.bs-tooltip-top:before {
            top: 0;
            -moz-transform-origin: 50% 100% 0;
            -webkit-transform-origin: 50% 100% 0;
            transform-origin: 50% 100% 0;
            will-change: transform
        }

    .pmd-tooltip.tooltip.bs-tooltip-bottom:before {
        top: 0
    }

    .pmd-tooltip.tooltip.show.bs-tooltip-bottom {
        margin-top: 10px
    }

        .pmd-tooltip.tooltip.show.bs-tooltip-bottom:before {
            -moz-transform-origin: 50% 0 0;
            -webkit-transform-origin: 50% 0 0;
            transform-origin: 50% 0 0;
            will-change: transform
        }

    .pmd-tooltip.tooltip.bs-tooltip-right:before {
        top: 50%;
        left: 0
    }

    .pmd-tooltip.tooltip.bs-tooltip-right .arrow {
        left: 0
    }

    .pmd-tooltip.tooltip.show.bs-tooltip-right {
        margin-left: 10px
    }

        .pmd-tooltip.tooltip.show.bs-tooltip-right:before {
            top: 0;
            -moz-transform-origin: 0 50% 0;
            -webkit-transform-origin: 0 50% 0;
            transform-origin: 0 50% 0;
            will-change: transform
        }

    .pmd-tooltip.tooltip.bs-tooltip-left:before {
        top: 50%;
        left: 100%;
        border-radius: 100% 0 0 100%/50% 0 0 50%
    }

    .pmd-tooltip.tooltip.bs-tooltip-left .arrow {
        right: 0
    }

    .pmd-tooltip.tooltip.show.bs-tooltip-left {
        margin-left: -10px
    }

        .pmd-tooltip.tooltip.show.bs-tooltip-left .arrow {
            right: 0
        }

        .pmd-tooltip.tooltip.show.bs-tooltip-left:before {
            left: 0;
            top: 0;
            -moz-transform-origin: 100% 50% 0;
            -webkit-transform-origin: 100% 50% 0;
            transform-origin: 100% 50% 0;
            will-change: transform;
            border-radius: 2px
        }



.pmd-floating-action {
    bottom: 1rem;
    position: fixed;
    right: 1rem;
    z-index: 1000
}


    .menu--floating--open .pmd-floating-action-btn, .pmd-floating-action:hover .pmd-floating-action-btn {
        opacity: 1;
        -ms-transform: none;
        transform: none;
        position: relative;
        bottom: auto;
        overflow: hidden
    }

        .menu--floating--open .pmd-floating-action-btn:before, .pmd-floating-action:hover .pmd-floating-action-btn:before {
            opacity: 1
        }

.pmd-floating-action-btn {
    display: block;
    position: relative;
    transition: all .2s ease-in-out;
    transition: all .3s cubic-bezier(.55,0,.1,1)
}

    .pmd-floating-action-btn:before {
        bottom: 10%;
        content: attr(data-title);
        opacity: 0;
        position: absolute;
        right: 100%;
        transition: all .2s ease-in-out;
        white-space: nowrap;
        background-color: #fff;
        padding: .375rem .75rem;
        border-radius: .125rem;
        color: rgba(0,0,0,.87);
        font-size: .75rem;
        margin-right: .3125rem;
        display: inline-block;
        -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

    .pmd-floating-action-btn:last-child:before {
        font-size: 14px;
        bottom: 25%
    }

    .pmd-floating-action-btn:active, .pmd-floating-action-btn:focus, .pmd-floating-action-btn:hover {
        -moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
        -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),0 4px 15px 0 rgba(0,0,0,.14),0 1px 12px 0 rgba(0,0,0,.12)
    }

    .pmd-floating-action-btn:not(:last-child) {
        opacity: 0;
        transform: translateY(20px) scale(.3);
        -ms-transform: translateY(20px) scale(.3);
        margin-bottom: .9375rem;
        margin-left: .5rem;
        position: absolute;
        bottom: 0
    }

        .pmd-floating-action-btn:not(:last-child):nth-last-child(1) {
            transition-delay: 50ms
        }

        .pmd-floating-action-btn:not(:last-child):nth-last-child(2) {
            transition-delay: .1s
        }

        .pmd-floating-action-btn:not(:last-child):nth-last-child(3) {
            transition-delay: 150ms
        }

        .pmd-floating-action-btn:not(:last-child):nth-last-child(4) {
            transition-delay: .2s
        }

        .pmd-floating-action-btn:not(:last-child):nth-last-child(5) {
            transition-delay: 250ms
        }

        .pmd-floating-action-btn:not(:last-child):nth-last-child(6) {
            transition-delay: .3s
        }

    .pmd-floating-action-btn.btn:hover {
        overflow: visible
    }

    .pmd-floating-action-btn .ink {
        width: 50px;
        height: 50px
    }

.pmd-floating-hidden {
    display: none
}

.pmd-social-icon {
    margin-top: 8px
}

    .pmd-social-icon a {
        margin: 0 4px;
        display: inline-flex;
        justify-content: center
    }

        .pmd-social-icon a svg {
            fill: #848484;
            width: 50%
        }

        .pmd-social-icon a:hover svg {
            fill: #fff
        }

.pmd-card-info {
    font-size: .875rem;
    color: rgba(0,0,0,.54);
    padding: 8px 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.pmd-list-progress .list-group-item {
    padding-left: 50px;
    width: 100%;
    background-color: transparent
}

    .pmd-list-progress .list-group-item:before {
        content: "";
        width: 2px;
        height: 100%;
        background: #fff;
        left: 0;
        position: absolute;
        left: 30px;
        top: 0;
        z-index: 9
    }

    .pmd-list-progress .list-group-item:after {
        content: "";
        position: absolute;
        left: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #fff
    }

    .pmd-list-progress .list-group-item.list-group-item-success:after, .pmd-list-progress .list-group-item.list-group-item-success:before {
        background-color: #67b951
    }

    .pmd-list-progress .list-group-item.list-group-item-danger:after, .pmd-list-progress .list-group-item.list-group-item-danger:before {
        background-color: #df6c6c
    }

.pmd-card-overlay {
    background-color: #041a34;
    overflow: hidden
}

    .pmd-card-overlay .card-title {
        position: absolute;
        color: #fff;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(47%);
        -webkit-transform: translateY(47%);
        -moz-transform: translateY(47%);
        bottom: 0;
        text-align: center;
        z-index: 2;
        transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        font-size: 24px
    }

    .pmd-card-overlay img {
        opacity: .64;
        height: 350px;
        display: block;
        transition: all ease-in-out .3s;
        -ms-transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        min-width: 100%
    }

    .pmd-card-overlay:hover .card-title {
        transform: translateY(20%);
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%)
    }

    .pmd-card-overlay:hover img {
        opacity: .16;
        transform: scale(1.1)
    }

.pmd-view-details {
    padding: 0 32px;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    z-index: 100;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    overflow: visible;
    margin: 0 auto;
    top: 50%
}

    .pmd-view-details:before {
        content: attr(data-title);
        position: absolute;
        bottom: -28px;
        -webkit-transform: translate(-17px,0);
        transform: translate(-17px,0);
        color: #fff
    }

.pmd-card-overlay .card-title:hover + .pmd-view-details, .pmd-card-overlay:hover .pmd-view-details {
    -webkit-transform: translate(0,-40%);
    -moz-transform: translate(0,-40%);
    transform: translate(0,-40%);
    opacity: 1
}

.icon-wrap {
    height: 100px;
    width: 100px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    margin: auto;
    line-height: 100px
}

    .icon-wrap svg {
        display: inline-block;
        vertical-align: middle;
        height: 60px
    }

.pmd-card div[class^="card-header bg-"] {
    padding-bottom: 1rem
}

.pmd-card div[class^="card-footer bg-"] {
    padding-top: 1rem
}

.pmd-card .list-group-item {
    background-color: transparent
}

.pmd-card-dark {
    color: #fff
}

    .pmd-card-dark .card-title, .pmd-card-dark .material-icons, .pmd-card-dark .pmd-list-title, .pmd-card-dark a {
        color: #fff
    }

    .pmd-card-dark .card-subtitle, .pmd-card-dark .pmd-list-subtitle {
        color: rgba(255,255,255,.87)
    }

    .pmd-card-dark svg circle, .pmd-card-dark svg path, .pmd-card-dark svg polygon, .pmd-card-dark svg rect {
        fill: #fff
    }

    .pmd-card-dark .pmd-btn-flat:hover {
        background-color: rgba(229,229,229,.2)
    }

    .pmd-card-dark .pmd-inline-list-divider li {
        border-color: rgba(255,255,255,.5)
    }

    .pmd-card-dark hr {
        border-color: rgba(255,255,255,.5)
    }

.fill-primary svg circle, .fill-primary svg path, .fill-primary svg polygon, .fill-primary svg rect {
    fill: #34316E
}

.fill-secondary svg circle, .fill-secondary svg path, .fill-secondary svg polygon, .fill-secondary svg rect {
    fill: #F58634
}

.fill-secondary svg circle, .fill-secondary svg path, .fill-secondary svg polygon, .fill-secondary svg rect {
    fill: #fff
}

.pmd-title-separator-center:after, .pmd-title-separator-right:after, .pmd-title-separator:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: #F58634;
    margin: 1rem 0 1rem
}

.pmd-title-separator-center:after {
    margin-left: auto;
    margin-right: auto
}

.pmd-title-separator-right:after {
    margin-left: auto
}

.pmd-card-media {
    position: relative
}

.pmd-btn-fill {
    display: flex
}

    .pmd-btn-fill .btn {
        flex: 1
    }

    .pmd-btn-fill.pmd-item-justify-border .btn {
        border-bottom: 0;
        margin-left: -1px
    }

        .pmd-btn-fill.pmd-item-justify-border .btn:first-child {
            border-left: 0;
            margin-left: 0
        }

        .pmd-btn-fill.pmd-item-justify-border .btn:last-child {
            border-right: 0
        }

.pmd-list-fill {
    display: flex
}

    .pmd-list-fill.list-inline {
        margin-left: 0;
        margin-right: 0
    }

        .pmd-list-fill.list-inline .list-inline-item {
            text-align: center;
            padding: .5rem
        }

    .pmd-list-fill .list-inline-item {
        flex: 1
    }

.pmd-floating-icon-wrapper {
    position: relative;
    display: inline-block
}

    .pmd-floating-icon-wrapper .pmd-floating-icon-bl, .pmd-floating-icon-wrapper .pmd-floating-icon-br, .pmd-floating-icon-wrapper .pmd-floating-icon-tl, .pmd-floating-icon-wrapper .pmd-floating-icon-tr {
        background-color: #34316E;
        border-radius: 100%;
        color: #fff;
        height: 24px;
        width: 24px;
        padding: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal;
        font-size: 14px;
        position: absolute
    }

        .pmd-floating-icon-wrapper .pmd-floating-icon-bl.material-icons, .pmd-floating-icon-wrapper .pmd-floating-icon-br.material-icons, .pmd-floating-icon-wrapper .pmd-floating-icon-tl.material-icons, .pmd-floating-icon-wrapper .pmd-floating-icon-tr.material-icons {
            font-size: 18px
        }

    .pmd-floating-icon-wrapper .pmd-floating-icon-br {
        bottom: 2px;
        right: 2px
    }

    .pmd-floating-icon-wrapper .pmd-floating-icon-bl {
        bottom: 2px;
        left: 2px
    }

    .pmd-floating-icon-wrapper .pmd-floating-icon-tl {
        top: 2px;
        left: 2px
    }

    .pmd-floating-icon-wrapper .pmd-floating-icon-tr {
        right: 2px;
        top: 2px
    }

.pmd-floating-content-wrapper {
    position: relative
}

    .pmd-floating-content-wrapper .pmd-floating-content-bc, .pmd-floating-content-wrapper .pmd-floating-content-bl, .pmd-floating-content-wrapper .pmd-floating-content-br {
        position: absolute;
        bottom: 0;
        transform: translateY(50%)
    }

    .pmd-floating-content-wrapper .pmd-floating-content-bl {
        left: 1rem
    }

    .pmd-floating-content-wrapper .pmd-floating-content-br {
        right: 1rem
    }

    .pmd-floating-content-wrapper .pmd-floating-content-bc {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .pmd-floating-content-wrapper .pmd-floating-content-tc, .pmd-floating-content-wrapper .pmd-floating-content-tl, .pmd-floating-content-wrapper .pmd-floating-content-tr {
        position: absolute;
        top: 0;
        transform: translateY(-50%)
    }

    .pmd-floating-content-wrapper .pmd-floating-content-tl {
        left: 1rem
    }

    .pmd-floating-content-wrapper .pmd-floating-content-tr {
        right: 1rem
    }

    .pmd-floating-content-wrapper .pmd-floating-content-tc {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .pmd-floating-content-wrapper.card-body .pmd-floating-content-bc, .pmd-floating-content-wrapper.card-body .pmd-floating-content-bl, .pmd-floating-content-wrapper.card-body .pmd-floating-content-br {
        bottom: -1rem
    }

    .pmd-floating-content-wrapper.card-body .pmd-floating-content-tc, .pmd-floating-content-wrapper.card-body .pmd-floating-content-tl, .pmd-floating-content-wrapper.card-body .pmd-floating-content-tr {
        top: -1rem
    }

.pmd-col-listing {
    position: relative
}

    .pmd-col-listing:after, .pmd-col-listing:before {
        content: "";
        position: absolute;
        background-color: #fff;
        z-index: 1;
        bottom: 0;
        right: 0
    }

    .pmd-col-listing:before {
        height: 2px;
        left: 0
    }

    .pmd-col-listing:after {
        width: 2px;
        top: 0
    }

    .pmd-col-listing .pmd-col-listing-item {
        border-bottom: 1px solid rgba(0,0,0,.12);
        border-right: 1px solid rgba(0,0,0,.12);
        padding: 1.25rem;
        display: block;
        height: 100%;
        color: rgba(0,0,0,.87);
        position: relative;
        transition: all .2s ease-in-out
    }

        .pmd-col-listing .pmd-col-listing-item .material-icons {
            color: #F58634
        }

        .pmd-col-listing .pmd-col-listing-item .card-title {
            margin-top: .5rem
        }

    .pmd-col-listing.pmd-col-listing-hover .pmd-col-listing-item:hover {
        background-color: #F58634;
        color: #fff;
        -moz-box-shadow: box-shadow(2);
        -webkit-box-shadow: box-shadow(2);
        box-shadow: box-shadow(2);
        z-index: 2;
        text-decoration: none
    }

        .pmd-col-listing.pmd-col-listing-hover .pmd-col-listing-item:hover .material-icons {
            color: #fff
        }

.pmd-rate-inner {
    min-width: 60px;
    padding: 32px 0;
    font-weight: 500;
    font-style: normal
}

.rating {
    margin: 4px 0 8px
}

    .rating img {
        height: auto;
        width: 30px;
        display: inline-block
    }

.cancelOff, .cancelOn, .starHalf, .starOff, .starOn {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px
}

    .cancelOff:after, .cancelOn:after, .starHalf:after, .starOff:after, .starOn:after {
        position: absolute;
        font-size: 30px
    }

    .starOn:after {
        content: "\E838";
        color: #ecbd01
    }

    .starOff:after {
        content: "\E83A";
        color: #e2dfdf
    }

    .starHalf:after {
        content: "\E839";
        color: #ecbd01
    }

    .cancelOff:after {
        content: "\E888";
        color: #e2dfdf
    }

    .cancelOn:after {
        content: "\E888";
        color: #ff5722
    }

@media (max-width:767px) {
    .rating img {
        width: 20px;
        height: 20px
    }
}

.pmd-stepper .nav-item {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
    color: rgba(0,0,0,.87)
}

    .pmd-stepper .nav-item:not(:first-child):before, .pmd-stepper .nav-item:not(:last-child):after {
        content: "";
        position: relative;
        flex: 1 1 auto;
        height: 1px;
        background-color: #dee2e6;
        z-index: 1
    }

    .pmd-stepper .nav-item .pmd-stepper-media {
        background-color: #dee2e6;
        color: #333;
        margin-right: .75rem;
        margin-bottom: 0
    }

        .pmd-stepper .nav-item .pmd-stepper-media .completed-media {
            display: none
        }

    .pmd-stepper .nav-item .pmd-stepper-item {
        padding: 1.5rem 1.5rem;
        color: rgba(0,0,0,.87)
    }

        .pmd-stepper .nav-item .pmd-stepper-item:focus, .pmd-stepper .nav-item .pmd-stepper-item:hover {
            text-decoration: none
        }

        .pmd-stepper .nav-item .pmd-stepper-item .media-body {
            margin-top: auto;
            margin-bottom: auto
        }

        .pmd-stepper .nav-item .pmd-stepper-item .pmd-stepper-title {
            font-size: 1rem;
            margin-bottom: 0
        }

        .pmd-stepper .nav-item .pmd-stepper-item .pmd-stepper-subtitle {
            font-size: .875rem;
            margin-bottom: 0
        }

    .pmd-stepper .nav-item.active .pmd-stepper-media {
        background-color: #34316E;
        color: #fff
    }

    .pmd-stepper .nav-item.error .pmd-stepper-media {
        background-color: #ff4940;
        color: #fff
    }

    .pmd-stepper .nav-item.completed .pmd-stepper-media {
        background-color: #4caf50;
        color: #fff
    }

        .pmd-stepper .nav-item.completed .pmd-stepper-media .completed-media {
            display: block
        }

        .pmd-stepper .nav-item.completed .pmd-stepper-media .default-media {
            display: none
        }

    .pmd-stepper .nav-item.completed .card-title {
        font-weight: 700
    }

    .pmd-stepper .nav-item.completed:after {
        background-color: #4caf50
    }

    .pmd-stepper .nav-item.completed + .active:before, .pmd-stepper .nav-item.completed + .completed:before, .pmd-stepper .nav-item.completed + .disabled:before, .pmd-stepper .nav-item.completed + .nav-item:before {
        background-color: #4caf50
    }

    .pmd-stepper .nav-item.disabled {
        pointer-events: none;
        color: rgba(0,0,0,.64)
    }

        .pmd-stepper .nav-item.disabled .pmd-stepper-item {
            color: rgba(0,0,0,.64)
        }

        .pmd-stepper .nav-item.disabled .pmd-stepper-media {
            background-color: #dedfdf;
            color: rgba(0,0,0,.64)
        }

        .pmd-stepper .nav-item.disabled .pmd-stepper-title {
            color: rgba(0,0,0,.64)
        }

        .pmd-stepper .nav-item.disabled:before {
            background-color: #dee2e6
        }

        .pmd-stepper .nav-item.disabled + .active:before, .pmd-stepper .nav-item.disabled + .completed:before {
            background-color: #dee2e6
        }

@media (max-width:1199.98px) {
    .pmd-stepper.pmd-stepper-vertical-lg {
        flex-direction: column
    }

        .pmd-stepper.pmd-stepper-vertical-lg .nav-item {
            align-items: flex-start;
            flex-direction: column
        }

            .pmd-stepper.pmd-stepper-vertical-lg .nav-item:not(:first-child):before {
                position: absolute;
                width: 1px;
                height: calc(100% - 3rem);
                left: 2.5rem;
                bottom: calc(50% + 1.5rem);
                margin-top: .2rem
            }
}

@media (max-width:991.98px) {
    .pmd-stepper.pmd-stepper-vertical-md {
        flex-direction: column
    }

        .pmd-stepper.pmd-stepper-vertical-md .nav-item {
            align-items: flex-start;
            flex-direction: column
        }

            .pmd-stepper.pmd-stepper-vertical-md .nav-item:not(:first-child):before {
                position: absolute;
                width: 1px;
                height: calc(100% - 3rem);
                left: 2.5rem;
                bottom: calc(50% + 1.5rem);
                margin-top: .2rem
            }
}

@media (max-width:767.98px) {
    .pmd-stepper.pmd-stepper-vertical-sm {
        flex-direction: column
    }

        .pmd-stepper.pmd-stepper-vertical-sm .nav-item {
            align-items: flex-start;
            flex-direction: column
        }

            .pmd-stepper.pmd-stepper-vertical-sm .nav-item:not(:first-child):before {
                position: absolute;
                width: 1px;
                height: calc(100% - 3rem);
                left: 2.5rem;
                bottom: calc(50% + 1.5rem);
                margin-top: .2rem
            }
}

.pmd-stepper.pmd-stepper-hover .nav-item .pmd-stepper-item {
    transition: all .2s ease-in-out
}

    .pmd-stepper.pmd-stepper-hover .nav-item .pmd-stepper-item:hover {
        background-color: #dedfdf
    }

.pmd-stepper.pmd-stepper-no-divider .nav-item:not(:first-child):before, .pmd-stepper.pmd-stepper-no-divider .nav-item:not(:last-child):after {
    content: "";
    position: relative;
    flex: 1 1 auto;
    height: 0;
    background-color: transparent;
    z-index: 1
}

.pmd-stepper.pmd-stepper-bottom-label .nav-item {
    text-align: center
}

    .pmd-stepper.pmd-stepper-bottom-label .nav-item .pmd-stepper-media {
        margin-right: 0;
        margin-bottom: .5rem
    }

.pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-divider .nav-item {
    display: block
}

    .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-divider .nav-item:before {
        display: none
    }

    .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-divider .nav-item:not(:last-child):after {
        content: "";
        position: absolute;
        width: calc(100% - 3rem);
        height: 1px;
        top: 2.5rem;
        z-index: 0;
        left: calc(50% + 1.5rem)
    }

    .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-divider .nav-item .pmd-stepper-item {
        z-index: 1;
        position: relative;
        display: block
    }

@media (max-width:1199.98px) {
    .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-lg .nav-item {
        text-align: left
    }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-lg .nav-item .pmd-stepper-item {
            display: flex;
            width: 100%
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-lg .nav-item .pmd-stepper-media {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-lg .nav-item .pmd-stepper-title {
            align-self: center
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-lg .nav-item:not(:last-child):after {
            position: absolute;
            height: calc(100% - 3rem);
            width: 1px;
            right: auto;
            top: calc(2.5rem + 1.5rem);
            left: 2.5rem
        }
}

@media (max-width:991.98px) {
    .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-md .nav-item {
        text-align: left
    }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-md .nav-item .pmd-stepper-item {
            display: flex;
            width: 100%
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-md .nav-item .pmd-stepper-media {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-md .nav-item .pmd-stepper-title {
            align-self: center
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-md .nav-item:not(:last-child):after {
            position: absolute;
            height: calc(100% - 3rem);
            width: 1px;
            right: auto;
            top: calc(2.5rem + 1.5rem);
            left: 2.5rem
        }
}

@media (max-width:767.98px) {
    .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-sm .nav-item {
        text-align: left
    }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-sm .nav-item .pmd-stepper-item {
            display: flex;
            width: 100%
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-sm .nav-item .pmd-stepper-media {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-sm .nav-item .pmd-stepper-title {
            align-self: center
        }

        .pmd-stepper.pmd-stepper-bottom-label.pmd-stepper-vertical-sm .nav-item:not(:last-child):after {
            position: absolute;
            height: calc(100% - 3rem);
            width: 1px;
            right: auto;
            top: calc(2.5rem + 1.5rem);
            left: 2.5rem
        }
}

.pmd-stepper.pmd-stepper-vertical {
    flex-direction: column
}

    .pmd-stepper.pmd-stepper-vertical .nav-item {
        align-items: flex-start;
        flex-direction: column
    }

    .pmd-stepper.pmd-stepper-vertical .nav-item {
        text-align: left
    }

        .pmd-stepper.pmd-stepper-vertical .nav-item .pmd-stepper-item {
            display: flex;
            width: 100%
        }

        .pmd-stepper.pmd-stepper-vertical .nav-item .pmd-stepper-media {
            margin-bottom: 0;
            margin-right: .75rem
        }

        .pmd-stepper.pmd-stepper-vertical .nav-item .pmd-stepper-title {
            align-self: center
        }

        .pmd-stepper.pmd-stepper-vertical .nav-item:not(:last-child):after {
            position: absolute;
            height: calc(100% - 3rem);
            width: 1px;
            right: auto;
            top: calc(2.5rem + 1.5rem);
            left: 2.5rem
        }

    .pmd-stepper.pmd-stepper-vertical .pmd-stepper-content {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 1rem;
        margin-left: 4.25rem
    }

        .pmd-stepper.pmd-stepper-vertical .pmd-stepper-content p:last-child {
            margin-bottom: 0
        }

.pmd-subtitle {
    font-size: .875rem;
    line-height: 1.6;
    margin-top: -.375rem
}

.pmd-intro-bg-img {
    position: relative;
    width: 100%;
    background-position: center center;
    background-color: #000;
    background-size: cover
}

.pmd-intro-img-overlay:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    bottom: 0;
    margin: auto;
    position: absolute;
    content: "";
    opacity: .87;
    background: transparent linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 0,rgba(0,0,0,.6) 100%) repeat scroll 0 0
}

.pmd-intro-img-overlay:before {
    background: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.pmd-intro-gradient {
    position: relative
}

    .pmd-intro-gradient:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 11;
        bottom: 0;
        margin: auto;
        position: absolute;
        content: "";
        background: #000;
        background: -webkit-gradient(linear,left top,left bottom,from(#e1112e),to(#0971b2));
        background: linear-gradient(45deg,#e1112e 0,#0971b2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1112e', endColorstr='#0971b2', GradientType=0 );
        opacity: .87
    }

    .pmd-intro-gradient:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .2;
        z-index: 10
    }

.pmd-intro-container {
    min-height: 600px;
    padding: 30px 0;
    z-index: 89;
    position: relative
}

    .pmd-intro-container.text-light hr {
        border-top: 1px solid rgba(255,255,255,.16)
    }

.pmd-text-before-line, .pmd-text-before-line-dark {
    position: relative;
    padding-left: 40px
}

    .pmd-text-before-line:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 2px;
        background-color: rgba(255,255,255,.7);
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .pmd-text-before-line-dark:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 2px;
        background-color: rgba(0,0,0,.7);
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

.pmd-intro-img {
    z-index: 11
}

    .pmd-intro-img img {
        max-width: 100%
    }

.pmd-intro-img-wrapper {
    position: relative
}

    .pmd-intro-img-wrapper .pmd-intro-img {
        position: relative;
        z-index: 1
    }

@media (max-width:767px) {
    .pmd-intro-img-wrapper.order-3 {
        order: 1
    }
}

.pmd-intro-img-wrapper .pmd-animate-circle-wrapper {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.pmd-animate-circle-wrapper {
    position: absolute;
    overflow: hidden;
    z-index: 0;
    width: 600px;
    height: 600px
}

.pmd-animate-circle {
    border: 1px solid #4acc8e;
    border-radius: 50%;
    position: absolute
}

    .pmd-animate-circle span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #4acc8e;
        position: absolute;
        left: 50%
    }

.pmd-animate-circle-lg {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(23deg);
    -ms-transform: rotate(23deg);
    transform: rotate(23deg);
    -webkit-animation: circle-lg 35s linear infinite;
    animation: circle-lg 35s linear infinite;
    opacity: .5
}

.pmd-animate-circle-md {
    width: 500px;
    top: 50px;
    height: 500px;
    left: 50px;
    -webkit-transform: rotate(-41deg);
    -ms-transform: rotate(-41deg);
    transform: rotate(-41deg);
    -webkit-animation: circle-md 25s linear infinite;
    animation: circle-md 25s linear infinite;
    opacity: .3
}

.pmd-animate-circle-sm {
    width: 400px;
    top: 100px;
    height: 400px;
    left: 100px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation: circle-sm 15s linear infinite;
    animation: circle-sm 15s linear infinite;
    opacity: .2
}

.pmd-animate-circle-lg span.pmd-animate-circle-dot:nth-child(1n) {
    top: -5px;
    margin-left: -5px
}

.pmd-animate-circle-lg span.pmd-animate-circle-dot:nth-child(2n) {
    margin-left: -224px;
    top: 90px
}

.pmd-animate-circle-lg span.pmd-animate-circle-dot:nth-child(3n) {
    margin-left: -202px;
    top: 520px
}

.pmd-animate-circle-lg span.pmd-animate-circle-dot:nth-child(4n) {
    margin-left: 273px;
    top: 405px
}

.pmd-animate-circle-md span.pmd-animate-circle-dot:nth-child(1n) {
    top: -5px;
    margin-left: -5px
}

.pmd-animate-circle-md span.pmd-animate-circle-dot:nth-child(2n) {
    margin-left: -201px;
    top: 90px
}

.pmd-animate-circle-md span.pmd-animate-circle-dot:nth-child(3n) {
    margin-left: -202px;
    top: 398px
}

.pmd-animate-circle-md span.pmd-animate-circle-dot:nth-child(4n) {
    margin-left: 235px;
    top: 315px
}

.pmd-animate-circle-sm span.pmd-animate-circle-dot:nth-child(1n) {
    top: -5px;
    margin-left: -5px
}

.pmd-animate-circle-sm span.pmd-animate-circle-dot:nth-child(2n) {
    margin-left: -175px;
    top: 90px
}

.pmd-animate-circle-sm span.pmd-animate-circle-dot:nth-child(3n) {
    margin-left: -141px;
    top: 340px
}

.pmd-animate-circle-sm span.pmd-animate-circle-dot:nth-child(4n) {
    margin-left: 172px;
    top: 285px
}

@-webkit-keyframes circle-lg {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes circle-lg {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes circle-md {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes circle-md {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes circle-sm {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes circle-sm {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (max-width:767px) {
    .m-text-block {
        text-align: left !important;
        margin-top: 40px
    }
}

.pmd-img-sm {
    max-width: 150px;
    height: 150px
}

.pmd-img-md {
    max-width: 250px;
    height: 250px
}

.pmd-img-lg {
    max-width: 300px;
    height: 300px
}

.pmd-intro-fab-btn-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 20px auto 0
}

.pmd-intro-bg-img video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.social-links a:after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pmd-footer {
    padding: 20px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column
}

.pmd-site-info {
    font-size: 14px;
    margin: 0;
    color: rgba(0,0,0,.38)
}

    .pmd-site-info a {
        font-weight: 400;
        color: rgba(0,0,0,.8)
    }

    .pmd-site-info strong {
        color: #000;
        font-weight: 500
    }

    .pmd-site-info p {
        display: inline-block;
        margin: 0
    }

.pmd-footer-nav {
    padding: 0;
    margin: 0 -10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none
}

    .pmd-footer-nav li {
        padding: 0 10px
    }

        .pmd-footer-nav li a {
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 700;
            color: rgba(0,0,0,.7)
        }

            .pmd-footer-nav li a:hover {
                color: rgba(0,0,0,.9)
            }

.pmd-footer-nav-divider li {
    border-right: 1px solid rgba(0,0,0,.2)
}

    .pmd-footer-nav-divider li:last-child {
        border-right: 0
    }

.btn .pmd-svg-icons {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

    .btn .pmd-svg-icons svg {
        padding: 2px
    }

.btn.btn-sm .pmd-svg-icons.pmd-sm {
    height: 38px
}

    .btn.btn-sm .pmd-svg-icons.pmd-sm svg {
        width: 24px;
        height: 24px
    }

.btn.btn-md .pmd-svg-icons.pmd-md svg {
    width: 30px;
    height: 30px
}

.btn.btn-lg .pmd-svg-icons.pmd-lg svg {
    width: 45px;
    height: 45px
}

.pmd-social-icons .btn {
    margin: 0 2px
}

    .pmd-social-icons .btn img {
        width: 25px;
        height: 25px
    }

.pmd-footer-sub-title {
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle
}

.pmd-social-icons .pmd-footer-sub-title {
    padding-right: 20px
}

.pmd-visit-us {
    padding-top: 20px
}

    .pmd-visit-us .pmd-social-icons .btn {
        margin-bottom: -28px
    }

    .pmd-visit-us .pmd-social-icons .btn-sm {
        margin-bottom: -20px
    }

    .pmd-visit-us .pmd-social-icons .btn-md {
        margin-bottom: -28px
    }

    .pmd-visit-us .pmd-social-icons .btn-lg {
        margin-bottom: -39px
    }

@media (max-width:991px) {
    .pmd-visit-us {
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .pmd-visit-us {
        margin-bottom: 20px
    }
}

.pmd-social-inline {
    margin: 8px 0;
    text-align: center
}

    .pmd-social-inline .pmd-social-icons {
        margin: 0 auto
    }

@media (max-width:991px) {
    .pmd-social-inline {
        width: 100%;
        display: block;
        margin: 8px 0
    }
}

.pmd-footer-nav-hover li a {
    position: relative
}

    .pmd-footer-nav-hover li a:after {
        content: "";
        position: absolute;
        height: 2px;
        bottom: 0;
        left: 51%;
        right: 51%;
        background-color: rgba(0,0,0,.9);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .pmd-footer-nav-hover li a:hover:after {
        right: 0;
        left: 0
    }

.pmd-footer-nav-hover.effect-right li a:after {
    right: 0;
    left: 100%
}

.pmd-footer-nav-hover.effect-right li a:hover:after {
    left: 0
}

.pmd-footer-nav-hover.effect-left li a :after {
    right: 100%;
    left: 0
}

.pmd-footer-nav-hover.effect-left li a:hover:after {
    right: 0
}

.pmd-footer-dark {
    color: rgba(255,255,255,.85)
}

    .pmd-footer-dark .primary {
        color: rgba(255,255,255,.9)
    }

    .pmd-footer-dark .secondary {
        color: rgba(255,255,255,.7)
    }

    .pmd-footer-dark .disabled, .pmd-footer-dark .hint, .pmd-footer-dark .icon, .pmd-footer-dark .text-muted {
        color: rgba(255,255,255,.4)
    }

    .pmd-footer-dark .hover {
        color: rgba(255,255,255,.38)
    }

    .pmd-footer-dark .divider {
        color: rgba(255,255,255,.12)
    }

    .pmd-footer-dark .pmd-site-info {
        color: rgba(255,255,255,.38)
    }

        .pmd-footer-dark .pmd-site-info a {
            color: rgba(255,255,255,.8)
        }

        .pmd-footer-dark .pmd-site-info strong {
            color: #fff
        }

    .pmd-footer-dark .pmd-footer-nav li a {
        color: rgba(255,255,255,.7)
    }

        .pmd-footer-dark .pmd-footer-nav li a:hover {
            color: rgba(255,255,255,.9)
        }

    .pmd-footer-dark .pmd-footer-nav-hover li a:after {
        background-color: rgba(255,255,255,.9)
    }

    .pmd-footer-dark .pmd-footer-nav-divider li {
        border-color: rgba(255,255,255,.2)
    }

    .pmd-footer-dark .pmd-social-icons .btn .material-icons svg {
        fill: rgba(255,255,255,.5)
    }

    .pmd-footer-dark .pmd-social-icons .btn:hover .material-icons svg {
        fill: rgba(255,255,255,.9)
    }

    .pmd-footer-dark hr {
        border-color: rgba(255,255,255,.1)
    }

    .pmd-footer-dark .border-right {
        border-color: rgba(255,255,255,.3) !important
    }

    .pmd-footer-dark label {
        color: rgba(255,255,255,.7)
    }

    .pmd-footer-dark .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        color: rgba(255,255,255,.7)
    }

    .pmd-footer-dark .form-control {
        color: rgba(255,255,255,.8)
    }

    .pmd-footer-dark .pmd-textfield .form-control {
        border-bottom: solid 1px rgba(255,255,255,.12)
    }

    .pmd-footer-dark .pmd-list-subtitle {
        color: rgba(255,255,255,.87)
    }

    .pmd-footer-dark .pmd-list-title {
        color: #fff
    }

.pmd-list-transparent .list-group-item {
    background-color: transparent
}

.table-fixed-head {
    position: relative;
    overflow: hidden;
    border: 1px solid #eceeef
}

    .table-fixed-head .table, .table-fixed-head.table-responsive {
        border: 0;
        margin-bottom: 0
    }

        .table-fixed-head .table thead tr {
            position: initial;
            height: 0 !important
        }

            .table-fixed-head .table thead tr th .top-fixed {
                position: absolute;
                top: 0;
                padding: .5rem 0;
                opacity: 1
            }

                .table-fixed-head .table thead tr th .top-fixed * {
                    opacity: 1
                }

        .table-fixed-head .table .header-fixed {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
            background-color: #fff;
            border-bottom: 1px solid #eceeef
        }

        .table-fixed-head .table.table-dark .header-fixed {
            background-color: #212529
        }

        .table-fixed-head .table thead tr th {
            border: 0
        }

        .table-fixed-head .table tbody tr td {
            vertical-align: middle
        }

.section-inverse {
    color: rgba(255,255,255,.78)
}

.pmd-contact-us h4 {
    margin-top: 16px;
    border-bottom: 2px solid rgba(255,255,255,.34);
    display: inline-block;
    padding-bottom: 2px
}

.pmd-contact-us textarea {
    resize: none
}

.section-inverse {
    color: rgba(255,255,255,.85)
}

    .section-inverse .primary {
        color: rgba(255,255,255,.9)
    }

    .section-inverse .secondary {
        color: rgba(255,255,255,.7)
    }

    .section-inverse .disabled, .section-inverse .hint, .section-inverse .icon, .section-inverse .text-muted {
        color: rgba(255,255,255,.4)
    }

    .section-inverse .hover {
        color: rgba(255,255,255,.38)
    }

    .section-inverse .divider {
        color: rgba(255,255,255,.12)
    }

    .section-inverse .site-info {
        color: rgba(255,255,255,.38)
    }

        .section-inverse .site-info a {
            color: rgba(255,255,255,.8)
        }

        .section-inverse .site-info strong {
            color: #fff
        }

    .section-inverse .footer-menu li a {
        color: rgba(255,255,255,.7)
    }

        .section-inverse .footer-menu li a:hover {
            color: rgba(255,255,255,.9)
        }

    .section-inverse .content-hover-effect li a:after {
        background-color: rgba(255,255,255,.9)
    }

    .section-inverse .side-line-effect li {
        border-color: rgba(255,255,255,.2)
    }

    .section-inverse .border-right {
        border-color: rgba(255,255,255,.3) !important
    }

    .section-inverse label {
        color: rgba(255,255,255,.7)
    }

    .section-inverse .pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
        color: rgba(255,255,255,.7)
    }

    .section-inverse .form-control {
        color: rgba(255,255,255,.8)
    }

    .section-inverse .pmd-textfield .form-control {
        border-bottom: solid 1px rgba(255,255,255,.12)
    }

    .section-inverse .border-bottom, .section-inverse hr, .section-inverse.section.border-bottom {
        border-color: rgba(255,255,255,.1) !important
    }

    .section-inverse .pmd-list-subtitle {
        color: rgba(255,255,255,.5)
    }

    .section-inverse .media a, .section-inverse .pmd-list-title, .section-inverse p a {
        color: rgba(255,255,255,.8)
    }

    .section-inverse .social-icons .btn .material-icons svg {
        fill: rgba(255,255,255,.5)
    }

    .section-inverse .social-icons .btn:hover .material-icons svg {
        fill: rgba(255,255,255,.9)
    }

    .section-inverse .social-icons .btn-light.btn .material-icons svg {
        fill: rgba(0,0,0,.5)
    }

    .section-inverse .social-icons .btn-light.btn:hover .material-icons svg {
        fill: rgba(0,0,0,.9)
    }

.pmd-word-break {
    word-break: break-word
}

@media (max-width:767px) {
    .pmd-contact-us h4 {
        margin-top: 8px
    }

    .sm-mb-4 {
        margin-bottom: 40px
    }
}

.border-primary {
    border-color: #34316E !important
}

.border-secondary {
    border-color: #F58634 !important
}

.border-success {
    border-color: #4caf50 !important
}

.border-info {
    border-color: #03a9f4 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #ff4940 !important
}

.border-light {
    border-color: #dedfdf !important
}

.border-dark {
    border-color: #929495 !important
}

.border-darker {
    border-color: #1e1e2d !important
}

.bg-primary {
    background-color: #34316E !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #23214b !important
}

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

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

.bg-success {
    background-color: #4caf50 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #3d8b40 !important
}

.bg-info {
    background-color: #03a9f4 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #0286c2 !important
}

.bg-warning {
    background-color: #ffc107 !important
}

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

.bg-danger {
    background-color: #ff4940 !important
}

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

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

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

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

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #787b7c !important
}

.bg-darker {
    background-color: #1e1e2d !important
}

a.bg-darker:focus, a.bg-darker:hover, button.bg-darker:focus, button.bg-darker:hover {
    background-color: #0a0a0e !important
}

.text-primary {
    color: #34316E !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #23214b !important
}

.text-secondary {
    color: #F58634 !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #ea6a0c !important
}

.text-success {
    color: #4caf50 !important
}

a.text-success:focus, a.text-success:hover {
    color: #3d8b40 !important
}

.text-info {
    color: #03a9f4 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0286c2 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #ff4940 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #ff0d2a !important
}

.text-light {
    color: #dedfdf !important
}

a.text-light:focus, a.text-light:hover {
    color: #c4c6c6 !important
}

.text-dark {
    color: #333 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #787b7c !important
}

.text-darker {
    color: #1e1e2d !important
}

a.text-darker:focus, a.text-darker:hover {
    color: #0a0a0e !important
}

.margin-r8 {
    margin-right: 8px !important
}

@media screen and (min-width:1300px) {
    .hide-large-desk {
        display: none
    }

    .show-large-desk {
        display: block
    }

    .hide-short-desk {
        display: none
    }
}

@media screen and (max-width:1299px) {
    .show-large-desk {
        display: none
    }
    .show-short-desk {
        display:block 
    }
}

table.dataTable {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

    table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_desc_disabled::after {
        font-family: 'Material Icons';
        font-size: 18px;
        right: 0;
        bottom: 8px;
        opacity: .5
    }

    table.dataTable thead .sorting::after {
        content: ""
    }

    table.dataTable thead .sorting_desc::after {
        content: "\E5C7"
    }

    table.dataTable thead .sorting_asc::after {
        content: "\E5C5"
    }

    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
        content: ""
    }

    table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before {
        border: medium none;
        box-shadow: none;
        font-size: 18px;
        left: inherit;
        right: 10px;
        background-color: #fff;
        color: #F58634;
        height: 22px;
        line-height: 21px;
        width: 22px;
        top: 44%
    }

    table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before {
        background-color: #fff
    }

    table.dataTable > tbody > tr.child {
        background-color: #fff
    }

        table.dataTable > tbody > tr.child ul {
            display: block
        }

            table.dataTable > tbody > tr.child ul.dtr-details {
                width: 100%;
                white-space: normal
            }

                table.dataTable > tbody > tr.child ul.dtr-details .dtr-title {
                    padding-right: .5rem;
                    font-size: .875rem;
                    font-weight: 500
                }

                table.dataTable > tbody > tr.child ul.dtr-details .dtr-data {
                    font-weight: 700;
                    font-size: .875rem
                }

    table.dataTable td.select-checkbox {
        width: 24px
    }

        table.dataTable td.select-checkbox::after, table.dataTable td.select-checkbox::before {
            box-sizing: border-box;
            display: block;
            top: 50%;
            position: absolute;
            left: 50%
        }

        table.dataTable td.select-checkbox::before {
            border-color: rgba(0,0,0,.38);
            border-radius: .125rem;
            border-style: solid;
            border-width: .125rem;
            content: "";
            height: 18px;
            width: 18px;
            margin-left: -9px;
            margin-top: -10px
        }

    table.dataTable tr.selected td.select-checkbox::after {
        opacity: 1;
        transform: rotate(45deg);
        border-image: none;
        border-style: none solid solid none;
        border-width: 0 .125rem .125rem 0;
        color: #fff;
        content: "";
        display: table;
        height: 12px;
        position: absolute;
        transition: all .2s ease 0s;
        width: 6px;
        margin: -9px 0 0 -3px
    }

    table.dataTable tr.selected td.select-checkbox::before {
        background-color: #F58634;
        border-color: #F58634
    }

    table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected, table.dataTable.display tbody > tr.selected, table.dataTable.display tbody > tr > .selected, table.dataTable.hover tbody > tr.selected, table.dataTable.hover tbody > tr > .selected, table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected {
        background-color: rgba(52,49,110,.09)
    }

        table.dataTable tbody > tr.selected:hover, table.dataTable tbody > tr > .selected:hover, table.dataTable.display tbody > tr.odd.selected:hover, table.dataTable.display tbody > tr.odd > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.stripe tbody > tr.odd.selected:hover, table.dataTable.stripe tbody > tr.odd > .selected:hover {
            background-color: rgba(52,49,110,.09)
        }

        table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
            background-color: transparent
        }

    table.dataTable.table-dark tbody > tr.selected, table.dataTable.table-dark tbody > tr > .selected, table.dataTable.table-dark.display tbody > tr.odd.selected, table.dataTable.table-dark.display tbody > tr.odd > .selected, table.dataTable.table-dark.display tbody > tr.selected, table.dataTable.table-dark.display tbody > tr > .selected, table.dataTable.table-dark.hover tbody > tr.selected, table.dataTable.table-dark.hover tbody > tr > .selected, table.dataTable.table-dark.stripe tbody > tr.odd.selected, table.dataTable.table-dark.stripe tbody > tr.odd > .selected {
        background-color: #313131
    }

        table.dataTable.table-dark.display tbody > tr.even.selected > .sorting_1, table.dataTable.table-dark.display tbody > tr.odd.selected > .sorting_1, table.dataTable.table-dark.order-column.stripe tbody > tr.even.selected > .sorting_1, table.dataTable.table-dark.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
            background-color: #313131
        }

    table.dataTable.table-dark td.select-checkbox::before {
        border-color: rgba(255,255,255,.87)
    }

div.dataTables_wrapper .pmd-datatable-pagination {
    text-align: right;
    line-height: 40px;
    margin: -8px -16px
}

    div.dataTables_wrapper .pmd-datatable-pagination > div {
        display: inline-block;
        vertical-align: middle
    }

    div.dataTables_wrapper .pmd-datatable-pagination div.dataTables_info {
        padding: 0;
        margin-left: 32px
    }

    div.dataTables_wrapper .pmd-datatable-pagination div.dataTables_length select {
        width: 48px;
        border-width: 0;
        border-bottom-width: 1px;
        box-shadow: none;
        padding: 0;
        border-radius: 0;
        height: 24px;
        line-height: 24px
    }

    div.dataTables_wrapper .pmd-datatable-pagination .pagination {
        margin: 0
    }

@media (max-width:767.98px) {
    div.dataTables_wrapper .pmd-datatable-pagination .pagination {
        display: block
    }
}

div.dataTables_wrapper .pmd-datatable-pagination .pagination li a, div.dataTables_wrapper .pmd-datatable-pagination .pagination li span, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.disabled a, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.disabled span {
    background: 0 0;
    border: none;
    margin-right: 4px;
    border-radius: 3px;
    min-width: 24px;
    text-align: center;
    padding: 4px 4px;
    border: 1px solid;
    border-color: transparent;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0
}

div.dataTables_wrapper .pmd-datatable-pagination .pagination li.active a, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.active span {
    background: #fff;
    color: #333;
    border: 1px solid rgba(0,0,0,.15)
}

div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous {
    margin: 0 12px
}

    div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next a.page-link, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous a.page-link {
        font-family: 'Material Icons';
        font-size: 24px;
        height: auto;
        line-height: 24px;
        padding: 0;
        background-color: transparent;
        border: none;
        margin: 0;
        color: #34316E
    }

        div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next a.page-link:active, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next a.page-link:focus, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next a.page-link:hover, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous a.page-link:active, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous a.page-link:focus, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous a.page-link:hover {
            box-shadow: none
        }

    div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next.disabled a.page-link, div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous.disabled a.page-link {
        color: rgba(0,0,0,.38)
    }

    div.dataTables_wrapper .pmd-datatable-pagination .pagination li.previous a:before {
        content: "\e5cb"
    }

    div.dataTables_wrapper .pmd-datatable-pagination .pagination li.next a:before {
        content: "\e5cc"
    }

div.dataTables_wrapper .pmd-datatable-pagination .pagination > li {
    display: inline-block;
    vertical-align: middle
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-left: 20px
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        vertical-align: middle
    }

div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .search-paper {
        float: none
    }
}

.data-table-title {
    display: inline-block
}

.pmd-custom-select {
    margin: 0;
    border-bottom: 1px solid #ccc;
    width: 120px;
    overflow: hidden;
    background-color: #fff;
    padding: 2px 0 2px 0;
    margin-left: 32px;
    position: relative
}

    .pmd-custom-select:after {
        content: "\E5C5";
        font-family: 'Material Icons';
        font-size: 18px;
        position: absolute;
        right: 0;
        top: -6px;
        color: rgba(0,0,0,.54);
        z-index: 1
    }

    .pmd-custom-select select {
        padding: 5px 8px;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        z-index: 2
    }

        .pmd-custom-select select::after {
            position: absolute;
            right: 8px;
            font-size: 18px;
            top: -3px
        }

        .pmd-custom-select select:focus {
            outline: 0;
            background-color: transparent
        }

@media screen and (max-width:640px) {
    div.dataTables_wrapper div.dataTables_length label {
        position: relative
    }

    div.dataTables_wrapper .pmd-datatable-pagination div.dataTables_info {
        margin-left: 0;
        word-wrap: break-word
    }

    div.dataTables_wrapper div.dataTables_paginate {
        margin-left: 0
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
        margin-left: 0
    }

    div.dataTables_wrapper div.dataTables_info {
        white-space: inherit
    }

    .custom-select-title {
        vertical-align: top
    }

    .pmd-custom-select {
        margin-left: 0
    }

    .pmd-datatable-pagination {
        float: none
    }

        .pmd-datatable-pagination > div {
            display: inline-block;
            width: 100%;
            margin-bottom: 8px
        }

    .search-paper {
        width: 100%;
        margin-bottom: -20px;
        margin-top: 20px
    }

        .search-paper label {
            width: 100%
        }

    .pagination li.next, .pagination li.previous {
        margin: 0 4px
    }
}

.dataTables_wrapper {
    position: relative;
    padding: 0
}

.custom-select-info {
    background-color: #fff;
    border-bottom: solid 1px rgba(0,0,0,.12);
    height: 70px;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 1rem;
    display: flex;
    z-index: 1
}

    .custom-select-info .custom-select-item {
        padding-right: 1rem;
        border-right: solid 1px rgba(0,0,0,.12);
        margin-right: 1rem
    }

.pmd-card.bg-dark .pmd-custom-select {
    background: 0 0
}

    .pmd-card.bg-dark .pmd-custom-select::after {
        color: #fff
    }

.pmd-card.bg-dark div.dataTables_length select {
    color: #fff
}

    .pmd-card.bg-dark div.dataTables_length select option {
        color: rgba(0,0,0,.87)
    }

.pmd-card.bg-dark .custom-select-info {
    background-color: rgba(0,0,0,.87);
    height: 64px;
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 64px;
    padding: 0 16px;
    font-size: 16px
}

.pmd-card.bg-dark table.dataTable > tbody > tr.child {
    background-color: rgba(0,0,0,.87)
}

    .pmd-card.bg-dark table.dataTable > tbody > tr.child:hover {
        background-color: rgba(0,0,0,.87)
    }

.pmd-calendar {
    position: relative
}

    .pmd-calendar .fc-header-toolbar {
        padding: 1.25rem;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        background-color: #fff;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

@media (max-width:991.98px) {
    .pmd-calendar .fc-header-toolbar {
        flex-direction: column
    }
}

.pmd-calendar .fc-header-toolbar .fc-today-button {
    border-radius: 3.125rem;
    background-color: transparent;
    color: #34316E;
    border-color: #34316E
}

.pmd-calendar .fc-header-toolbar .fc-listMonth-button {
    border-top-right-radius: 3.125rem;
    border-bottom-right-radius: 3.125rem
}

.pmd-calendar .fc-header-toolbar .btn-primary:not(:disabled):not(.disabled):active, .pmd-calendar .fc-header-toolbar .fc-listDay-button, .pmd-calendar .fc-header-toolbar .fc-listMonth-button, .pmd-calendar .fc-header-toolbar .fc-listWeek-button, .pmd-calendar .fc-header-toolbar .fc-month-button {
    background-color: transparent;
    color: #34316E;
    border-color: #34316E
}

.pmd-calendar .fc-header-toolbar .btn-primary:not(:disabled):not(.disabled).active {
    background-color: #34316E;
    border-color: #34316E;
    color: #fff
}

    .pmd-calendar .fc-header-toolbar .btn-primary:not(:disabled):not(.disabled).active:focus, .pmd-calendar .fc-header-toolbar .btn-primary:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
        outline: 0
    }

.pmd-calendar .fc-header-toolbar .fc-next-button, .pmd-calendar .fc-header-toolbar .fc-prev-button {
    background-color: transparent;
    border-radius: 50% !important;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0;
    margin: 0 4px;
    border-color: #34316E;
    display: inline-block
}

    .pmd-calendar .fc-header-toolbar .fc-next-button.btn-primary.focus, .pmd-calendar .fc-header-toolbar .fc-prev-button.btn-primary.focus {
        box-shadow: none
    }

    .pmd-calendar .fc-header-toolbar .fc-next-button.btn-primary:focus, .pmd-calendar .fc-header-toolbar .fc-prev-button.btn-primary:focus {
        box-shadow: none
    }

.pmd-calendar .fc-header-toolbar .fa-chevron-left {
    font-family: 'Material Icons';
    font-size: 24px
}

    .pmd-calendar .fc-header-toolbar .fa-chevron-left::after {
        font-family: "Material icons";
        content: "\e5cb";
        color: #34316E
    }

.pmd-calendar .fc-header-toolbar .fa-chevron-right {
    font-family: 'Material Icons';
    font-size: 24px
}

    .pmd-calendar .fc-header-toolbar .fa-chevron-right::after {
        font-family: "Material icons";
        content: "\e5cc";
        color: #34316E
    }

.pmd-calendar .fc-header-toolbar .fc-left {
    float: none;
    width: 33.3%
}

@media (max-width:991.98px) {
    .pmd-calendar .fc-header-toolbar .fc-left {
        margin-bottom: 1rem;
        width: 100%;
        justify-content: center;
        display: flex
    }
}

.pmd-calendar .fc-header-toolbar .fc-right {
    float: none;
    order: 3;
    display: flex;
    justify-content: flex-end;
    width: 33.3%
}

@media (max-width:991.98px) {
    .pmd-calendar .fc-header-toolbar .fc-right {
        justify-content: center;
        width: 100%
    }
}

.pmd-calendar .fc-header-toolbar .fc-center {
    width: 33.3%;
    justify-content: center;
    display: flex
}

@media (max-width:991.98px) {
    .pmd-calendar .fc-header-toolbar .fc-center {
        margin-bottom: 1rem;
        width: 100%
    }
}

.pmd-calendar .fc-header-toolbar .fc-center h2 {
    vertical-align: middle;
    margin: 0 1.5rem;
    font-weight: 500;
    display: inline-block
}

.pmd-calendar .fc-view-container {
    background-color: #fff;
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06)
}

.pmd-calendar .table-bordered td, .pmd-calendar .table-bordered th {
    line-height: 1.5;
    vertical-align: middle;
    text-align: left;
    transition: all .2s ease-in-out
}

.pmd-calendar .table-bordered thead th {
    font-weight: 500;
    color: rgba(0,0,0,.64);
    border-top: none;
    font-size: .875rem;
    border-bottom: 1px solid;
    text-transform: uppercase;
    border-bottom-width: 1px
}

@media (max-width:767.98px) {
    .pmd-calendar .table-bordered thead th {
        font-size: .75rem
    }
}

.pmd-calendar .table-bordered thead td {
    border-bottom-width: 1px
}

.pmd-calendar .table-bordered tbody + tbody {
    border-top: 2px solid
}

.pmd-calendar .table-bordered .fc-day-top {
    padding: .5rem .25rem
}

    .pmd-calendar .table-bordered .fc-day-top .fc-day-number {
        float: left;
        color: rgba(0,0,0,.64);
        font-weight: 500
    }

.pmd-calendar .table-bordered .fc-day-header {
    padding: .5rem .25rem
}

.pmd-calendar .fc-event {
    margin: 1px 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    border: none
}

.pmd-calendar .fc-today.alert-info {
    background: #fdebde
}

.pmd-calendar .fc-highlight-skeleton .fc-highlight {
    background: #fdebde;
    opacity: .5
}

.pmd-calendar .fc-more-popover .fc-event-container .fc-event {
    margin: 1px 0
}

.pmd-calendar .fc-time-grid .fc-slats .fc-minor td {
    border: none
}

.pmd-calendar .fc-time-grid .fc-slats .fc-time {
    font-size: 12px;
    text-align: center
}

.pmd-calendar .fc-divider {
    border-bottom-width: 0
}

.pmd-calendar.fc button {
    font-weight: 700;
    border-width: 1px;
    text-transform: uppercase;
    padding: .625rem 1.5rem;
    font-size: .875rem;
    line-height: 1.1;
    border-radius: 3.125rem;
    transition: color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in;
    height: auto;
    background-color: transparent;
    border-color: #34316E
}

@media (max-width:767.98px) {
    .pmd-calendar.fc button {
        padding: 8px 10px
    }
}

.pmd-calendar .fc-event, .pmd-calendar .fc-event-dot {
    background-color: #F58634
}

.pmd-calendar.fc-ltr .fc-h-event.fc-not-start, .pmd-calendar.fc-rtl .fc-h-event.fc-not-end {
    padding-left: 8px
}

.pmd-calendar .fc-list-table {
    overflow-x: auto;
    display: block
}

    .pmd-calendar .fc-list-table tbody {
        display: table;
        width: 100%
    }

a:active, a:focus, a:hover {
    box-shadow: none;
    outline: 0
}

button:active, button:focus, button:hover {
    outline: 0
}

textarea {
    resize: none;
    min-height: 60px
}

    textarea::-webkit-scrollbar-track {
        border-radius: 2px
    }

    textarea::-webkit-scrollbar {
        width: 5px;
        background-color: #dedfdf
    }

    textarea::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0,0,0,.38);
        background-color: #929495
    }

@media (max-width:991.98px) {
    .display-3 {
        font-size: 2.125rem;
        line-height: 2.5rem
    }
}

@media (max-width:767.98px) {
    .h1, h1 {
        font-size: 1.5rem
    }

    .h2, h2 {
        font-size: 1.25rem
    }

    .h3, h3 {
        font-size: 1.125rem
    }

    .display-4 {
        font-size: 1.75rem
    }
}

.alert.alert-dismissible .border-left {
    border-color: rgba(0,0,0,.12) !important
}

.pmd-card.pmd-card-transparent {
    box-shadow: none;
    padding: 0;
    background: 0 0
}

.md-danger-circle {
    color: #ff4940;
    background-color: #ffd9de
}

.md-primary-circle {
    color: #34316E;
    background: #e1e0f1
}

.pmd-navbar.navbar {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media screen and (min-width:1300px) {
    .pmd-navbar.navbar {
        left: 260px;
        min-height: 72px;
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (max-width:767.98px) {
    .pmd-navbar.navbar {
        padding-left: 1rem;
        padding-right: 1rem
    }

        .pmd-navbar.navbar .navbar-brand {
            margin-right: 0
        }

        .pmd-navbar.navbar .btn.pmd-btn-fab {
            margin-right: .1rem
        }
}

.pmd-navbar.navbar .pmd-navbar-right-icon a {
    padding-right: 0
}

.pmd-btn-fab .pmd-badge[data-badge]::after {
    top: -4px
}

.pmd-dropdown .notifications-dropdown {
    width: 340px;
    padding: 0;
    margin-top: 6px;
    box-shadow: none
}

    .pmd-dropdown .notifications-dropdown .pmd-card {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.12),0 8px 10px 1px rgba(0,0,0,.08)
    }

        .pmd-dropdown .notifications-dropdown .pmd-card .pmd-list {
            max-height: 300px;
            overflow-y: auto
        }

            .pmd-dropdown .notifications-dropdown .pmd-card .pmd-list .list-group-item {
                padding: .75rem 1rem
            }

                .pmd-dropdown .notifications-dropdown .pmd-card .pmd-list .list-group-item:last-child {
                    border-bottom: none
                }

                .pmd-dropdown .notifications-dropdown .pmd-card .pmd-list .list-group-item.unread {
                    background: #fef6ef
                }

                .pmd-dropdown .notifications-dropdown .pmd-card .pmd-list .list-group-item .pmd-list-title {
                    font-size: .875rem;
                    line-height: 1.5;
                    margin-bottom: 0
                }

        .pmd-dropdown .notifications-dropdown .pmd-card .view-all {
            width: 100%;
            border-top: solid 1px rgba(0,0,0,.12);
            border-radius: 0
        }

    .pmd-dropdown .notifications-dropdown.user-profile-dropdown {
        width: 220px;
        margin-top: 17px
    }

        .pmd-dropdown .notifications-dropdown.user-profile-dropdown .list-group-item {
            font-size: .875rem
        }

@media (max-width:767.98px) {
    .pmd-dropdown .notifications-dropdown {
        left: 1rem;
        right: 1rem;
        width: auto;
        position: fixed;
        top: 60px;
        margin-top: 0
    }
}

.pmd-sidebar-left-fixed {
    -ms-transform: translate3d(-270px,0,0);
    -webkit-transform: translate3d(-270px,0,0);
    transform: translate3d(-270px,0,0)
}

.pmd-sidebar-left {
    z-index: 1031
}

.pmd-sidebar-nav {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: block
}

    .pmd-sidebar-nav::-webkit-scrollbar-track {
        border-radius: 2px
    }

    .pmd-sidebar-nav::-webkit-scrollbar {
        width: 5px;
        background-color: #dedfdf
    }

    .pmd-sidebar-nav::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0,0,0,.38);
        background-color: #929495
    }

    .pmd-sidebar-nav .nav-item > .nav-link {
        font-size: .875rem
    }

        .pmd-sidebar-nav .nav-item > .nav-link .pmd-list-icon {
            width: 26px
        }

        .pmd-sidebar-nav .nav-item > .nav-link .pmd-accordion-arrow {
            -ms-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            transition: .3s
        }

        .pmd-sidebar-nav .nav-item > .nav-link.collapsed .pmd-accordion-arrow {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
            transition: .3s
        }

    .pmd-sidebar-nav .nav-item ul {
        background-color: rgba(0,0,0,.24)
    }

        .pmd-sidebar-nav .nav-item ul.show {
            background-color: rgba(0,0,0,.24)
        }

        .pmd-sidebar-nav .nav-item ul .nav-item .nav-link {
            font-size: .875rem;
            position: relative;
            padding-left: 3.75rem
        }

            .pmd-sidebar-nav .nav-item ul .nav-item .nav-link:before {
                content: '';
                position: absolute;
                left: 45px;
                top: 17px;
                width: 4px;
                height: 4px;
                border-radius: 3.125rem
            }

@media screen and (min-width:1300px) {
    .humburger-menu, .pmd-sidebar-overlay {
        display: none
    }
}

@media screen and (max-width:1300px) {
    .pmd-sidebar-left-fixed {
        padding-top: 5rem
    }
}

@media (max-width:767.98px) {
    .pmd-sidebar-left-fixed {
        padding-top: 6.5rem
    }
}

.pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

    .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link:active, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link:focus, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link:hover {
        color: #F58634
    }

        .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link:active .material-icons, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link:focus .material-icons, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link:hover .material-icons {
            color: #F58634
        }

    .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link.active {
        color: #F58634
    }

        .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item > .nav-link.active .material-icons {
            color: #F58634
        }

.pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:before {
    background: rgba(255,255,255,.5)
}

.pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:active, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:focus, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:hover {
    color: #F58634
}

    .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:active:before, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:focus:before, .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link:hover:before {
        background: #F58634
    }

.pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link.active {
    color: #F58634
}

    .pmd-sidebar-dark .pmd-sidebar-nav > .nav-item ul .nav-item .nav-link.active:before {
        background: #F58634
    }

.pmd-sidebar-dark .navbar-header .navbar-brand.navbar-custom-brand {
    background: #23214b;
    text-align: center;
    padding: 1rem;
    margin-right: 0
}

.pmd-user-info .btn-user {
    display: block
}

    .pmd-user-info .btn-user img {
        margin-bottom: .625rem
    }

.pmd-sidebar.add-sidebar.pmd-sidebar-open {
    width: 360px
}

@media (max-width:767.98px) {
    .pmd-sidebar.add-sidebar.pmd-sidebar-open {
        width: 280px
    }
}

.pmd-sidebar.add-sidebar .pmd-card {
    margin: 0;
    box-shadow: none
}

.badge {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Open Sans",sans-serif
}

    .badge.pmd-badge-outline-success {
        color: #4caf50;
        border: 1px solid #4caf50;
        background: 0 0
    }

    .badge.pmd-badge-outline-secondary {
        color: #F58634;
        border: 1px solid #F58634;
        background: 0 0
    }

    .badge.pmd-badge-error {
        color: white;
        border: 1px solid #ff4940;
        background-color: #ff4940
    }

    .badge.pmd-badge-outline-light {
        color: rgba(0,0,0,.38);
        border: 1px solid rgba(0,0,0,.38);
        background: 0 0
    }

.media.media-card {
    border: solid 1px rgba(0,0,0,.12);
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: .25rem;
    position: relative;
    height: calc(100% - 30px)
}

@media (max-width:767.98px) {
    .media.media-card {
        margin-bottom: 1.25rem;
        height: calc(100% - 20px)
    }
}

.media.media-card .pmd-icon-space {
    margin-right: 1rem
}

@media (max-width:767.98px) {
    .media.media-card {
        flex-direction: column
    }

        .media.media-card .pmd-icon-space {
            margin-right: 0;
            margin-bottom: .5rem
        }

        .media.media-card .pmd-dropdown.pmd-user-info {
            position: absolute;
            right: 1rem;
            top: 1rem
        }
}

.pmd-sidebar-slide-push.pmd-sidebar-open ~ .pmd-footer {
    padding-left: 260px
}

.pmd-site-info {
    color: rgba(0,0,0,.64);
    padding-left: .75rem
}

.pmd-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-top: 1px solid rgba(0,0,0,.12)
}

@media (max-width:1199.98px) {
    .pmd-site-info {
        padding-left: 0
    }
}

.pmd-breadcrumb {
    background-color: transparent;
    padding: 0
}

    .pmd-breadcrumb .breadcrumb-item {
        font-size: .805rem;
        font-weight: 600
    }

        .pmd-breadcrumb .breadcrumb-item a {
            color: rgba(0,0,0,.38)
        }

            .pmd-breadcrumb .breadcrumb-item a:active, .pmd-breadcrumb .breadcrumb-item a:focus, .pmd-breadcrumb .breadcrumb-item a:hover {
                color: #34316E
            }

        .pmd-breadcrumb .breadcrumb-item.active {
            color: #F58634
        }

.pmd-custom-file {
    height: 48px;
    margin-bottom: 1rem
}

    .pmd-custom-file .custom-file-label {
        border: solid 1px rgba(0,0,0,.12) !important;
        border-radius: .25rem;
        padding: .75rem 1rem;
        height: 48px;
        color: rgba(0,0,0,.64)
    }

        .pmd-custom-file .custom-file-label:active, .pmd-custom-file .custom-file-label:focus, .pmd-custom-file .custom-file-label:hover {
            border: solid 1px rgba(0,0,0,.12) !important
        }

        .pmd-custom-file .custom-file-label:after {
            height: 100%;
            line-height: 2.2
        }

.fileinput {
    background-color: #dedfdf
}

    .fileinput.file-upload-140 {
        width: 140px;
        position: relative
    }

        .fileinput.file-upload-140 .thumbnail {
            width: 140px;
            height: 140px
        }

@media (max-width:767.98px) {
    .pmd-tabs .nav-tabs .nav-link {
        padding: 1rem .5rem 1rem
    }
}

.global-search {
    position: relative
}

    .global-search .search-form {
        position: absolute;
        width: 40px;
        right: 15px;
        top: 8px;
        opacity: 0;
        z-index: -1;
        background: #fff;
        transition: .3s
    }

        .global-search .search-form input {
            font-size: .875rem
        }

        .global-search .search-form .search-form-close {
            position: absolute;
            right: -1px;
            top: 0;
            bottom: 0;
            margin: auto
        }

@media (max-width:767.98px) {
    .global-search .search-form {
        left: 0;
        width: 100%;
        position: fixed;
        padding: .625rem 1rem;
        top: -100%
    }

        .global-search .search-form .search-form-close {
            right: 15px
        }
}

.global-search.active .search-form {
    width: 340px;
    opacity: 1;
    z-index: 1;
    transition: .3s
}

@media (max-width:991.98px) {
    .global-search.active .search-form {
        width: 280px
    }
}

@media (max-width:767.98px) {
    .global-search.active .search-form {
        top: 0;
        width: 100%
    }
}

.pmd-bordered-list .list-group-item:not(:last-child) {
    border-bottom: none
}

@media (max-width:767.98px) {
    .pmd-list .list-group-item {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:767.98px) {
    .pmd-table-card.table.pmd-table tr:last-child {
        margin-bottom: 0
    }

    .pmd-table-card.table.pmd-table td {
        text-align: left
    }

        .pmd-table-card.table.pmd-table td[data-title]:before {
            display: block;
            float: none;
            font-size: .875rem
        }
}

.pmd-data-table .dataTables_wrapper .datatable-search {
    margin: 0
}

@media (max-width:767.98px) {
    .pmd-data-table .dataTables_wrapper .datatable-search {
        width: 100%
    }
}

.pmd-data-table .dataTables_wrapper .datatable-search label {
    display: block;
    position: relative
}

    .pmd-data-table .dataTables_wrapper .datatable-search label:after {
        content: 'search';
        position: absolute;
        font-family: 'Material Icons';
        font-size: 1.5rem;
        top: 14px;
        right: 15px
    }

    .pmd-data-table .dataTables_wrapper .datatable-search label input.form-control {
        width: 280px;
        height: 50px;
        margin-left: 0;
        padding-right: 2.5rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none
    }

        .pmd-data-table .dataTables_wrapper .datatable-search label input.form-control::-webkit-search-cancel-button, .pmd-data-table .dataTables_wrapper .datatable-search label input.form-control::-webkit-search-decoration, .pmd-data-table .dataTables_wrapper .datatable-search label input.form-control::-webkit-search-results-button, .pmd-data-table .dataTables_wrapper .datatable-search label input.form-control::-webkit-search-results-decoration {
            display: none
        }

@media (max-width:767.98px) {
    .pmd-data-table .dataTables_wrapper .datatable-search label input.form-control {
        width: 100%
    }
}

.pmd-data-table .dataTables_wrapper td:first-child, .pmd-data-table .dataTables_wrapper th:first-child {
    padding-left: 1.5rem
}

.pmd-data-table .dataTables_wrapper thead th {
    border-bottom: none
}

.pmd-data-table .dataTables_wrapper .card-footer {
    margin-top: 0;
    padding-top: 1.25rem
}

.pmd-data-table.data-table-no-header .dataTables_wrapper .custom-select-info {
    position: relative
}

.pmd-data-table.data-table-no-header .dataTables_wrapper .pmd-table th {
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media (max-width:767.98px) {
    .pmd-stepper.horizontal-stepper .nav-item {
        align-items: flex-start;
        position: relative;
        justify-content: center
    }

        .pmd-stepper.horizontal-stepper .nav-item:not(:first-child):before, .pmd-stepper.horizontal-stepper .nav-item:not(:last-child):after {
            position: absolute;
            top: 32px;
            width: 20px
        }

        .pmd-stepper.horizontal-stepper .nav-item:not(:first-child):before {
            left: 0
        }

        .pmd-stepper.horizontal-stepper .nav-item:not(:last-child):after {
            right: 0
        }

        .pmd-stepper.horizontal-stepper .nav-item .pmd-stepper-item {
            padding: 1rem .5rem
        }

            .pmd-stepper.horizontal-stepper .nav-item .pmd-stepper-item .pmd-stepper-title {
                font-size: .875rem
            }
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .active-media, .pmd-stepper.pmd-stepper-vertical.vertical-timeline .pending-media {
    display: none
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .nav-item .pmd-stepper-item {
    padding-left: 0;
    padding-right: 0
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .nav-item:first-child .pmd-stepper-item {
    padding-top: 0
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .nav-item:last-child .pmd-stepper-item {
    padding-bottom: 0
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .nav-item:after {
    left: 1rem
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .nav-item.active .active-media {
    display: block
}

.pmd-stepper.pmd-stepper-vertical.vertical-timeline .nav-item.disabled .pending-media {
    display: block
}

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

body {
    margin-bottom: 100px
}

.pmd-content {
    padding-top: 6rem;

}

@media (max-width:1199.98px) {
    .pmd-content {
        padding-top: 5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

}

@media (max-width:767.98px) {
    .pmd-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.page-content {
    max-width: 1140px;
    margin: auto;
    background-color: white;
    border-radius: 0.25rem; /*20px*/
}

.pmd-detail-section {
    border-bottom: solid 1px rgba(0,0,0,.12);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

    .pmd-detail-section:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

.blank-state-container {
    min-height: 600px
}

@media (max-width:767.98px) {
    .blank-state-container {
        min-height: 400px
    }
}

.search-no-result-found {
    margin-top: 6rem
}

.dataTables_empty, .no-message-found {
    padding: 1.5rem 0;
    color: rgba(0,0,0,.38)
}

.errorpage {
    min-height: calc(100vh - 100px)
}

    .errorpage.error-blank-page {
        min-height: 100vh;
        padding: 1.25rem
    }

    .errorpage .error-page-w {
        max-width: 540px
    }

.title-label {
    font-size: .875rem;
    color: rgba(0,0,0,.64);
    margin: 0;
    display: block
}

.pmd-card .pmd-list {
    box-shadow: none
}

@media (max-width:767.98px) {
    .pmd-card {
        margin-bottom: 20px
    }

        .pmd-card .card-header {
            padding: 1rem 1rem 0;
            margin-bottom: 1rem
        }

            .pmd-card .card-header.pmd-card-border {
                padding-bottom: 1rem
            }

        .pmd-card .card-body {
            padding: 0 1rem;
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .pmd-card .card-footer {
            margin-top: 1rem;
            padding: 0 1rem 1rem
        }

            .pmd-card .card-footer.pmd-card-border {
                padding-top: 1rem
            }
}

.pmd-card.user-info-card {
    transition: .3s ease-in
}

    .pmd-card.user-info-card .media-action-btns {
        opacity: 0;
        transition: .3s ease
    }

@media (max-width:1199.98px) {
    .pmd-card.user-info-card .media-action-btns {
        opacity: 1
    }
}

.pmd-card.user-info-card:hover {
    -moz-box-shadow: 0 12px 24px -4px rgba(0,0,0,.12),0 8px 20px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 12px 24px -4px rgba(0,0,0,.12),0 8px 20px 1px rgba(0,0,0,.08);
    box-shadow: 0 12px 24px -4px rgba(0,0,0,.12),0 8px 20px 1px rgba(0,0,0,.08);
    transition: .3s ease-in
}

    .pmd-card.user-info-card:hover .media-action-btns {
        opacity: 1;
        transition: .3s ease
    }

#email-templates .pmd-card p {
    color: #455056
}

.dashboard .pmd-card {
    height: calc(100% - 30px)
}

@media (max-width:767.98px) {
    .dashboard .pmd-card {
        height: calc(100% - 20px)
    }
}

.dashboard .pmd-card .pmd-title-separator:after {
    margin-bottom: 0
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .dashboard .total-statistic .category-title {
        flex-direction: column
    }

        .dashboard .total-statistic .category-title .category-icon {
            margin-bottom: 1rem;
            margin-right: 0
        }
}

.dashboard .total-statistic .category-icon {
    margin-right: 1rem
}

.dashboard .total-statistic h4 {
    margin-bottom: 0
}

.dashboard .total-statistic h2 {
    margin-bottom: 0;
    font-weight: 500
}

.dashboard .total-statistic.card-department .category-icon {
    color: #34316E;
    background: rgba(52,49,110,.15)
}

.dashboard .total-statistic.card-department h4 {
    color: #34316E
}

.dashboard .total-statistic.card-doctor .category-icon {
    color: #03a9f4;
    background: rgba(3,169,244,.15)
}

.dashboard .total-statistic.card-doctor h4 {
    color: #03a9f4
}

.dashboard .total-statistic.card-patients .category-icon {
    color: #1e1e2d;
    background: rgba(30,30,45,.15)
}

.dashboard .total-statistic.card-patients h4 {
    color: #1e1e2d
}

.dashboard .total-statistic.card-appointment .category-icon {
    color: #F58634;
    background: rgba(245,134,52,.15)
}

.dashboard .total-statistic.card-appointment h4 {
    color: #F58634
}

.dashboard .category-percetange {
    font-weight: 600;
    font-family: "Open Sans",sans-serif
}

    .dashboard .category-percetange i.material-icons {
        vertical-align: middle
    }

.dashboard .pmd-table-card.table.pmd-table {
    box-shadow: none
}

@media (max-width:767.98px) {
    .dashboard .pmd-table-card.table.pmd-table tr {
        border-left: solid 1px rgba(0,0,0,.12);
        border-right: solid 1px rgba(0,0,0,.12);
        border-bottom: solid 1px rgba(0,0,0,.12);
        box-shadow: none
    }
}

@media (min-width:768px) {
    .pmd-media-details .media-body {
        padding: 0 1.25rem
    }
}

@media (max-width:767.98px) {
    .pmd-media-details {
        flex-direction: column
    }

        .pmd-media-details .profile-pic {
            margin-bottom: 1.5rem;
            margin-right: 0
        }

        .pmd-media-details .media-action-btns {
            position: absolute;
            right: 10px;
            top: 10px
        }

        .pmd-media-details.edit-detail-card .media-body {
            width: 100%;
            text-align: left
        }
}

.doc-table.table.pmd-table-card {
    box-shadow: none
}

@media (max-width:767.98px) {
    .doc-table.table.pmd-table-card tr {
        border-left: solid 1px rgba(0,0,0,.12);
        border-right: solid 1px rgba(0,0,0,.12);
        border-bottom: solid 1px rgba(0,0,0,.12);
        box-shadow: none
    }
}

.login-bg {
    background-image: url(../imgs/fondo2.jpg );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.forgot-password-link, .login-link, .signup-link {
    font-weight: 600
}

@media (max-width:767.98px) {
    .forgot-password-link, .pmd-checkbox .custom-control-label {
        font-size: .875rem
    }
}

.login-v1 {
    overflow-y: auto
}

    .login-v1 .login-sec .login-card {
        max-width: 500px;
        width: 100%
    }

        .login-v1 .login-sec .login-card .pmd-card {
            width: 100%
        }

        .login-v1 .login-sec .login-card .card-body {
            position: relative
        }

            .login-v1 .login-sec .login-card .card-body form {
                width: 100%
            }

        .login-v1 .login-sec .login-card .card-footer .pmd-footer {
            position: relative
        }

    .login-v1 .login-sec .login-bg .card-body {
        margin: 0;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .login-v1 .login-sec .login-bg .login-content {
        max-width: 700px;
        width: 100%;
        margin: 0 auto
    }

@media (max-width:991.98px) {
    .login-v1 .login-sec .login-bg .login-content p.lead {
        font-size: 1rem
    }
}

.login-v1 .login-sec .login-bg .pmd-list li {
    margin-bottom: 1rem
}

@media (max-width:991.98px) {
    .login-v1 .login-sec .login-bg .pmd-list li {
        font-size: .875rem
    }
}

.login-v1 .login-sec .login-bg .pmd-list li:last-child {
    margin-bottom: 0
}

.login-v2.login-bg {
    overflow-y: auto;
    padding: 1rem
}

.login-v2 .login-form {
    max-width: 340px;
    width: 100%;
    position: relative
}

.login-v2 .pmd-footer {
    border-color: rgba(255,255,255);
    position: relative;
    padding-bottom: 0
}

    .login-v2 .pmd-footer .pmd-site-info, .login-v2 .pmd-footer .pmd-site-info a, .login-v2 .pmd-footer .pmd-site-info strong {
        color: rgba(255,255,255,.87)
    }

.notifications .pmd-list .list-group-item {
    -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 6px 18px 0 rgba(0,0,0,.06)
}

    .notifications .pmd-list .list-group-item.unread {
        background: #fef6ef
    }

    .notifications .pmd-list .list-group-item.new-day {
        margin-top: 3.125rem
    }

        .notifications .pmd-list .list-group-item.new-day:first-child {
            margin-top: 1.875rem
        }

        .notifications .pmd-list .list-group-item.new-day:before {
            content: attr(data-date);
            display: block;
            font-size: .875rem;
            left: 0;
            position: absolute;
            color: rgba(0,0,0,.64);
            top: -30px
        }

@media (max-width:767.98px) {
    .mailbox .pmd-list .list-group-item {
        flex-direction: column
    }
}

.mailbox .pmd-list .list-group-item .avatar-info {
    width: 175px;
    display: inline-block;
    vertical-align: top
}

.mailbox .pmd-list .list-group-item .pmd-checkbox {
    margin-top: 22px
}

@media (max-width:767.98px) {
    .mailbox .pmd-list .list-group-item .media-left {
        margin-bottom: 1rem
    }
}

@media (max-width:767.98px) {
    .mailbox .pmd-list .list-group-item .mail-actions {
        top: .625rem;
        position: absolute;
        right: 1.25rem
    }
}

.mailbox .pmd-textfield.pmd-textfield-floating-label.pmd-textfield-floating-label-completed label {
    background: #f2f3f8
}

.favourite-star {
    vertical-align: top
}

    .favourite-star .star-active {
        display: none
    }

    .favourite-star.active .star-active {
        display: block
    }

    .favourite-star.active .star-inactive {
        display: none
    }

.faq-page .pmd-accordion .card {
    border: solid 1px rgba(0,0,0,.12);
    background: 0 0;
    box-shadow: none
}

    .faq-page .pmd-accordion .card.active {
        -moz-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
        -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
        box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
        background: #fff
    }

    .faq-page .pmd-accordion .card .card-header {
        border: none
    }

        .faq-page .pmd-accordion .card .card-header .btn-link {
            border: none
        }

    .faq-page .pmd-accordion .card .card-body {
        padding-top: 0
    }

@media (max-width:767.98px) {
    .faq-page .pmd-accordion .card .card-body {
        padding: 0 1rem 1rem
    }
}

/*----------MIOS--------------*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../imgs/ld.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.loader-slow {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../imgs/lod.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .9;
}
.user-onboarding {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    background-image: url(../imgs/fondo4.jpg)
}

.login-container-new {
    height: 100vh
}

@media only screen and (max-width:767px) {
    .login-container-new {
        padding-top: 60px;
        padding-bottom: 40px
    }
}

.login-container {
    height: 100vh
}

    .login-container .new-logincard {
        position: relative;
        max-width: 450px;
        padding: 20px;
        -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25);
        box-shadow: 0 14px 28px rgba(0, 0, 0, .25)
    }

    .login-container .newlogin-logo {
        font-family: Rubik, sans-serif;
        font-weight: 400;
        color: #333;
        line-height: 1;
        font-size: 2.5rem
    }

        .login-container .newlogin-logo span {
            font-weight: 700;
            color: #fff
        }

    .login-container .pmd-display3 {
        font-weight: 300
    }

    .login-container h2 {
        color: rgba(23, 31, 35, .87);
        font-size: 2rem;
        font-weight: font-weight-medium
    }

    .login-container hr {
        border-color: rgba(255, 255, 255);
        margin: 1rem 0
    }

    .login-container .lead {
        color: rgba(255, 255, 255, .87);
        font-size: 1rem;
        padding-top: 1rem
    }

    .menu{
        border-radius:0;
    }
.login-container-menu {
    height: 79vh;
}

.fechas {
    top: 100px;
    left: 450px;
    color: white;

    position: absolute;

}

@media only screen and (max-width:767px) {
    .fechas{
        left:150px
    }
}