@charset "UTF-8";

.amber input,
.blue input,
.blue-grey input,
.brown input,
.cyan input,
.deep-orange input,
.deep-purple input,
.grey input,
.indigo input,
.light-blue input,
.light-green input,
.lime input,
.orange input,
.pink input,
.purple input,
.red input,
.teal input,
.yellow input {
    border-bottom-color: rgba(255, 255, 255, 0.8) !important;
}

code,
mark {
    border-radius: 2px;
}

.btn-animate,
.card,
.img-circle {
    overflow: hidden;
}

.btn-circle,
table.table-centered tbody tr td,
table.table-centered thead tr th {
    text-align: center;
}

.btn-circle,
.btn-close,
th.sort {
    cursor: pointer;
}

.chat-item,
.input-field,
.list-group:after,
.switch-toggle:after {
    clear: both;
}

.list-group li,
.list-unstyled ol li,
.list-unstyled ul li,
.menu-js ul li,
.menu-vertical-js ul li,
.page-footer li,
.pagination li,
.timeline {
    list-style: none;
}

.text-truncate,
.toolbar .title,
.truncate {
    text-overflow: ellipsis;
}

.hiddendiv,
.toast-message {
    word-wrap: break-word;
}

.red {
    background-color: #f44336 !important;
    color: #fff !important;
}

.text-red {
    color: #f44336 !important;
}

.red.lighten-5 {
    background-color: #ffebee !important;
}

.text-red.text-lighten-5 {
    color: #ffebee !important;
}

.red.lighten-4 {
    background-color: #ffcdd2 !important;
}

.text-red.text-lighten-4 {
    color: #ffcdd2 !important;
}

.red.lighten-3 {
    background-color: #ef9a9a !important;
}

.text-red.text-lighten-3 {
    color: #ef9a9a !important;
}

.red.lighten-2 {
    background-color: #e57373 !important;
}

.text-red.text-lighten-2 {
    color: #e57373 !important;
}

.red.lighten-1 {
    background-color: #ef5350 !important;
}

.text-red.text-lighten-1 {
    color: #ef5350 !important;
}

.red.darken-1 {
    background-color: #e53935 !important;
}

.text-red.text-darken-1 {
    color: #e53935 !important;
}

.red.darken-2 {
    background-color: #d32f2f !important;
}

.text-red.text-darken-2 {
    color: #d32f2f !important;
}

.red.darken-3 {
    background-color: #c62828 !important;
}

.text-red.text-darken-3 {
    color: #c62828 !important;
}

.red.darken-4 {
    background-color: #b71c1c !important;
}

.text-red.text-darken-4 {
    color: #b71c1c !important;
}

.red.accent-1 {
    background-color: #ff8a80 !important;
}

.text-red.text-accent-1 {
    color: #ff8a80 !important;
}

.red.accent-2 {
    background-color: #ff5252 !important;
}

.text-red.text-accent-2 {
    color: #ff5252 !important;
}

.red.accent-3 {
    background-color: #ff1744 !important;
}

.text-red.text-accent-3 {
    color: #ff1744 !important;
}

.red.accent-4 {
    background-color: #d50000 !important;
}

.text-red.text-accent-4 {
    color: #d50000 !important;
}

.pink {
    background-color: #e91e63 !important;
    color: #fff !important;
}

.text-pink {
    color: #e91e63 !important;
}

.pink.lighten-5 {
    background-color: #fce4ec !important;
}

.text-pink.text-lighten-5 {
    color: #fce4ec !important;
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}

.text-pink.text-lighten-4 {
    color: #f8bbd0 !important;
}

.pink.lighten-3 {
    background-color: #f48fb1 !important;
}

.text-pink.text-lighten-3 {
    color: #f48fb1 !important;
}

.pink.lighten-2 {
    background-color: #f06292 !important;
}

.text-pink.text-lighten-2 {
    color: #f06292 !important;
}

.pink.lighten-1 {
    background-color: #ec407a !important;
}

.text-pink.text-lighten-1 {
    color: #ec407a !important;
}

.pink.darken-1 {
    background-color: #d81b60 !important;
}

.text-pink.text-darken-1 {
    color: #d81b60 !important;
}

.pink.darken-2 {
    background-color: #c2185b !important;
}

.text-pink.text-darken-2 {
    color: #c2185b !important;
}

.pink.darken-3 {
    background-color: #ad1457 !important;
}

.text-pink.text-darken-3 {
    color: #ad1457 !important;
}

.pink.darken-4 {
    background-color: #880e4f !important;
}

.text-pink.text-darken-4 {
    color: #880e4f !important;
}

.pink.accent-1 {
    background-color: #ff80ab !important;
}

.text-pink.text-accent-1 {
    color: #ff80ab !important;
}

.pink.accent-2 {
    background-color: #ff4081 !important;
}

.text-pink.text-accent-2 {
    color: #ff4081 !important;
}

.pink.accent-3 {
    background-color: #f50057 !important;
}

.text-pink.text-accent-3 {
    color: #f50057 !important;
}

.pink.accent-4 {
    background-color: #c51162 !important;
}

.text-pink.text-accent-4 {
    color: #c51162 !important;
}

.purple {
    background-color: #9c27b0 !important;
    color: #fff !important;
}

.text-purple {
    color: #9c27b0 !important;
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}

.text-purple.text-lighten-5 {
    color: #f3e5f5 !important;
}

.purple.lighten-4 {
    background-color: #e1bee7 !important;
}

.text-purple.text-lighten-4 {
    color: #e1bee7 !important;
}

.purple.lighten-3 {
    background-color: #ce93d8 !important;
}

.text-purple.text-lighten-3 {
    color: #ce93d8 !important;
}

.purple.lighten-2 {
    background-color: #ba68c8 !important;
}

.text-purple.text-lighten-2 {
    color: #ba68c8 !important;
}

.purple.lighten-1 {
    background-color: #ab47bc !important;
}

.text-purple.text-lighten-1 {
    color: #ab47bc !important;
}

.purple.darken-1 {
    background-color: #8e24aa !important;
}

.text-purple.text-darken-1 {
    color: #8e24aa !important;
}

.purple.darken-2 {
    background-color: #7b1fa2 !important;
}

.text-purple.text-darken-2 {
    color: #7b1fa2 !important;
}

.purple.darken-3 {
    background-color: #6a1b9a !important;
}

.text-purple.text-darken-3 {
    color: #6a1b9a !important;
}

.purple.darken-4 {
    background-color: #4a148c !important;
}

.text-purple.text-darken-4 {
    color: #4a148c !important;
}

.purple.accent-1 {
    background-color: #ea80fc !important;
}

.text-purple.text-accent-1 {
    color: #ea80fc !important;
}

.purple.accent-2 {
    background-color: #e040fb !important;
}

.text-purple.text-accent-2 {
    color: #e040fb !important;
}

.purple.accent-3 {
    background-color: #d500f9 !important;
}

.text-purple.text-accent-3 {
    color: #d500f9 !important;
}

.purple.accent-4 {
    background-color: #a0f !important;
}

.text-purple.text-accent-4 {
    color: #a0f !important;
}

.deep-purple {
    background-color: #673ab7 !important;
    color: #fff !important;
}

.text-deep-purple {
    color: #673ab7 !important;
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}

.text-deep-purple.text-lighten-5 {
    color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}

.text-deep-purple.text-lighten-4 {
    color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}

.text-deep-purple.text-lighten-3 {
    color: #b39ddb !important;
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}

.text-deep-purple.text-lighten-2 {
    color: #9575cd !important;
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}

.text-deep-purple.text-lighten-1 {
    color: #7e57c2 !important;
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important;
}

.text-deep-purple.text-darken-1 {
    color: #5e35b1 !important;
}

.deep-purple.darken-2 {
    background-color: #512da8 !important;
}

.text-deep-purple.text-darken-2 {
    color: #512da8 !important;
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important;
}

.text-deep-purple.text-darken-3 {
    color: #4527a0 !important;
}

.deep-purple.darken-4 {
    background-color: #311b92 !important;
}

.text-deep-purple.text-darken-4 {
    color: #311b92 !important;
}

.deep-purple.accent-1 {
    background-color: #b388ff !important;
}

.text-deep-purple.text-accent-1 {
    color: #b388ff !important;
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important;
}

.text-deep-purple.text-accent-2 {
    color: #7c4dff !important;
}

.deep-purple.accent-3 {
    background-color: #651fff !important;
}

.text-deep-purple.text-accent-3 {
    color: #651fff !important;
}

.deep-purple.accent-4 {
    background-color: #6200ea !important;
}

.text-deep-purple.text-accent-4 {
    color: #6200ea !important;
}

.indigo {
    background-color: #3f51b5 !important;
    color: #fff !important;
}

.text-indigo {
    color: #3f51b5 !important;
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}

.text-indigo.text-lighten-5 {
    color: #e8eaf6 !important;
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}

.text-indigo.text-lighten-4 {
    color: #c5cae9 !important;
}

.indigo.lighten-3 {
    background-color: #9fa8da !important;
}

.text-indigo.text-lighten-3 {
    color: #9fa8da !important;
}

.indigo.lighten-2 {
    background-color: #7986cb !important;
}

.text-indigo.text-lighten-2 {
    color: #7986cb !important;
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.text-indigo.text-lighten-1 {
    color: #5c6bc0 !important;
}

.indigo.darken-1 {
    background-color: #3949ab !important;
}

.text-indigo.text-darken-1 {
    color: #3949ab !important;
}

.indigo.darken-2 {
    background-color: #303f9f !important;
}

.text-indigo.text-darken-2 {
    color: #303f9f !important;
}

.indigo.darken-3 {
    background-color: #283593 !important;
}

.text-indigo.text-darken-3 {
    color: #283593 !important;
}

.indigo.darken-4 {
    background-color: #1a237e !important;
}

.text-indigo.text-darken-4 {
    color: #1a237e !important;
}

.indigo.accent-1 {
    background-color: #8c9eff !important;
}

.text-indigo.text-accent-1 {
    color: #8c9eff !important;
}

.indigo.accent-2 {
    background-color: #536dfe !important;
}

.text-indigo.text-accent-2 {
    color: #536dfe !important;
}

.indigo.accent-3 {
    background-color: #3d5afe !important;
}

.text-indigo.text-accent-3 {
    color: #3d5afe !important;
}

.indigo.accent-4 {
    background-color: #304ffe !important;
}

.text-indigo.text-accent-4 {
    color: #304ffe !important;
}

.blue {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.text-blue {
    color: #2196f3 !important;
}

.blue.lighten-5 {
    background-color: #e3f2fd !important;
}

.text-blue.text-lighten-5 {
    color: #e3f2fd !important;
}

.blue.lighten-4 {
    background-color: #bbdefb !important;
}

.text-blue.text-lighten-4 {
    color: #bbdefb !important;
}

.blue.lighten-3 {
    background-color: #90caf9 !important;
}

.text-blue.text-lighten-3 {
    color: #90caf9 !important;
}

.blue.lighten-2 {
    background-color: #64b5f6 !important;
}

.text-blue.text-lighten-2 {
    color: #64b5f6 !important;
}

.blue.lighten-1 {
    background-color: #42a5f5 !important;
}

.text-blue.text-lighten-1 {
    color: #42a5f5 !important;
}

.blue.darken-1 {
    background-color: #1e88e5 !important;
}

.text-blue.text-darken-1 {
    color: #1e88e5 !important;
}

.blue.darken-2 {
    background-color: #1976d2 !important;
}

.text-blue.text-darken-2 {
    color: #1976d2 !important;
}

.blue.darken-3 {
    background-color: #1565c0 !important;
}

.text-blue.text-darken-3 {
    color: #1565c0 !important;
}

.blue.darken-4 {
    background-color: #0d47a1 !important;
}

.text-blue.text-darken-4 {
    color: #0d47a1 !important;
}

.blue.accent-1 {
    background-color: #82b1ff !important;
}

.text-blue.text-accent-1 {
    color: #82b1ff !important;
}

.blue.accent-2 {
    background-color: #448aff !important;
}

.text-blue.text-accent-2 {
    color: #448aff !important;
}

.blue.accent-3 {
    background-color: #2979ff !important;
}

.text-blue.text-accent-3 {
    color: #2979ff !important;
}

.blue.accent-4 {
    background-color: #2962ff !important;
}

.text-blue.text-accent-4 {
    color: #2962ff !important;
}

.light-blue {
    background-color: #03a9f4 !important;
    color: #fff !important;
}

.text-light-blue {
    color: #03a9f4 !important;
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}

.text-light-blue.text-lighten-5 {
    color: #e1f5fe !important;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}

.text-light-blue.text-lighten-4 {
    color: #b3e5fc !important;
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}

.text-light-blue.text-lighten-3 {
    color: #81d4fa !important;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}

.text-light-blue.text-lighten-2 {
    color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}

.text-light-blue.text-lighten-1 {
    color: #29b6f6 !important;
}

.light-blue.darken-1 {
    background-color: #039be5 !important;
}

.text-light-blue.text-darken-1 {
    color: #039be5 !important;
}

.light-blue.darken-2 {
    background-color: #0288d1 !important;
}

.text-light-blue.text-darken-2 {
    color: #0288d1 !important;
}

.light-blue.darken-3 {
    background-color: #0277bd !important;
}

.text-light-blue.text-darken-3 {
    color: #0277bd !important;
}

.light-blue.darken-4 {
    background-color: #01579b !important;
}

.text-light-blue.text-darken-4 {
    color: #01579b !important;
}

.light-blue.accent-1 {
    background-color: #80d8ff !important;
}

.text-light-blue.text-accent-1 {
    color: #80d8ff !important;
}

.light-blue.accent-2 {
    background-color: #40c4ff !important;
}

.text-light-blue.text-accent-2 {
    color: #40c4ff !important;
}

.light-blue.accent-3 {
    background-color: #00b0ff !important;
}

.text-light-blue.text-accent-3 {
    color: #00b0ff !important;
}

.light-blue.accent-4 {
    background-color: #0091ea !important;
}

.text-light-blue.text-accent-4 {
    color: #0091ea !important;
}

.cyan {
    background-color: #00bcd4 !important;
    color: #fff !important;
}

.text-cyan {
    color: #00bcd4 !important;
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}

.text-cyan.text-lighten-5 {
    color: #e0f7fa !important;
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}

.text-cyan.text-lighten-4 {
    color: #b2ebf2 !important;
}

.cyan.lighten-3 {
    background-color: #80deea !important;
}

.text-cyan.text-lighten-3 {
    color: #80deea !important;
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}

.text-cyan.text-lighten-2 {
    color: #4dd0e1 !important;
}

.cyan.lighten-1 {
    background-color: #26c6da !important;
}

.text-cyan.text-lighten-1 {
    color: #26c6da !important;
}

.cyan.darken-1 {
    background-color: #00acc1 !important;
}

.text-cyan.text-darken-1 {
    color: #00acc1 !important;
}

.cyan.darken-2 {
    background-color: #0097a7 !important;
}

.text-cyan.text-darken-2 {
    color: #0097a7 !important;
}

.cyan.darken-3 {
    background-color: #00838f !important;
}

.text-cyan.text-darken-3 {
    color: #00838f !important;
}

.cyan.darken-4 {
    background-color: #006064 !important;
}

.text-cyan.text-darken-4 {
    color: #006064 !important;
}

.cyan.accent-1 {
    background-color: #84ffff !important;
}

.text-cyan.text-accent-1 {
    color: #84ffff !important;
}

.cyan.accent-2 {
    background-color: #18ffff !important;
}

.text-cyan.text-accent-2 {
    color: #18ffff !important;
}

.cyan.accent-3 {
    background-color: #00e5ff !important;
}

.text-cyan.text-accent-3 {
    color: #00e5ff !important;
}

.cyan.accent-4 {
    background-color: #00b8d4 !important;
}

.text-cyan.text-accent-4 {
    color: #00b8d4 !important;
}

.teal {
    background-color: #009688 !important;
    color: #fff !important;
}

.text-teal {
    color: #009688 !important;
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}

.text-teal.text-lighten-5 {
    color: #e0f2f1 !important;
}

.teal.lighten-4 {
    background-color: #b2dfdb !important;
}

.text-teal.text-lighten-4 {
    color: #b2dfdb !important;
}

.teal.lighten-3 {
    background-color: #80cbc4 !important;
}

.text-teal.text-lighten-3 {
    color: #80cbc4 !important;
}

.teal.lighten-2 {
    background-color: #4db6ac !important;
}

.text-teal.text-lighten-2 {
    color: #4db6ac !important;
}

.teal.lighten-1 {
    background-color: #26a69a !important;
}

.text-teal.text-lighten-1 {
    color: #26a69a !important;
}

.teal.darken-1 {
    background-color: #00897b !important;
}

.text-teal.text-darken-1 {
    color: #00897b !important;
}

.teal.darken-2 {
    background-color: #00796b !important;
}

.text-teal.text-darken-2 {
    color: #00796b !important;
}

.teal.darken-3 {
    background-color: #00695c !important;
}

.text-teal.text-darken-3 {
    color: #00695c !important;
}

.teal.darken-4 {
    background-color: #004d40 !important;
}

.text-teal.text-darken-4 {
    color: #004d40 !important;
}

.teal.accent-1 {
    background-color: #a7ffeb !important;
}

.text-teal.text-accent-1 {
    color: #a7ffeb !important;
}

.teal.accent-2 {
    background-color: #64ffda !important;
}

.text-teal.text-accent-2 {
    color: #64ffda !important;
}

.teal.accent-3 {
    background-color: #1de9b6 !important;
}

.text-teal.text-accent-3 {
    color: #1de9b6 !important;
}

.teal.accent-4 {
    background-color: #00bfa5 !important;
}

.text-teal.text-accent-4 {
    color: #00bfa5 !important;
}

.green {
    background-color: #4caf50 !important;
    color: #fff !important;
}

    .green input {
        border-bottom-color: rgba(255, 255, 255, 0.8) !important;
    }

.text-green {
    color: #4caf50 !important;
}

.green.lighten-5 {
    background-color: #e8f5e9 !important;
}

.text-green.text-lighten-5 {
    color: #e8f5e9 !important;
}

.green.lighten-4 {
    background-color: #c8e6c9 !important;
}

.text-green.text-lighten-4 {
    color: #c8e6c9 !important;
}

.green.lighten-3 {
    background-color: #a5d6a7 !important;
}

.text-green.text-lighten-3 {
    color: #a5d6a7 !important;
}

.green.lighten-2 {
    background-color: #81c784 !important;
}

.text-green.text-lighten-2 {
    color: #81c784 !important;
}

.green.lighten-1 {
    background-color: #66bb6a !important;
}

.text-green.text-lighten-1 {
    color: #66bb6a !important;
}

.green.darken-1 {
    background-color: #43a047 !important;
}

.text-green.text-darken-1 {
    color: #43a047 !important;
}

.green.darken-2 {
    background-color: #388e3c !important;
}

.text-green.text-darken-2 {
    color: #388e3c !important;
}

.green.darken-3 {
    background-color: #2e7d32 !important;
}

.text-green.text-darken-3 {
    color: #2e7d32 !important;
}

.green.darken-4 {
    background-color: #1b5e20 !important;
}

.text-green.text-darken-4 {
    color: #1b5e20 !important;
}

.green.accent-1 {
    background-color: #b9f6ca !important;
}

.text-green.text-accent-1 {
    color: #b9f6ca !important;
}

.green.accent-2 {
    background-color: #69f0ae !important;
}

.text-green.text-accent-2 {
    color: #69f0ae !important;
}

.green.accent-3 {
    background-color: #00e676 !important;
}

.text-green.text-accent-3 {
    color: #00e676 !important;
}

.green.accent-4 {
    background-color: #00c853 !important;
}

.text-green.text-accent-4 {
    color: #00c853 !important;
}

.light-green {
    background-color: #8bc34a !important;
    color: #fff !important;
}

.text-light-green {
    color: #8bc34a !important;
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}

.text-light-green.text-lighten-5 {
    color: #f1f8e9 !important;
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}

.text-light-green.text-lighten-4 {
    color: #dcedc8 !important;
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}

.text-light-green.text-lighten-3 {
    color: #c5e1a5 !important;
}

.light-green.lighten-2 {
    background-color: #aed581 !important;
}

.text-light-green.text-lighten-2 {
    color: #aed581 !important;
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}

.text-light-green.text-lighten-1 {
    color: #9ccc65 !important;
}

.light-green.darken-1 {
    background-color: #7cb342 !important;
}

.text-light-green.text-darken-1 {
    color: #7cb342 !important;
}

.light-green.darken-2 {
    background-color: #689f38 !important;
}

.text-light-green.text-darken-2 {
    color: #689f38 !important;
}

.light-green.darken-3 {
    background-color: #558b2f !important;
}

.text-light-green.text-darken-3 {
    color: #558b2f !important;
}

.light-green.darken-4 {
    background-color: #33691e !important;
}

.text-light-green.text-darken-4 {
    color: #33691e !important;
}

.light-green.accent-1 {
    background-color: #ccff90 !important;
}

.text-light-green.text-accent-1 {
    color: #ccff90 !important;
}

.light-green.accent-2 {
    background-color: #b2ff59 !important;
}

.text-light-green.text-accent-2 {
    color: #b2ff59 !important;
}

.light-green.accent-3 {
    background-color: #76ff03 !important;
}

.text-light-green.text-accent-3 {
    color: #76ff03 !important;
}

.light-green.accent-4 {
    background-color: #64dd17 !important;
}

.text-light-green.text-accent-4 {
    color: #64dd17 !important;
}

.lime {
    background-color: #cddc39 !important;
    color: #fff !important;
}

.text-lime {
    color: #cddc39 !important;
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}

.text-lime.text-lighten-5 {
    color: #f9fbe7 !important;
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}

.text-lime.text-lighten-4 {
    color: #f0f4c3 !important;
}

.lime.lighten-3 {
    background-color: #e6ee9c !important;
}

.text-lime.text-lighten-3 {
    color: #e6ee9c !important;
}

.lime.lighten-2 {
    background-color: #dce775 !important;
}

.text-lime.text-lighten-2 {
    color: #dce775 !important;
}

.lime.lighten-1 {
    background-color: #d4e157 !important;
}

.text-lime.text-lighten-1 {
    color: #d4e157 !important;
}

.lime.darken-1 {
    background-color: #c0ca33 !important;
}

.text-lime.text-darken-1 {
    color: #c0ca33 !important;
}

.lime.darken-2 {
    background-color: #afb42b !important;
}

.text-lime.text-darken-2 {
    color: #afb42b !important;
}

.lime.darken-3 {
    background-color: #9e9d24 !important;
}

.text-lime.text-darken-3 {
    color: #9e9d24 !important;
}

.lime.darken-4 {
    background-color: #827717 !important;
}

.text-lime.text-darken-4 {
    color: #827717 !important;
}

.lime.accent-1 {
    background-color: #f4ff81 !important;
}

.text-lime.text-accent-1 {
    color: #f4ff81 !important;
}

.lime.accent-2 {
    background-color: #eeff41 !important;
}

.text-lime.text-accent-2 {
    color: #eeff41 !important;
}

.lime.accent-3 {
    background-color: #c6ff00 !important;
}

.text-lime.text-accent-3 {
    color: #c6ff00 !important;
}

.lime.accent-4 {
    background-color: #aeea00 !important;
}

.text-lime.text-accent-4 {
    color: #aeea00 !important;
}

.yellow {
    background-color: #ffeb3b !important;
    color: #fff !important;
}

.text-yellow {
    color: #ffeb3b !important;
}

.yellow.lighten-5 {
    background-color: #fffde7 !important;
}

.text-yellow.text-lighten-5 {
    color: #fffde7 !important;
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}

.text-yellow.text-lighten-4 {
    color: #fff9c4 !important;
}

.yellow.lighten-3 {
    background-color: #fff59d !important;
}

.text-yellow.text-lighten-3 {
    color: #fff59d !important;
}

.yellow.lighten-2 {
    background-color: #fff176 !important;
}

.text-yellow.text-lighten-2 {
    color: #fff176 !important;
}

.yellow.lighten-1 {
    background-color: #ffee58 !important;
}

.text-yellow.text-lighten-1 {
    color: #ffee58 !important;
}

.yellow.darken-1 {
    background-color: #fdd835 !important;
}

.text-yellow.text-darken-1 {
    color: #fdd835 !important;
}

.yellow.darken-2 {
    background-color: #fbc02d !important;
}

.text-yellow.text-darken-2 {
    color: #fbc02d !important;
}

.yellow.darken-3 {
    background-color: #f9a825 !important;
}

.text-yellow.text-darken-3 {
    color: #f9a825 !important;
}

.yellow.darken-4 {
    background-color: #f57f17 !important;
}

.text-yellow.text-darken-4 {
    color: #f57f17 !important;
}

.yellow.accent-1 {
    background-color: #ffff8d !important;
}

.text-yellow.text-accent-1 {
    color: #ffff8d !important;
}

.yellow.accent-2 {
    background-color: #ff0 !important;
}

.text-yellow.text-accent-2 {
    color: #ff0 !important;
}

.yellow.accent-3 {
    background-color: #ffea00 !important;
}

.text-yellow.text-accent-3 {
    color: #ffea00 !important;
}

.yellow.accent-4 {
    background-color: #ffd600 !important;
}

.text-yellow.text-accent-4 {
    color: #ffd600 !important;
}

.amber {
    background-color: #ffc107 !important;
    color: #fff !important;
}

.text-amber {
    color: #ffc107 !important;
}

.amber.lighten-5 {
    background-color: #fff8e1 !important;
}

.text-amber.text-lighten-5 {
    color: #fff8e1 !important;
}

.amber.lighten-4 {
    background-color: #ffecb3 !important;
}

.text-amber.text-lighten-4 {
    color: #ffecb3 !important;
}

.amber.lighten-3 {
    background-color: #ffe082 !important;
}

.text-amber.text-lighten-3 {
    color: #ffe082 !important;
}

.amber.lighten-2 {
    background-color: #ffd54f !important;
}

.text-amber.text-lighten-2 {
    color: #ffd54f !important;
}

.amber.lighten-1 {
    background-color: #ffca28 !important;
}

.text-amber.text-lighten-1 {
    color: #ffca28 !important;
}

.amber.darken-1 {
    background-color: #ffb300 !important;
}

.text-amber.text-darken-1 {
    color: #ffb300 !important;
}

.amber.darken-2 {
    background-color: #ffa000 !important;
}

.text-amber.text-darken-2 {
    color: #ffa000 !important;
}

.amber.darken-3 {
    background-color: #ff8f00 !important;
}

.text-amber.text-darken-3 {
    color: #ff8f00 !important;
}

.amber.darken-4 {
    background-color: #ff6f00 !important;
}

.text-amber.text-darken-4 {
    color: #ff6f00 !important;
}

.amber.accent-1 {
    background-color: #ffe57f !important;
}

.text-amber.text-accent-1 {
    color: #ffe57f !important;
}

.amber.accent-2 {
    background-color: #ffd740 !important;
}

.text-amber.text-accent-2 {
    color: #ffd740 !important;
}

.amber.accent-3 {
    background-color: #ffc400 !important;
}

.text-amber.text-accent-3 {
    color: #ffc400 !important;
}

.amber.accent-4 {
    background-color: #ffab00 !important;
}

.text-amber.text-accent-4 {
    color: #ffab00 !important;
}

.orange {
    background-color: #ff9800 !important;
    color: #fff !important;
}

.text-orange {
    color: #ff9800 !important;
}

.orange.lighten-5 {
    background-color: #fff3e0 !important;
}

.text-orange.text-lighten-5 {
    color: #fff3e0 !important;
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}

.text-orange.text-lighten-4 {
    color: #ffe0b2 !important;
}

.orange.lighten-3 {
    background-color: #ffcc80 !important;
}

.text-orange.text-lighten-3 {
    color: #ffcc80 !important;
}

.orange.lighten-2 {
    background-color: #ffb74d !important;
}

.text-orange.text-lighten-2 {
    color: #ffb74d !important;
}

.orange.lighten-1 {
    background-color: #ffa726 !important;
}

.text-orange.text-lighten-1 {
    color: #ffa726 !important;
}

.orange.darken-1 {
    background-color: #fb8c00 !important;
}

.text-orange.text-darken-1 {
    color: #fb8c00 !important;
}

.orange.darken-2 {
    background-color: #f57c00 !important;
}

.text-orange.text-darken-2 {
    color: #f57c00 !important;
}

.orange.darken-3 {
    background-color: #ef6c00 !important;
}

.text-orange.text-darken-3 {
    color: #ef6c00 !important;
}

.orange.darken-4 {
    background-color: #e65100 !important;
}

.text-orange.text-darken-4 {
    color: #e65100 !important;
}

.orange.accent-1 {
    background-color: #ffd180 !important;
}

.text-orange.text-accent-1 {
    color: #ffd180 !important;
}

.orange.accent-2 {
    background-color: #ffab40 !important;
}

.text-orange.text-accent-2 {
    color: #ffab40 !important;
}

.orange.accent-3 {
    background-color: #ff9100 !important;
}

.text-orange.text-accent-3 {
    color: #ff9100 !important;
}

.orange.accent-4 {
    background-color: #ff6d00 !important;
}

.text-orange.text-accent-4 {
    color: #ff6d00 !important;
}

.deep-orange {
    background-color: #ff5722 !important;
    color: #fff !important;
}

.text-deep-orange {
    color: #ff5722 !important;
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}

.text-deep-orange.text-lighten-5 {
    color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}

.text-deep-orange.text-lighten-4 {
    color: #ffccbc !important;
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}

.text-deep-orange.text-lighten-3 {
    color: #ffab91 !important;
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}

.text-deep-orange.text-lighten-2 {
    color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}

.text-deep-orange.text-lighten-1 {
    color: #ff7043 !important;
}

.deep-orange.darken-1 {
    background-color: #f4511e !important;
}

.text-deep-orange.text-darken-1 {
    color: #f4511e !important;
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important;
}

.text-deep-orange.text-darken-2 {
    color: #e64a19 !important;
}

.deep-orange.darken-3 {
    background-color: #d84315 !important;
}

.text-deep-orange.text-darken-3 {
    color: #d84315 !important;
}

.deep-orange.darken-4 {
    background-color: #bf360c !important;
}

.text-deep-orange.text-darken-4 {
    color: #bf360c !important;
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important;
}

.text-deep-orange.text-accent-1 {
    color: #ff9e80 !important;
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important;
}

.text-deep-orange.text-accent-2 {
    color: #ff6e40 !important;
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important;
}

.text-deep-orange.text-accent-3 {
    color: #ff3d00 !important;
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important;
}

.text-deep-orange.text-accent-4 {
    color: #dd2c00 !important;
}

.brown {
    background-color: #795548 !important;
    color: #fff !important;
}

.text-brown {
    color: #795548 !important;
}

.brown.lighten-5 {
    background-color: #efebe9 !important;
}

.text-brown.text-lighten-5 {
    color: #efebe9 !important;
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}

.text-brown.text-lighten-4 {
    color: #d7ccc8 !important;
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}

.text-brown.text-lighten-3 {
    color: #bcaaa4 !important;
}

.brown.lighten-2 {
    background-color: #a1887f !important;
}

.text-brown.text-lighten-2 {
    color: #a1887f !important;
}

.brown.lighten-1 {
    background-color: #8d6e63 !important;
}

.text-brown.text-lighten-1 {
    color: #8d6e63 !important;
}

.brown.darken-1 {
    background-color: #6d4c41 !important;
}

.text-brown.text-darken-1 {
    color: #6d4c41 !important;
}

.brown.darken-2 {
    background-color: #5d4037 !important;
}

.text-brown.text-darken-2 {
    color: #5d4037 !important;
}

.brown.darken-3 {
    background-color: #4e342e !important;
}

.text-brown.text-darken-3 {
    color: #4e342e !important;
}

.brown.darken-4 {
    background-color: #3e2723 !important;
}

.text-brown.text-darken-4 {
    color: #3e2723 !important;
}

.blue-grey {
    background-color: #607d8b !important;
    color: #fff !important;
}

.text-blue-grey {
    color: #607d8b !important;
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}

.text-blue-grey.text-lighten-5 {
    color: #eceff1 !important;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}

.text-blue-grey.text-lighten-4 {
    color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}

.text-blue-grey.text-lighten-3 {
    color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}

.text-blue-grey.text-lighten-2 {
    color: #90a4ae !important;
}

.blue-grey.lighten-1 {
    background-color: #78909c !important;
}

.text-blue-grey.text-lighten-1 {
    color: #78909c !important;
}

.blue-grey.darken-1 {
    background-color: #546e7a !important;
}

.text-blue-grey.text-darken-1 {
    color: #546e7a !important;
}

.blue-grey.darken-2 {
    background-color: #455a64 !important;
}

.text-blue-grey.text-darken-2 {
    color: #455a64 !important;
}

.blue-grey.darken-3 {
    background-color: #37474f !important;
}

.text-blue-grey.text-darken-3 {
    color: #37474f !important;
}

.blue-grey.darken-4 {
    background-color: #263238 !important;
}

.text-blue-grey.text-darken-4 {
    color: #263238 !important;
}

.grey {
    background-color: #9e9e9e !important;
    color: #fff !important;
}

.text-grey {
    color: #9e9e9e !important;
}

.grey.lighten-5 {
    background-color: #fafafa !important;
}

.text-grey.text-lighten-5 {
    color: #fafafa !important;
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}

.text-grey.text-lighten-4 {
    color: #f5f5f5 !important;
}

.grey.lighten-3 {
    background-color: #eee !important;
}

.text-grey.text-lighten-3 {
    color: #eee !important;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}

.text-grey.text-lighten-2 {
    color: #e0e0e0 !important;
}

.grey.lighten-1 {
    background-color: #bdbdbd !important;
}

.text-grey.text-lighten-1 {
    color: #bdbdbd !important;
}

.grey.darken-1 {
    background-color: #757575 !important;
}

.text-grey.text-darken-1 {
    color: #757575 !important;
}

.grey.darken-2 {
    background-color: #616161 !important;
}

.text-grey.text-darken-2 {
    color: #616161 !important;
}

.grey.darken-3 {
    background-color: #424242 !important;
}

.text-grey.text-darken-3 {
    color: #424242 !important;
}

.grey.darken-4 {
    background-color: #212121 !important;
}

.text-grey.text-darken-4 {
    color: #212121 !important;
}

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

.dark {
    background-color: #262733 !important;
    color: #dedede !important;
}

.blue-dark,
.cyan-dark,
.indigo-dark,
.lavendar,
.mda {
    color: #fff !important;
}

.indigo-dark {
    background-color: #1a237e !important;
}

.blue-dark {
    background-color: #1266f1 !important;
}

.cyan-dark {
    background-color: #0097a7 !important;
}

.mda {
    background-color: #4a7885 !important;
}

.lavendar {
    background-color: #7c4dff !important;
}

.info:not(td) {
    background-color: #3bafda !important;
    color: #fff;
}

.alert-info {
    background-color: #d9edf7 !important;
    color: #31708f;
}

.success:not(td) {
    background-color: #6eb575 !important;
    color: #fff;
}

.alert-success {
    background-color: #dff0d8 !important;
    color: #3c763d !important;
}

.warning:not(td) {
    background-color: #ff8f00 !important;
    color: #fff;
}

.alert-warning {
    background-color: #fcf8e3 !important;
    color: #9a6d3b !important;
}

.danger:not(td) {
    background-color: #d84a38 !important;
    color: #fff;
}

.alert-danger {
    background-color: #f2dede !important;
    color: #a94442 !important;
}

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

.text-info {
    color: #3bafda !important;
}

.text-success {
    color: #6eb575 !important;
}

.text-warning {
    color: #ff8f00 !important;
}

.text-danger {
    color: #d84a38 !important;
}

.text-blue-dark {
    color: #1266f1 !important;
}

.text-cyan-dark {
    color: #0097a7 !important;
}

.text-lavendar {
    color: #7c4dff !important;
}

.text-mda {
    color: #4a7885 !important;
}

.fadein-left {
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.fadein-right {
    -webkit-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

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

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

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

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

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

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

.btn-circle,
.btn:not(.btn-default),
.card,
.expanding-card,
.flotTip,
.funnel .funnel-brick,
.header-bar-hidden .header-bar .menu-toggler-hide,
.icon .badge,
.input-group-btn .btn:hover,
.menu-hidden .menu-toggler-hide.pos-left,
.panel,
.panel-group,
.paper,
.tab-active-border,
.tabs-wrapper,
.text-message,
.timeline-icon.ti-circle,
.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    .btn-circle:hover,
    .btn-group-vertical .btn:hover,
    .btn-group:not(.bootstrap-select) .btn:hover,
    .btn:not(.btn-default):hover,
    .dropdown-menu,
    .expanding-card:hover,
    .menu-js .submenu,
    .panel-group .panel.active,
    .panel-group.popout .panel.active,
    .popover,
    .stat-sortable .card:hover,
    .tl-item:hover .timeline-icon.ti-circle,
    .tooltip-inner,
    .tt-menu,
    .twitter-card.open,
    .twitter-card:hover,
    .z-depth-2,
    .zoom-img,
    .zoom-img-wrap {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    .expanding-card.expand,
    .modal-content,
    .z-depth-3 {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.ev-page .page-content,
.z-depth-4 {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-5 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.dropshadow {
    -webkit-box-shadow: 0 5px 6px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 6px -5px rgba(0, 0, 0, 0.4);
}

html {
    height: 100%;
}

body {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    overflow-x: hidden;
}

.text-display-2,
.text-display-3 {
    line-height: 64px;
    font-weight: 100;
}

*,
:active,
:focus,
:hover {
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
}

.btn,
.btn-flat,
.waves-effect {
    -webkit-tap-highlight-color: transparent;
}

button:focus {
    outline: 0 !important;
}

button {
    background-color: transparent;
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

.light-skin a {
    color: #0645ad;
}

.dark-skin a {
    color: #00b0ff;
}

mark {
    padding: 2px 4px;
}

pre,
table,
td,
th {
    border: none;
}

.text-display-3 {
    font-size: 52px;
    letter-spacing: -2px;
}

.text-display-2 {
    font-size: 39px;
    letter-spacing: -1px;
}

.h1,
.text-display-1,
h1 {
    font-size: 34px;
    line-height: 52px;
    letter-spacing: -1px;
    font-weight: 300;
}

.text-headline {
    font-size: 24px;
    line-height: 44px;
    font-weight: 300;
}

.text-title {
    font-size: 17px;
    line-height: 38px;
}

.text-subhead {
    font-size: 15px;
    line-height: 24px;
}

.text-small {
    font-size: 12px;
    line-height: 20px;
}

.text-body {
    font-size: 14px;
    line-height: 1.7;
}

.mute-text {
    color: #a9b1b3;
}

.h1,
h1 {
    font-size: 34px;
}

.h2,
h2 {
    font-size: 24px;
    font-weight: 400;
}

.h3,
h3 {
    font-size: 17px;
}

.h4,
h4 {
    font-size: 15px;
    letter-spacing: 0;
}



.h6,
h6 {
    font-size: 12px;
}

.h1,
.h2,
h1,
h2 {
    margin: 0;
}

    .h1 small,
    .h2 small,
    h1 small,
    h2 small {
        font-size: 65%;
        font-weight: 300;
        color: #757575;
    }

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        font-size: 85%;
        font-weight: 400;
        line-height: 1;
        color: #757575;
    }

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.6;
}

.small {
    font-size: 13px;
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Thin), url(../../fonts/roboto/Roboto-Thin.eot);
    src: url(../../fonts/roboto/Roboto-Thind41d.eot?#iefix) format("embedded-opentype"), url(../../fonts/roboto/Roboto-Thin.woff2) format("woff2"), url(../../fonts/roboto/Roboto-Thin.woff) format("woff"), url(../../fonts/roboto/Roboto-Thin.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Light), url(../../fonts/roboto/Roboto-Light.eot);
    src: url(../../fonts/roboto/Roboto-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../../fonts/roboto/Roboto-Light.woff2) format("woff2"), url(../../fonts/roboto/Roboto-Light.woff) format("woff"), url(../../fonts/roboto/Roboto-Light.ttf) format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Regular), url(../../fonts/roboto/Roboto-Regular.eot);
    src: url(../../fonts/roboto/Roboto-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../../fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(../../fonts/roboto/Roboto-Regular.woff) format("woff"), url(../../fonts/roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/roboto/Roboto-Medium.eot);
    src: url(../../fonts/roboto/Roboto-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../../fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(../../fonts/roboto/Roboto-Medium.woff) format("woff"), url(../../fonts/roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/roboto/Roboto-Bold.eot);
    src: url(../../fonts/roboto/Roboto-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../../fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(../../fonts/roboto/Roboto-Bold.woff) format("woff"), url(../../fonts/roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
}

img.responsive-img,
video.responsive-video {
    display: block;
    max-width: 100%;
    height: auto;
}

.grey-scale-img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    .grey-scale-img img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

.form-group {
    margin-bottom: 15px;
}

table,
td,
th {
    position: relative;
    border-bottom: none;
}

table {
    width: 100%;
    display: table;
    margin-bottom: 0;
}

    table.table-row-border tr {
        border-bottom: 1px solid #e0e0e0;
    }

    table.table-row-border > thead > tr > td,
    table.table-row-border > thead > tr > th {
        border-bottom-width: 2px;
    }

    table.table-bordered,
    table.table-bordered > tbody > tr > td,
    table.table-bordered > tbody > tr > th,
    table.table-bordered > tfoot > tr > td,
    table.table-bordered > tfoot > tr > th,
    table.table-bordered > thead > tr > td,
    table.table-bordered > thead > tr > th {
        border: 1px solid #efefef;
    }

        table.table-bordered > thead > tr > td,
        table.table-bordered > thead > tr > th {
            border-bottom-width: 2px;
        }

    table.table-condensed > tbody > tr > td,
    table.table-condensed > tbody > tr > th,
    table.table-condensed > tfoot > tr > td,
    table.table-condensed > tfoot > tr > th,
    table.table-condensed > thead > tr > td,
    table.table-condensed > thead > tr > th {
        padding: 5px 12px;
    }

    table.table-striped code {
        background-color: transparent !important;
    }

    table.table-hover tbody tr {
        -webkit-transition: background-color 0.25s ease;
        -o-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
    }

td,
th {
    padding: 14px 12px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

thead th {
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    color: #212121;
    vertical-align: bottom;
}

table [type="checkbox"] + label {
    position: absolute;
    height: 15px !important;
    margin-bottom: 0;
}

table tr.active,
table tr.selected {
    background-color: #ffffd2 !important;
    color: #212121 !important;
}

th.sort:after {
    content: "";
    font-family: MaterialDesignIcons;
    position: absolute;
    top: 14px;
    right: 2px;
    font-size: 16px;
}

th.sort:not(.asc):not(.desc):after {
    color: #999;
}

th.sort.asc:after {
    content: "";
}

th.sort.desc:after {
    content: "";
}

.update-table tbody tr {
    -webkit-transition: background-color, 0.6s, ease !important;
    -o-transition: background-color, 0.6s, ease !important;
    transition: background-color, 0.6s, ease !important;
}

table > tbody > tr.success > td,
table > tbody > tr.success > th,
table > tbody > tr > td.success,
table > tbody > tr > th.success,
table > tfoot > tr.success > td,
table > tfoot > tr.success > th,
table > tfoot > tr > td.success,
table > tfoot > tr > th.success,
table > thead > tr.success > td,
table > thead > tr.success > th,
table > thead > tr > td.success,
table > thead > tr > th.success {
    background-color: #dff0d8;
    color: #709138;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

table > tbody > tr.info > td,
table > tbody > tr.info > th,
table > tbody > tr > td.info,
table > tbody > tr > th.info,
table > tfoot > tr.info > td,
table > tfoot > tr.info > th,
table > tfoot > tr > td.info,
table > tfoot > tr > th.info,
table > thead > tr.info > td,
table > thead > tr.info > th,
table > thead > tr > td.info,
table > thead > tr > th.info {
    background-color: #d9edf7;
    color: #24adad;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

table > tbody > tr.warning > td,
table > tbody > tr.warning > th,
table > tbody > tr > td.warning,
table > tbody > tr > th.warning,
table > tfoot > tr.warning > td,
table > tfoot > tr.warning > th,
table > tfoot > tr > td.warning,
table > tfoot > tr > th.warning,
table > thead > tr.warning > td,
table > thead > tr.warning > th,
table > thead > tr > td.warning,
table > thead > tr > th.warning {
    background-color: #fcf8e3;
    color: #ca7116;
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

table > tbody > tr.danger > td,
table > tbody > tr.danger > th,
table > tbody > tr > td.danger,
table > tbody > tr > th.danger,
table > tfoot > tr.danger > td,
table > tfoot > tr.danger > th,
table > tfoot > tr > td.danger,
table > tfoot > tr > th.danger,
table > thead > tr.danger > td,
table > thead > tr.danger > th,
table > thead > tr > td.danger,
table > thead > tr > th.danger {
    background-color: #f2dede;
    color: #963b59;
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-block-responsive tbody td:before {
    content: attr(data-title) ": ";
    display: none;
}

@media (max-width: 768px) {
    .table-block-responsive th {
        display: none !important;
    }

    .table-block-responsive tbody tr:nth-child(odd) {
        background-color: #f9f9f9;
    }

    .table-block-responsive tbody td {
        float: left;
        width: 100%;
        position: relative;
        padding-left: 56% !important;
    }

        .table-block-responsive tbody td::before {
            content: attr(data-title) " : ";
            display: block;
            position: absolute;
            top: 0;
            left: 14px;
            padding: 8px;
            max-width: 40%;
            font-weight: 700;
        }
}

.legend table {
    width: auto;
}

    .legend table td {
        padding: 2px;
    }

        .legend table td > div {
            border: none !important;
        }

            .legend table td > div > div {
                border-radius: 50%;
                -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
                box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            }

.legend > div {
    background-color: transparent !important;
}

.alert {
    padding: 16px 12px;
    border: none;
    border-radius: 2px;
}

.badge,
.badge.new {
    border-radius: 2px;
}

.alert .alert-link {
    font-weight: 500;
}

.aside-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    background-color: #fcfcfc;
    -webkit-box-shadow: -6px 0 30px -8px rgba(50, 50, 50, 0.4);
    box-shadow: -6px 0 30px -8px rgba(50, 50, 50, 0.4);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1;
}

    .aside-panel .toolbar .search-wrapper .search-form {
        right: 10px;
    }

    .aside-panel .ap-body {
        position: relative;
        height: 100%;
    }

    .aside-panel .mCSB_container {
        min-height: 760px;
    }

    .aside-panel.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        z-index: 9999;
    }

    .aside-panel .collection {
        margin: 0;
    }

.ap-header-wrapper {
    position: relative;
}

.ap-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    padding: 12px 0;
}

.ap-header-wrapper + .ap-body {
    padding-top: 64px;
}

@media only screen and (max-width: 480px) {
    .aside-panel.open,
    .chat-header,
    .overlay-list {
        width: 100% !important;
    }

    .toolbar .search-form {
        max-width: 96% !important;
    }
}

.badge:empty {
    display: none;
}

.badge.new {
    background-color: #26a69a !important;
}

    .badge.new:after {
        content: " new";
    }

.icon .badge {
    position: absolute;
    top: -8px;
    right: -8px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    border-radius: 50%;
    padding: 3px 5px;
}

.btn-flat:after,
.btn.active:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.btn,
.btn-flat {
    display: inline-block;
    margin-bottom: 0;
    line-height: 34px;
    background-image: none;
    padding: 0 18px;
    letter-spacing: 0.5px;
    border-radius: 2px;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    outline: 0;
}

    .btn-flat:hover,
    .btn:hover {
        color: inherit;
    }

    .btn.active:after {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .btn:not(.btn-default) {
        text-decoration: none;
        text-align: center;
        -webkit-transition: 0.2s ease-out;
        -o-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
    }

.btn-default,
.btn-default:focus {
    color: inherit;
}

.btn-flat {
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-flat:after {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.08);
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .btn-flat:hover:after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }


    .btn .mdi,
    .btn i,
    .btn-circle .mdi,
    .btn-circle i,
    .btn-flat .mdi,
    .btn-flat i {
        font-size: 18px;
        line-height: inherit;
    }

.btn-circle {
    display: inline-block;
    position: relative;
    width: 38px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .btn-circle .mdi,
    .btn-circle i {
        width: 100%;
    }

    .btn-circle.btn-md {
        width: 45.6px;
        height: 45.6px;
        padding: 0;
    }

        .btn-circle.btn-md .mdi,
        .btn-circle.btn-md i {
            line-height: 45.6px;
        }

    .btn-circle.btn-lg {
        width: 57px;
        height: 57px;
        padding: 0;
    }

        .btn-circle.btn-lg .mdi,
        .btn-circle.btn-lg i {
            line-height: 57px;
        }

    .btn-circle .rotate {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: rotate, 0.7s;
        -o-transition: rotate, 0.7s;
        transition: rotate, 0.7s;
        -webkit-transition-duration: 0.5s;
    }

        .btn-circle .rotate:hover {
            -webkit-transform: rotate(495deg);
            -ms-transform: rotate(495deg);
            -o-transform: rotate(495deg);
            transform: rotate(495deg);
        }

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    margin-bottom: 0;
    z-index: 998;
}

    .fixed-action-btn.active ul {
        visibility: visible;
    }

    .fixed-action-btn:hover {
        opacity: 1;
    }

    .fixed-action-btn.horizontal {
        padding: 0 0 0 15px;
    }

        .fixed-action-btn.horizontal ul {
            text-align: right;
            right: 64px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 100%;
            left: initial;
            width: 500px;
        }

            .fixed-action-btn.horizontal ul li {
                display: inline-block;
                margin: 15px 15px 0 0;
            }

    .fixed-action-btn ul {
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
        visibility: hidden;
        padding-left: 0;
    }

        .fixed-action-btn ul li {
            list-style-type: none;
            margin-bottom: 15px;
        }

        .fixed-action-btn ul a.btn-floating {
            opacity: 0;
        }

    .fixed-action-btn .rotate {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: rotate, 0.7s;
        -o-transition: rotate, 0.7s;
        transition: rotate, 0.7s;
    }

        .fixed-action-btn .rotate:hover {
            -webkit-transform: rotate(495deg);
            -ms-transform: rotate(495deg);
            -o-transform: rotate(495deg);
            transform: rotate(495deg);
        }

    .fixed-action-btn [name]:before {
        content: attr(name);
        position: absolute;
        right: 80%;
        bottom: 20%;
        background: #323232;
        color: #fff;
        font: 500 12px Roboto;
        white-space: nowrap;
        margin-right: 10px;
        padding: 5px 7px;
        border-radius: 2px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .fixed-action-btn [name]:hover:before {
        visibility: visible;
        right: 100%;
        opacity: 1;
    }

.btn-sm {
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
}

    .btn-sm .mdi.right {
        margin-left: 8px;
    }

    .btn-sm .mdi.left {
        margin-right: 8px;
    }

.btn-lg {
    line-height: 48px;
    font-size: 15px;
    padding: 0 26px;
}

    .btn-lg .mdi {
        font-size: 24px;
    }

.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    line-height: 10px;
    margin: 2rem;
    padding: 5px;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .btn-close:before {
        content: "";
        font: normal normal normal 20px/1 MaterialDesignIcons;
        color: #fff;
    }

    .btn-close:hover {
        background: rgba(0, 0, 0, 0.5);
    }

.btn-flat.sort,
.btn.sort {
    position: relative;
    padding-right: 40px;
}

    .btn-flat.sort:before,
    .btn.sort:before {
        content: "";
        font-family: MaterialDesignIcons;
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 18px;
    }

    .btn-flat.sort.asc:before,
    .btn.sort.asc:before {
        content: "";
    }

    .btn-flat.sort.desc:before,
    .btn.sort.desc:before {
        content: "";
    }

.btn-animate {
    position: relative;
    border: none;
}

.btn-group-lg > .btn,
.card {
    border-radius: 2px;
}

    .btn-group-vertical > .btn:first-child:not(:last-child),
    .card .card-img-top {
        border-top-right-radius: 2px;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child),
    .card .card-img-bottom {
        border-bottom-left-radius: 2px;
    }

.btn-animate input {
    text-align: left !important;
}

.btn-animate .animate-text {
    display: inline-block;
    -webkit-transition: position, 0.6s;
    -o-transition: position, 0.6s;
    transition: position, 0.6s;
}

.btn-animate.top .slideIn-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: inherit;
    top: -100%;
    left: 0;
    font-size: 150%;
    -webkit-transition: position, 0.3s;
    -o-transition: position, 0.3s;
    transition: position, 0.3s;
}

.btn-animate.bottom .slideIn-icon,
.btn-animate.top .slideIn-text {
    -webkit-transition: position, 0.3s;
    -o-transition: position, 0.3s;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: inherit;
}

.btn-animate.top .slideIn-text {
    top: -100%;
    text-align: center;
    font-size: inherit;
    transition: position, 0.3s;
}

.btn-animate.top:not(.disabled):hover .animate-text {
    -webkit-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
}

.btn-animate.top:not(.disabled):hover .slideIn-icon,
.btn-animate.top:not(.disabled):hover .slideIn-text {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.btn-animate.bottom .slideIn-icon {
    bottom: -130%;
    font-size: 150%;
    transition: position, 0.3s;
}

.btn-animate.bottom .slideIn-text {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: inherit;
    bottom: -300%;
    left: 0;
    text-align: center;
    font-size: inherit;
    -webkit-transition: position, 0.3s;
    -o-transition: position, 0.3s;
    transition: position, 0.3s;
}

.btn-animate.bottom:not(.disabled):hover .animate-text,
.btn-animate.bottom:not(.disabled):hover .slideIn-text {
    -webkit-transform: translate(0, -300%);
    -ms-transform: translate(0, -300%);
    -o-transform: translate(0, -300%);
    transform: translate(0, -300%);
}

.btn-animate.bottom:not(.disabled):hover .slideIn-icon {
    -webkit-transform: translate(0, -131%);
    -ms-transform: translate(0, -131%);
    -o-transform: translate(0, -131%);
    transform: translate(0, -131%);
}

.btn-animate.right .slideIn-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: inherit;
    top: 0;
    left: 100%;
    font-size: 150%;
    -webkit-transition: position, 0.6s;
    -o-transition: position, 0.6s;
    transition: position, 0.6s;
}

.btn-animate.left .slideIn-icon,
.btn-animate.right .slideIn-text {
    height: 100%;
    top: 0;
    -webkit-transition: position, 0.6s;
    -o-transition: position, 0.6s;
    position: absolute;
    width: 100%;
    padding: inherit;
}

.btn-animate.right .slideIn-text {
    left: 100%;
    text-align: center;
    font-size: inherit;
    transition: position, 0.6s;
}

.btn-animate.right:not(.disabled):hover .animate-text {
    -webkit-transform: translate(-300%, 0);
    -ms-transform: translate(-300%, 0);
    -o-transform: translate(-300%, 0);
    transform: translate(-300%, 0);
}

.btn-animate.right:not(.disabled):hover .slideIn-icon,
.btn-animate.right:not(.disabled):hover .slideIn-text {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.btn-animate.left .slideIn-icon {
    right: 100%;
    font-size: 150%;
    transition: position, 0.6s;
}

.btn-animate.left .slideIn-text {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: inherit;
    top: 0;
    right: 100%;
    text-align: center;
    font-size: inherit;
    -webkit-transition: position, 0.6s;
    -o-transition: position, 0.6s;
    transition: position, 0.6s;
}

.callout-left,
.callout-right {
    position: absolute;
    height: 100%;
    width: 3px;
    top: 0;
}

.btn-animate.left:not(.disabled):hover .animate-text {
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    -o-transform: translate(300%, 0);
    transform: translate(300%, 0);
}

.btn-animate.left:not(.disabled):hover .slideIn-icon,
.btn-animate.left:not(.disabled):hover .slideIn-text {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.btn-circle.disabled,
.btn-circle:disabled,
.btn-flat.disabled,
.btn-flat:disabled,
.btn.disabled,
.fixed-action-btn.disabled .btn:disabled,
.fixed-action-btn:disabled {
    color: #9f9f9f !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none !important;
    cursor: not-allowed;
}

    .btn-circle.disabled:hover,
    .btn-circle:disabled:hover,
    .btn-flat.disabled:hover,
    .btn-flat:disabled:hover,
    .btn.disabled:hover,
    .fixed-action-btn.disabled .btn:disabled:hover,
    .fixed-action-btn:disabled:hover {
        background-color: transparent;
        color: #9f9f9f !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-flat.disabled:after,
    .btn-flat:disabled:after {
        background-color: transparent;
    }

    .btn-circle.disabled:hover .rotate,
    .btn-circle:disabled:hover .rotate {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

.btn-group-vertical .btn {
    margin-bottom: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle,
.btn-group:not(.bootstrap-select) .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: inherit;
}

.callout-left {
    left: 0;
}

.callout-right {
    right: 0;
}

.callout-bottom,
.callout-top {
    position: absolute;
    right: 0;
    height: 3px;
    left: 0;
}

.callout-top {
    top: 0;
}

.callout-bottom {
    bottom: 0;
}

.card {
    position: relative;
}

    .card .card-title {
        font-size: 20px;
        font-weight: 300;
    }

        .card .card-title.activator {
            cursor: pointer;
        }

    .card .card-block {
        position: relative;
        padding: 16px;
    }

    .card .card-footer {
        display: block;
        padding: 12px 20px;
    }

        .card .card-footer.toolbar {
            padding: 0 8px;
        }

        .card .card-footer a:not(.btn) {
            color: #ffab40;
        }

    .card p {
        margin: 0;
    }

    .card.no-border,
    .card.transparent:not(.active) {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .card .card-img-top {
        border-top-left-radius: 2px;
    }

    .card .card-img-bottom {
        border-bottom-right-radius: 2px;
    }

    .card .fixed-action-btn {
        position: absolute;
        top: 0;
        right: 23px;
        z-index: 2;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .card .card-image {
        position: relative;
        overflow: hidden;
        -webkit-transition: height 0.6s ease-in-out;
        -o-transition: height 0.6s ease-in-out;
        transition: height 0.6s ease-in-out;
    }

        .card .card-image img {
            width: 100%;
        }

        .card .card-image .card-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.2);
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            line-height: 1;
            padding: 8px 20px;
            z-index: 2;
        }

        .card .card-image .btn,
        .card .card-image .btn-flat {
            position: absolute;
            top: 10px;
            right: 15px;
            z-index: 2;
        }

        .card .card-image .label {
            position: absolute;
            bottom: 0;
            left: 0;
            font-size: 14px;
            font-weight: 400;
            padding: 0.3em 0.6em;
            border-radius: 0;
        }

    .card .timestamp {
        font-size: 12px;
    }

    .card .card-reveal {
        padding: 16px;
        position: absolute;
        width: 100%;
        overflow-y: auto;
        top: 100%;
        height: 100%;
        z-index: 3;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .card .card-reveal.transparent {
            background-color: transparent;
        }

        .card .card-reveal .card-title {
            cursor: pointer;
            display: block;
        }

    .card .activator {
        cursor: pointer;
    }

    .card .btn-circle.fixed-bottom {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    .card .card-thumbnails {
        padding: 0 15px 20px;
    }

        .card .card-thumbnails .thumbnail {
            height: 60px;
            width: 60px;
            overflow: hidden;
            margin: 0 auto;
            border: none;
            border-radius: 0;
            padding: 0;
        }

    .card.profile-card {
        height: 300px;
    }

        .card.profile-card .card-image {
            height: 160px;
        }

            .card.profile-card .card-image img {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 1;
                width: 120%;
                -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
            }

        .card.profile-card .card-figure {
            position: absolute;
            top: auto;
            left: 50%;
            z-index: 3;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            opacity: 1;
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
            -webkit-transition: opacity 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out;
        }

        .card.profile-card:hover .card-image {
            height: 55px !important;
            -webkit-transition: height 0.4s ease-in-out;
            -o-transition: height 0.4s ease-in-out;
            transition: height 0.4s ease-in-out;
        }

        .card.profile-card:hover .card-figure {
            opacity: 0;
        }

    .card.media-card-sm {
        height: 130px;
    }

        .card.media-card-sm img {
            width: 100px;
            height: 130px;
        }

    .card .stat-body {
        position: relative;
        display: block;
        height: 134px;
        overflow: hidden;
    }

    .card .stat-icon {
        position: absolute;
        top: 0;
        height: 100px;
        width: 100%;
        font-size: 130px;
        color: #fff;
        overflow: hidden;
        opacity: 0.1;
    }

        .card .stat-icon .mdi,
        .card .stat-icon i {
            position: absolute;
            right: 0;
        }

    .card .stat-details {
        position: absolute;
        top: 40px;
        left: 15px;
    }

        .card .stat-details .count {
            display: block;
            font-size: 26px;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.7);
            line-height: normal;
        }

        .card .stat-details .stat-title {
            display: block;
            font-size: 16px;
            font-weight: 300;
            line-height: normal;
            color: rgba(255, 255, 255, 0.9);
        }

    .card .stat-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 34px;
        background-color: rgba(0, 0, 0, 0.05);
        padding: 10px;
    }

    .card .list-group {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.twitter-card {
    cursor: pointer;
    margin-bottom: 16px;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s;
}

    .twitter-card.open {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        padding-bottom: 40px;
        margin: 20px 0;
    }

    .twitter-card .card-footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 6px;
        color: #eee;
        opacity: 0;
        z-index: -1;
    }

    .twitter-card.open .card-footer {
        opacity: 1;
    }

    .twitter-card.theme .sub-text,
    .twitter-card.theme a {
        color: #fff;
    }

.dropdown-colorselector {
    z-index: 1;
    height: 100%;
}

    .dropdown-colorselector:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        background-color: #333;
        border-radius: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }

    .dropdown-colorselector > .dropdown-menu {
        height: 100%;
        width: 100%;
    }

    .dropdown-colorselector > .dropdown-toggle {
        position: absolute;
        left: 10px;
    }

    .dropdown-colorselector > .dropdown-menu > li {
        display: block;
        float: left;
        width: 25%;
        height: 25%;
        background-color: #222 !important;
        padding: 0;
    }

        .dropdown-colorselector > .dropdown-menu > li > .color-btn {
            display: block;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border-radius: 0;
            position: relative;
            -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
            -o-transform: scale(0.95);
            transform: scale(0.95);
            -webkit-transition: all 0.18s linear;
            -o-transition: all 0.18s linear;
            transition: all 0.18s linear;
        }

            .dropdown-colorselector > .dropdown-menu > li > .color-btn:hover {
                -webkit-transform: scale(0.75);
                -ms-transform: scale(0.75);
                -o-transform: scale(0.75);
                transform: scale(0.75);
            }

.btn-colorselector:after,
.dropdown-menu.top-right {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.btn-colorselector:after {
    content: "";
    font-family: MaterialDesignIcons;
    position: absolute;
    left: 0;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transform: scale(0);
}

.dropdown-colorselector.open:after {
    height: 600px;
    width: 600px;
}

.card:hover .btn-colorselector:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.16s linear;
    -o-transition: all 0.16s linear;
    transition: all 0.16s linear;
}

.ap-body.chat {
    position: relative;
    padding-bottom: 40px;
}

.chat-time-stamp {
    font-size: 12px;
    color: #757575;
    margin-top: 8px;
}

.chat-item.me + .me,
.chat-item.them + .them {
    margin-top: 0;
}

.chat-form {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 6px 0;
    z-index: 1;
}

.chat-item:after,
.chat-item:before {
    content: " ";
    display: table;
}

.chat-item.me + .me .text-message:before,
.chat-item.them + .them .text-message:before {
    display: none;
}

.panel-group .panel.active,
.text-message {
    margin: 10px 0;
}

.text-message {
    position: relative;
    max-width: 70%;
    padding: 12px;
    border-radius: 2px;
}

    .text-message:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
    }

    .text-message.them {
        float: left;
        color: #fff;
        margin-left: 22px;
    }

        .text-message.them:before {
            border-width: 0 10px 10px 0;
            position: absolute;
            top: 0;
            left: -9px;
        }

    .text-message.me {
        background: rgba(150, 150, 150, 0.1);
        float: right;
        margin-right: 22px;
    }

        .text-message.me:before {
            border-width: 12px 12px 0 0;
            border-color: rgba(150, 150, 150, 0.1) transparent transparent;
            position: absolute;
            top: 0;
            right: -12px;
        }

.msg-attachments-list {
    padding-left: 0;
}

.msg-attachment-item {
    display: inline-block;
    width: 120px;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}

    .msg-attachment-item img {
        max-width: 80px;
        margin-bottom: 6px;
    }

    .msg-attachment-item .mdi {
        font-size: 60px;
    }

@media only screen and (max-width: 480px) {
    .ap-body.chat {
        padding-top: 54px;
    }

    .chat-header {
        padding: 7px 0;
    }
}

.sub-charts .sc-key {
    font-size: 15px;
    color: #757575;
}

.sub-charts .sc-value {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    color: #212121;
}

.chart-fullwidth {
    margin: -10px;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

label.checkbox-filled {
    position: relative;
    display: inline-block;
    height: 25px;
    cursor: pointer;
    padding-left: 30px;
    font-weight: 400;
}

    label.checkbox-filled:hover [type="checkbox"]:not(:disabled) + .highlight {
        border-color: #26a69a;
    }

[type="checkbox"].filled + .highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 0;
    border: 2px solid transparent;
    border-radius: 2px;
    -webkit-transition: border-color, 0.28s ease;
    -o-transition: border-color, 0.28s ease;
    transition: border-color, 0.28s ease;
}

[type="checkbox"].filled:not(:disabled) + .highlight {
    border-color: #b0bec5;
}

[type="checkbox"].filled + .highlight:after,
[type="checkbox"].filled + .highlight:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 2px;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    -o-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

[type="checkbox"].filled + .highlight:before {
    top: 14px;
    left: 7px;
    -webkit-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    -o-transform: rotate(-140deg);
    transform: rotate(-140deg);
}

[type="checkbox"].filled + .highlight:after {
    top: 8px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[type="checkbox"].filled:checked + .highlight:after,
[type="checkbox"].filled:checked + .highlight:before {
    -webkit-transition: height 0.28s ease;
    -o-transition: height 0.28s ease;
    transition: height 0.28s ease;
    opacity: 1;
}

[type="checkbox"].filled:checked + .highlight:before {
    height: 14px;
    -webkit-transition-delay: 0.28s;
    -o-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

[type="checkbox"].filled:checked + .highlight:after {
    height: 9px;
}

[type="checkbox"].filled:checked:not(:disabled) + .highlight {
    background-color: #26a69a;
    border-color: #26a69a;
}

[type="checkbox"]:not(.filled):not(.msg-star) + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    [type="checkbox"]:not(.filled):not(.msg-star) + label:before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #b0bec5;
        border-radius: 1px;
        margin-top: 2px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    [type="checkbox"]:not(.filled):not(.msg-star) + label:hover:before {
        border-color: #26a69a;
    }

[type="checkbox"]:not(.filled):not(.msg-star):checked + label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-backface-visibility: hidden;
}

[type="checkbox"]:not(.filled).info:checked + label:before {
    border-right: 2px solid #3bafda;
    border-bottom: 2px solid #3bafda;
}

[type="checkbox"]:not(.filled).info:not(:checked) + label:hover:before {
    border-color: #3bafda;
}

[type="checkbox"]:not(.filled).warning:checked + label:before {
    border-right: 2px solid #ff8f00;
    border-bottom: 2px solid #ff8f00;
}

[type="checkbox"]:not(.filled).warning:not(:checked) + label:hover:before {
    border-color: #ff8f00;
}

[type="checkbox"]:not(.filled).error:checked + label:before {
    border-right: 2px solid #d84a38;
    border-bottom: 2px solid #d84a38;
}

[type="checkbox"]:not(.filled).error:not(:checked) + label:hover:before {
    border-color: #d84a38;
}

[type="checkbox"].filled.info:checked + .highlight {
    background-color: #3bafda;
    border-color: #3bafda;
}

[type="checkbox"].filled.warning:checked + .highlight {
    background-color: #ff8f00;
    border-color: #ff8f00;
}

[type="checkbox"].filled.error:checked + .highlight {
    background-color: #d84a38;
    border-color: #d84a38;
}

label.checkbox-filled:hover [type="checkbox"].filled.info + .highlight {
    border-color: #3bafda;
}

label.checkbox-filled:hover [type="checkbox"].filled.warning + .highlight {
    border-color: #ff8f00;
}

label.checkbox-filled:hover [type="checkbox"].filled.error + .highlight {
    border-color: #d84a38;
}

.collapse-indicator:after {
    content: "";
    position: absolute;
    right: 15px;
    font-family: MaterialDesignIcons;
    font-size: 18px;
    font-style: normal;
    -webkit-transition: deg, 0.3s;
    -o-transition: deg, 0.3s;
    transition: deg, 0.3s;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.dropdown-menu-right,
.dropdown-menu.pull-right,
.pull-right > .dropdown-menu {
    left: auto;
    right: 0;
}

.collapsed + .collapse-indicator:after {
    content: "";
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.panel-group {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .panel-group .panel {
        -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .panel-group.popout .panel {
        -webkit-transform: scaleX(0.92) translate3d(0, 0, 0);
        -ms-transform: scaleX(0.92) translate3d(0, 0, 0);
        -o-transform: scaleX(0.92) translate3d(0, 0, 0);
        transform: scaleX(0.92) translate3d(0, 0, 0);
        -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

.dropdown-menu,
.tt-menu {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.panel-group.popout .panel.active {
    margin: 16px 0;
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    -ms-transform: scaleX(1) translate3d(0, 0, 0);
    -o-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0);
}

.dropdown-toggle {
    position: relative;
    cursor: pointer;
}

    .dropdown-toggle:focus {
        outline: 0;
    }

.dropdown-menu {
    display: block;
    top: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    /*-webkit-transform: scale(1, 0);*/
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
  /*  transform: scale(1, 0);*/
    transition: all 0.3s linear;
    border: none;
   /* opacity: 0;*/
    padding: 0;
    margin: 0;
    border-radius: 0;
}

    .dropdown-menu li {
        cursor: pointer;
        font-size: 14px;
        line-height: 40px;
        padding: 0 20px;
        list-style: none;
    }

        .dropdown-menu li > a {
            font-size: 14px;
            white-space: nowrap;
            display: block;
            clear: both;
            line-height: inherit;
            padding: 0;
        }

            .dropdown-menu li > a:focus,
            .dropdown-menu li > a:hover {
                background-color: transparent;
            }

    .dropdown-menu .divider {
        margin: 0;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
        background-color: transparent;
    }

.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
}

    .open > .dropdown-menu.top-left,
    .open > .dropdown-menu.top-right {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.open > a {
    outline: 0;
}

.dropdown-menu.top-right {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    transform: scale(0);
    left: auto;
    right: 0;
}

.dropdown-menu.top-left {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-bottom: -2px;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

    .dropup .dropdown-menu.top-right {
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        -o-transform-origin: bottom right;
        transform-origin: bottom right;
    }

    .dropup .dropdown-menu.top-left {
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
    }

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    color: #a9b1b3;
    font-size: 15px;
    font-style: italic;
    line-height: 32px;
    white-space: nowrap;
    cursor: default;
}

    .dropdown-header:hover {
        background-color: transparent !important;
        cursor: default;
    }

.file-field input[type="file"],
.file-field span,
.icon.action {
    cursor: pointer;
}

.expanding-card {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    overflow: hidden;
    z-index: 4;
    border-radius: 2px;
}

    .expanding-card.expand {
        width: 80%;
        height: 500px;
        max-width: 600px;
        padding: 0;
    }

        .expanding-card.expand .btn-close {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

    .expanding-card .button-expand {
        display: inline-block;
        cursor: pointer;
        width: 40px;
        height: 40px;
        padding: 0 12px;
        font-size: 13px;
        line-height: 40px;
        text-transform: uppercase;
    }

    .expanding-card .btn-close {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .expanding-card .content {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        width: 100%;
        height: 100%;
        font-size: 13px;
        opacity: 0;
    }

        .expanding-card .content .head {
            padding: 0 0 20px;
        }

        .expanding-card .content .body {
            height: 440px;
            width: 100%;
            padding: 10px 0;
            padding-bottom: 40px !important;
        }

        .expanding-card .content .footer {
            height: 40px;
        }

            .expanding-card .content .footer a,
            .expanding-card .content .footer button {
                text-transform: uppercase;
                color: #ffc400;
            }

        .expanding-card .content.expand {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }

.show-form-overlay .form-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99998;
}

.show-form-overlay .expanding-card {
    z-index: 99999;
}

@media only screen and (min-width: 480px) {
    .expanding-card {
        -webkit-transition: all 0.2s 0.45s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.25s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
        -o-transition: all 0.2s 0.45s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.25s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
        transition: all 0.2s 0.45s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.25s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s, width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s;
    }

        .expanding-card.expand {
            -webkit-transition: all 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, height 0.3s ease 0.25s;
            -o-transition: all 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, height 0.3s ease 0.25s;
            transition: all 0.2s, max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, height 0.3s ease 0.25s;
        }

            .expanding-card.expand .btn-close {
                -webkit-transition: all 0.7s;
                -o-transition: all 0.7s;
                transition: all 0.7s;
            }

        .expanding-card .button-expand {
            -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
            -o-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
            transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
        }

            .expanding-card .button-expand.expand {
                -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }

        .expanding-card .content {
            -webkit-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            -o-transition: opacity 0.2s 0.2s, -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s 0.2s;
            transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s 0.2s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

            .expanding-card .content.expand {
                -webkit-transition: opacity 0s, -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 50ms;
                -o-transition: opacity 0s, -o-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 50ms;
                transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 0s;
                transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 0s, -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 50ms, -o-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) 50ms;
            }

    .form-overlay {
        -webkit-transition: background-color 0.7s;
        -o-transition: background-color 0.7s;
        transition: background-color 0.7s;
    }
}

.file-field {
    position: relative;
    overflow: hidden;
}

    .file-field input.file-path {
        margin-left: 100px;
    }

    .file-field .btn {
        position: absolute;
        top: 0;
        height: 3rem;
        line-height: 3rem;
    }

    .file-field input[type="file"] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 20px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.funnel {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: inherit;
    overflow: hidden;
    padding-top: 10px;
}

    .funnel:after,
    .funnel:before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        background-color: inherit;
        width: 40%;
        height: 100%;
    }

    .funnel:before {
        left: -15%;
        -webkit-transform: skew(15deg);
        -ms-transform: skew(15deg);
        -o-transform: skew(15deg);
        transform: skew(15deg);
    }

    .funnel:after {
        right: -15%;
        -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        transform: skew(-15deg);
    }

    .funnel .funnel-brick {
        text-align: center;
        background-color: #fff;
        padding: 4px 0;
        margin-bottom: 4px;
    }

        .funnel .funnel-brick .key {
            font-size: 12px;
        }

        .funnel .funnel-brick .value {
            font-size: 17px;
            line-height: normal;
        }

.funnel-data {
    display: inline-block;
    width: 50px;
    height: 100%;
    background-color: #eee;
}

.funnel.color-scale {
    background-color: #fff;
}

    .funnel.color-scale .funnel-brick:nth-of-type(1) {
        background-color: #9e9e9e;
    }

    .funnel.color-scale .funnel-brick:nth-of-type(2) {
        background-color: #bdbdbd;
    }

    .funnel.color-scale .funnel-brick:nth-of-type(3) {
        background-color: #e0e0e0;
    }

    .funnel.color-scale .funnel-brick:nth-of-type(4) {
        background-color: #eee;
    }

    .funnel.color-scale .funnel-brick:nth-of-type(5) {
        background-color: #f5f5f5;
    }

    .funnel.color-scale .funnel-brick:nth-of-type(6) {
        background-color: #fafafa;
    }

.icon {
    position: relative;
    font-size: 20px;
}

i {
    line-height: inherit;
}

    i.left {
        float: left;
        margin-right: 15px;
    }

    i.right {
        float: right;
        margin-left: 15px;
    }

    i.tiny {
        font-size: 12px !important;
    }

    i.small {
        font-size: 15px !important;
    }

    i.medium {
        font-size: 26px !important;
    }

    i.large {
        font-size: 32px !important;
    }

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea.textarea-auto-resize {
    width: 100%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #9e9e9e;
    outline: 0;
    border-radius: 0;
    height: 34px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

input.placeholder,
textarea.placeholder {
    color: #757575;
    font-style: italic;
    font-weight: 300;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #757575;
    font-style: italic;
    font-weight: 300;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #757575;
    font-style: italic;
    font-weight: 300;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #757575;
    font-style: italic;
    font-weight: 300;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input.no-border {
    border-bottom: none;
}

.input-field input:focus ~ .input-group-btn,
.input-field input[type="date"]:focus,
.input-field input[type="email"]:focus,
.input-field input[type="number"]:focus,
.input-field input[type="password"]:focus,
.input-field input[type="search"]:focus,
.input-field input[type="tel"]:focus,
.input-field input[type="text"]:focus,
.input-field input[type="url"]:focus,
.input-field textarea:focus.textarea-auto-resize {
    border-bottom-color: transparent;
}

.input-field .input-highlight {
    display: block;
}

    .input-field .input-highlight:after,
    .input-field .input-highlight:before {
        content: "";
        height: 1px;
        width: 0;
        bottom: 0;
        position: absolute;
        -webkit-transition: 0.3s ease all;
        -o-transition: 0.3s ease all;
        transition: 0.3s ease all;
    }

.input-field textarea.textarea-auto-resize ~ .input-highlight:after,
.input-field textarea.textarea-auto-resize ~ .input-highlight:before {
    bottom: 5px;
}

.input-field .input-highlight:before {
    left: 50%;
}

.input-field .input-highlight:after {
    right: 50%;
}

.input-field input:focus ~ .input-highlight:after,
.input-field input:focus ~ .input-highlight:before,
.input-field input[type="date"]:focus ~ .input-highlight:after,
.input-field input[type="date"]:focus ~ .input-highlight:before,
.input-field input[type="email"]:focus ~ .input-highlight:after,
.input-field input[type="email"]:focus ~ .input-highlight:before,
.input-field input[type="number"]:focus ~ .input-highlight:after,
.input-field input[type="number"]:focus ~ .input-highlight:before,
.input-field input[type="password"]:focus ~ .input-highlight:after,
.input-field input[type="password"]:focus ~ .input-highlight:before,
.input-field input[type="search"]:focus ~ .input-highlight:after,
.input-field input[type="search"]:focus ~ .input-highlight:before,
.input-field input[type="tel"]:focus ~ .input-highlight:after,
.input-field input[type="tel"]:focus ~ .input-highlight:before,
.input-field input[type="text"]:focus ~ .input-highlight:after,
.input-field input[type="text"]:focus ~ .input-highlight:before,
.input-field input[type="url"]:focus ~ .input-highlight:after,
.input-field input[type="url"]:focus ~ .input-highlight:before,
.input-field textarea:focus.textarea-auto-resize ~ .input-highlight:after,
.input-field textarea:focus.textarea-auto-resize ~ .input-highlight:before {
    width: 50%;
}

.input-field label.fixed-label,
.input-field label.fixed-label.active {
    top: -20px;
    left: 0;
    font-size: 13px;
    font-weight: 500;
}

    .input-field label.fixed-label.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

.label-float {
    margin-top: 30px;
}

.input-field {
    position: relative;
    background-image: none;
}

    .input-field label {
        position: absolute;
        top: 6px;
        left: 0;
        font-size: 14px;
        font-weight: 400;
        cursor: text;
        -webkit-transition: 0.2s ease-out;
        -o-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
    }

        .input-field label.active {
            font-size: 13px;
            font-weight: 500;
            -webkit-transform: translateY(-120%);
            -ms-transform: translateY(-120%);
            -o-transform: translateY(-120%);
            transform: translateY(-120%);
        }

    .input-field textarea.textarea-auto-resize ~ label:not(.fixed.label) {
        top: 0;
    }

        .input-field textarea.textarea-auto-resize ~ label:not(.fixed.label).active {
            -webkit-transform: translateY(-90%);
            -ms-transform: translateY(-90%);
            -o-transform: translateY(-90%);
            transform: translateY(-90%);
        }

    .input-field input[type="date"].invalid,
    .input-field input[type="email"].invalid,
    .input-field input[type="number"].invalid,
    .input-field input[type="password"].invalid,
    .input-field input[type="search"].invalid,
    .input-field input[type="tel"].invalid,
    .input-field input[type="text"].invalid,
    .input-field input[type="url"].invalid,
    .input-field textarea.textarea-auto-resize.invalid {
        border-bottom: 1px solid transparent;
    }

        .input-field input[type="date"].invalid ~ .input-highlight:after,
        .input-field input[type="date"].invalid ~ .input-highlight:before,
        .input-field input[type="email"].invalid ~ .input-highlight:after,
        .input-field input[type="email"].invalid ~ .input-highlight:before,
        .input-field input[type="number"].invalid ~ .input-highlight:after,
        .input-field input[type="number"].invalid ~ .input-highlight:before,
        .input-field input[type="password"].invalid ~ .input-highlight:after,
        .input-field input[type="password"].invalid ~ .input-highlight:before,
        .input-field input[type="search"].invalid ~ .input-highlight:after,
        .input-field input[type="search"].invalid ~ .input-highlight:before,
        .input-field input[type="tel"].invalid ~ .input-highlight:after,
        .input-field input[type="tel"].invalid ~ .input-highlight:before,
        .input-field input[type="text"].invalid ~ .input-highlight:after,
        .input-field input[type="text"].invalid ~ .input-highlight:before,
        .input-field input[type="url"].invalid ~ .input-highlight:after,
        .input-field input[type="url"].invalid ~ .input-highlight:before,
        .input-field textarea.textarea-auto-resize.invalid ~ .input-highlight:after,
        .input-field textarea.textarea-auto-resize.invalid ~ .input-highlight:before {
            background-color: #a94442;
            width: 50%;
        }

    .input-field input[disabled] {
        color: #a9b1b3;
        border-bottom: 1px dashed #a9b1b3;
    }

.form-control,
.input-group-addon {
    background-color: transparent;
    border: none;
}

.input-field input.input-sm,
.input-field input.input-sm ~ label {
    font-size: 12px;
    height: 30px;
}

    .input-field input.input-sm ~ label.active {
        font-size: 12px;
        -webkit-transform: translateY(-70%);
        -ms-transform: translateY(-70%);
        -o-transform: translateY(-70%);
        transform: translateY(-70%);
    }

.input-field input.input-lg,
.input-field input.input-lg ~ label {
    font-size: 18px;
    height: 40px;
}

    .input-field input.input-lg ~ label.active {
        font-size: 15px;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%);
    }

.input-field .prefix {
    position: absolute;
    width: 30px;
    font-size: 24px;
    line-height: 36px;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

    .input-field .prefix ~ input,
    .input-field .prefix ~ textarea {
        margin-left: 32px;
        width: 92%;
        width: calc(100% - 30px);
    }

    .input-field .prefix ~ label {
        margin-left: 32px;
    }

    .input-field .prefix.small {
        font-size: 18px;
    }

        .input-field .prefix.small ~ input {
            margin-left: 26px;
            width: 92%;
        }

        .input-field .prefix.small ~ label {
            margin-left: 26px;
        }

    .input-field .prefix.large {
        font-size: 30px;
        line-height: 44px;
    }

        .input-field .prefix.large ~ input {
            margin-left: 40px;
            width: 88%;
        }

        .input-field .prefix.large ~ label {
            margin-left: 40px;
        }

@media only screen and (min-width: 768px) {
    .input-field .prefix ~ input {
        width: 86%;
        width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 480px) {
    .input-field .prefix ~ input {
        width: 80%;
        width: calc(100% - 30px);
    }
}

.input-field[class*="has-"] .input-highlight {
    position: relative;
}

.input-field[class*="has-"] .help-block {
    margin-bottom: 30px;
}

textarea.textarea-auto-resize {
    overflow-y: hidden;
    padding: 2px 0;
    resize: none;
    min-height: 68px;
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-feedback input[type="date"],
.has-feedback input[type="email"],
.has-feedback input[type="number"],
.has-feedback input[type="password"],
.has-feedback input[type="search"],
.has-feedback input[type="tel"],
.has-feedback input[type="text"],
.has-feedback input[type="url"],
.has-feedback textarea.textarea-auto-resize {
    padding-right: 30px !important;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
}

.form-control-feedback {
    font-size: 20px;
    line-height: 32px;
}

.help-block {
    float: left;
    width: 100%;
    font-size: 12px;
}

.input-color-picker {
    margin-right: 60px;
}

    .input-color-picker ~ .sp-replacer {
        position: absolute;
    }

        .input-color-picker ~ .sp-replacer .sp-preview {
            margin-right: 10px;
        }

        .input-color-picker ~ .sp-replacer .sp-dd {
            position: absolute;
            top: 5px;
            right: 2px;
        }

.input-group-addon {
    padding: 0;
    font-size: 13px;
    color: inherit;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}

    .input-group-addon label {
        margin-bottom: 0;
    }

.input-group [type="radio"] + label:after,
.input-group [type="radio"] + label:before,
.input-group [type="checkbox"] + label:before {
    margin-top: 0 !important;
}

.card.input-group .input-group-btn,
.card.input-group input {
    border-bottom: none;
}

.card.input-group .btn,
.card.input-group .btn-flat {
    line-height: 34px;
}

.input-group.grey input {
    color: #616161;
}

.input-group-btn {
    border-bottom: 1px solid #9e9e9e;
}

    .input-group-btn .btn-flat,
    .input-group-btn > .btn {
        position: relative;
        max-height: 40px;
        margin: 0 !important;
    }

        .input-group-btn .btn-flat + .btn,
        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn .btn-flat:active,
        .input-group-btn .btn-flat:focus,
        .input-group-btn .btn-flat:hover,
        .input-group-btn > .btn:active,
        .input-group-btn > .btn:focus,
        .input-group-btn > .btn:hover {
            z-index: 2;
        }

    .input-group-btn input[type="radio"] + label,
    .input-group-btn input[type="checkbox"] + label {
        position: relative;
        height: 18px;
        cursor: pointer;
    }

    .input-group-btn .btn,
    .input-group-btn .btn-flat {
        border-radius: 0;
        line-height: 30px;
    }

        .input-group-btn .btn .mdi,
        .input-group-btn .btn-flat .mdi {
            line-height: inherit;
            float: none;
        }

    .input-group-btn .btn {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .input-group-btn .selectpicker {
        border-bottom: 0 !important;
    }

.input-group-lg .input-group-btn .btn,
.input-group-lg .input-group-btn .btn-flat {
    line-height: 40px;
}

.label {
    font-size: 80%;
    font-weight: 500;
}

.list-group {
    -webkit-box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.15);
    padding: 0;
    margin-bottom: 0;
}

    .list-group:after,
    .list-group:before {
        content: " ";
        display: table;
    }

    .list-group p {
        margin: 0;
    }

    .list-group.no-border {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .list-group.no-border.item-border .list-group-item {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

    .list-group.item-border .list-group-divider,
    .list-group.item-border .list-group-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .list-group .divider {
        padding: 10px 20px;
    }

        .list-group .divider:after {
            content: "";
            display: block;
            height: 1px;
            background-color: rgba(0, 0, 0, 0.1);
        }

        .list-group .divider.item-icon {
            padding-left: 72px;
        }

    .list-group .item-divider {
        display: block;
        font-size: 15px;
        padding: 6px 20px;
    }

    .list-group .each-list {
        padding: 32px;
    }

    .list-group .overlay-list {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        opacity: 0;
        z-index: -1;
    }

    .list-group .close-list {
        z-index: 999999;
    }

    .list-group .ripple {
        position: absolute;
        width: 100%;
        height: 65px;
        left: 0;
        right: 0;
        margin-top: -32px;
        overflow: hidden;
    }

    .list-group .ink {
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

        .list-group .ink.animate {
            -webkit-animation: ripple 0.6s linear;
            -o-animation: ripple 0.6s linear;
            animation: ripple 0.6s linear;
        }

    .list-group .contact-edit {
        position: absolute;
        top: -10px;
        right: 26px;
        z-index: 1;
    }

    .list-group.item-small .list-group-item {
        padding: 5px 20px;
    }

        .list-group.item-small .list-group-item.item-icon {
            padding-left: 46px;
        }

            .list-group.item-small .list-group-item.item-icon .icon {
                left: 10px !important;
                font-size: 22px;
            }

.list-group-item {
    position: relative;
    padding: 10px 20px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

    .list-group-item.active {
        color: inherit;
    }

        .list-group-item.active > .icon {
            color: rgba(255, 255, 255, 0.8) !important;
            opacity: 0.8;
        }

    .list-group-item .text-title {
        display: inline-block;
    }

    .list-group-item .intro-head {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        margin-right: 10px;
    }

        .list-group-item .intro-head:after {
            content: "";
            margin-left: 10px;
            border-left: 2px solid;
        }

    .list-group-item .item-title {
        font-size: 15px;
        font-weight: 500;
    }

        .list-group-item .item-title.online:before {
            content: "";
            position: absolute;
            left: 48px;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background-color: #4caf50;
            -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        }

    .list-group-item .item-text {
        margin-bottom: 0;
        line-height: 1.3;
    }

    .list-group-item.item-avatar {
        padding-left: 72px;
        position: relative;
        min-height: 59px;
    }

        .list-group-item.item-avatar .avatar {
            position: absolute;
            display: inline-block;
            left: 16px;
            width: 42px;
            height: 42px;
            font-size: 22px;
            line-height: 42px;
            font-style: normal;
            text-align: center;
            overflow: hidden;
            vertical-align: middle;
        }

        .list-group-item.item-avatar .collapsible-header {
            min-height: 59px;
        }

    .list-group-item.item-thumbnail {
        position: relative;
        min-height: 122px;
        padding-left: 140px;
    }

        .list-group-item.item-thumbnail .item-title {
            font-size: 15px !important;
        }

        .list-group-item.item-thumbnail .text-headline {
            font-size: 22px;
        }

        .list-group-item.item-thumbnail .thumb-wrap {
            position: absolute;
            width: 100px;
            height: 100px;
            overflow: hidden;
            left: 20px;
            display: inline-block;
            vertical-align: middle;
        }

.list-group-divider,
a.list-group-item {
    display: block;
}

.list-group-item.item-thumbnail .thumb-wrap img {
    height: 100%;
}

.list-group-item.item-thumbnail .collapsible-header {
    min-height: 140px;
}

.list-group-item > a {
    color: inherit;
}

.list-group-item .timestamp {
    font-size: 12px;
}

a.list-group-item:not(.active):hover {
    background-color: rgba(150, 150, 150, 0.05);
}

a.list-group-item:focus {
    text-decoration: none;
}

.list-group-item.item-icon:not(.toolbar) {
    padding-left: 72px;
}

    .list-group-item.item-icon:not(.toolbar) .icon:not(.action) {
        position: absolute;
        left: 20px;
        font-size: 22px;
    }

    .list-group-item.item-icon:not(.toolbar) .icon.switch {
        line-height: 10px !important;
    }

    .list-group-item.item-icon:not(.toolbar) [type="radio"] ~ label.icon,
    .list-group-item.item-icon:not(.toolbar) [type="checkbox"] ~ label.icon {
        margin-top: -1px;
    }

.list-group-item.item-icon.item-lines .icon {
    line-height: 42px !important;
}

    .list-group-item.item-icon.item-lines .icon.switch {
        line-height: 30px !important;
    }

.list-group-item.item-icon.item-lines [type="radio"] ~ label.icon,
.list-group-item.item-icon.item-lines [type="checkbox"] ~ label.icon {
    margin-top: 6px;
}

.list-group-item .list-group {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.list-group-divider.empty {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 0;
    padding-bottom: 0;
}

.list-group-divider .list-group {
    padding: 0 20px;
}

.list-group-animation > .divider,
.list-group-animation > .list-group-divider,
.list-group-animation > .list-group-item {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -o-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform, -o-transform;
}

.list-group-animation.isinview > .divider,
.list-group-animation.isinview > .list-group-divider,
.list-group-animation.isinview > .list-group-item {
    opacity: 1;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.list-group.transparent .divider,
.list-group.transparent .list-group-item,
.list-group.transparent .toolbar {
    background-color: transparent;
}

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

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

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

.media {
    position: relative;
}

    .media .media-heading {
        display: inline-block;
        font-size: 17px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0;
    }

    .media .media-subhead {
        display: block;
        font-size: 13px;
    }

    .media .avatar {
        height: 40px;
        width: 40px;
    }

.media-img {
    width: 25%;
    height: inherit;
}

.media-heading {
    line-height: 1.2;
}

.modal-backdrop.in {
    opacity: 1;
}

.modal-block {
    display: block !important;
}

.modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 60px;
}

.loading-animation,
.preloader-bg,
.preloader-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
}

.modal-dialog .btn-close {
    float: right;
}

.modal-content {
    border: none;
    border-radius: 2px;
}


.modal-body,
.modal-footer {
    padding: 14px 20px;
}

.modal-footer {
    border-top: 0;
}

.modal .bottom-sheet {
    top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: 45%;
    -webkit-box-shadow: 0 7px 20px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 7px 20px 8px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    will-change: bottom, opacity;
}

.progress .indeterminate:after,
.progress .indeterminate:before {
    will-change: left, right;
    content: "";
}

.modal .bottom-sheet.bs-masonry-grid [class*="col-"] {
    padding: 0;
}

.modal.in .bottom-sheet {
    bottom: 0;
}

.modal-white {
    background-color: rgba(255, 255, 255, 0.9);
}

    .modal-white .modal-content {
        -webkit-box-shadow: 0 0 15px 1px #bbb;
        box-shadow: 0 0 15px 1px #bbb;
    }

.page-header {
    margin: 0;
    padding: 20px 0 12px;
    line-height: 40px;
    border-bottom: none;
}

    .page-header h1 {
        display: inline-block;
        font-size: 26px;
        line-height: inherit;
    }

    .page-header h2 {
        font-weight: 300;
    }

    .page-header .breadcrumbs {
        float: right;
        padding: 0;
    }

body:not(.ev-page) .page-header {
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px 12px;
}

.preloading {
    overflow: hidden;
}

.loading-animation {
    background-color: #fff;
    height: 0.25rem;
    margin: auto;
    width: 0;
    z-index: 1020;
}

.page-loader-animation {
    position: fixed;
    z-index: 1020;
}

.preloader-bg {
    left: 0;
    right: 0;
    background-image: url(../../images/blue-grey-wallpaper.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.15;
    z-index: 1011;
}

.preloader-overlay {
    left: 0;
    right: 0;
    background-color: #4a7885;
    z-index: 1010;
}

    .preloader-overlay.fadeout {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s 1s, opacity 1s linear;
        -o-transition: visibility 0s 1s, opacity 1s linear;
        transition: visibility 0s 1s, opacity 1s linear;
    }

.pagination {
    text-align: center;
}

    .pagination li {
        float: left;
        width: 50px;
        height: 30px;
        border-radius: 100%;
        outline: 0;
    }

    .pagination a,
    .pagination span {
        border: none !important;
        background-color: transparent !important;
    }

    .pagination a {
        margin: 6px 11px !important;
        display: block;
        padding: 0 !important;
    }

        .pagination a:hover {
            background-color: transparent !important;
        }

    .pagination span:hover {
        background-color: transparent !important;
    }

    .pagination.disabled a {
        cursor: default;
        color: #999;
    }

    .pagination li:not(.active) > a:hover {
        color: inherit !important;
    }

    .pagination:not(.no-arrows) li:first-child,
    .pagination:not(.no-arrows) li:last-child {
        margin-top: -8px;
        font-family: MaterialDesignIcons;
        font-size: 30px;
        cursor: pointer;
    }

.panel-group .panel + .panel:not(.active),
ol.linenums {
    margin-top: 0;
}

.pagination:not(.no-arrows) li:first-child a,
.pagination:not(.no-arrows) li:last-child a {
    display: none;
}

.pagination:not(.no-arrows) li:first-child:before {
    content: "";
}

.pagination:not(.no-arrows) li:last-child:before {
    content: "";
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    color: #fff;
    background-color: transparent;
    border-color: none;
}

.badge-danger {
    color: #fff;
    background-color: #f46a6a !important;
}
.badge-success {
    color: #fff;
    background-color: #34c38f !important;
}
.badge-primary {
    color: #fff;
    background-color: #4a7885 !important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.panel-group .panel {
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel {
    border: none;
    border-radius: 0;
}

.panel-heading {
    position: relative;
    border: none;
    border-radius: 0;
}

    .panel-heading a {
        color: inherit;
    }

.panel-footer {
    border: none;
    border-radius: 0;
}

.popover {
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    border: none;
    border-radius: 2px;
    white-space: normal;
    padding: 0;
}

.popover-title {
    padding: 6px 12px 0;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    border: none !important;
    border-radius: 0;
}

.pln {
    color: #000;
}

@media screen {
    pre .str {
        color: #080;
    }

    pre .kwd {
        color: #008;
    }

    pre .com {
        color: #800;
    }

    pre .typ {
        color: #606;
    }

    pre .lit {
        color: #066;
    }

    pre .clo,
    pre .opn,
    pre .pun {
        color: #660;
    }

    pre .tag {
        color: #008;
    }

    pre .atn {
        color: #606;
    }

    pre .atv {
        color: #080;
    }

    pre .dec,
    pre .var {
        color: #606;
    }

    pre .fun {
        color: red;
    }
}

@media print, projection {
    pre .kwd,
    pre .tag,
    pre .typ {
        font-weight: 700;
    }

    pre .str {
        color: #060;
    }

    pre .kwd {
        color: #006;
    }

    pre .com {
        color: #600;
        font-style: italic;
    }

    pre .typ {
        color: #404;
    }

    pre .lit {
        color: #044;
    }

    pre .clo,
    pre .opn,
    pre .pun {
        color: #440;
    }

    pre .tag {
        color: #006;
    }

    pre .atn {
        color: #404;
    }

    pre .atv {
        color: #060;
    }
}

ol.linenums {
    margin-bottom: 0;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
    list-style-type: none;
}

.prettyprint ol.linenums > li {
    list-style-type: decimal;
}

.dark-skin code .str,
.dark-skin pre .str {
    color: #65b042;
}

.dark-skin code .kwd,
.dark-skin pre .kwd {
    color: #e28964;
}

.dark-skin code .com,
.dark-skin pre .com {
    color: #aeaeae;
    font-style: italic;
}

.dark-skin code .typ,
.dark-skin pre .typ {
    color: #89bdff;
}

.dark-skin code .lit,
.dark-skin pre .lit {
    color: #3387cc;
}

.dark-skin code .pln,
.dark-skin code .pun,
.dark-skin pre .pln,
.dark-skin pre .pun {
    color: #fff;
}

.dark-skin code .tag,
.dark-skin pre .tag {
    color: #89bdff;
}

.dark-skin code .atn,
.dark-skin pre .atn {
    color: #bdb76b;
}

.dark-skin code .atv,
.dark-skin pre .atv {
    color: #65b042;
}

.dark-skin code .dec,
.dark-skin pre .dec {
    color: #3387cc;
}

@media print {
    .dark-skin code .str,
    .dark-skin pre .str {
        color: #060;
    }

    .dark-skin code .kwd,
    .dark-skin pre .kwd {
        color: #006;
        font-weight: 700;
    }

    .dark-skin code .com,
    .dark-skin pre .com {
        color: #600;
        font-style: italic;
    }

    .dark-skin code .typ,
    .dark-skin pre .typ {
        color: #404;
        font-weight: 700;
    }

    .dark-skin code .lit,
    .dark-skin pre .lit {
        color: #044;
    }

    .dark-skin code .pun,
    .dark-skin pre .pun {
        color: #440;
    }

    .dark-skin code .pln,
    .dark-skin pre .pln {
        color: #000;
    }

    .dark-skin code .tag,
    .dark-skin pre .tag {
        color: #006;
        font-weight: 700;
    }

    .dark-skin code .atn,
    .dark-skin pre .atn {
        color: #404;
    }

    .dark-skin code .atv,
    .dark-skin pre .atv {
        color: #060;
    }
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

    .progress .determinate,
    .progress .indeterminate:after,
    .progress .indeterminate:before {
        background-color: inherit;
        top: 0;
        position: absolute;
        bottom: 0;
    }

    .progress .progress-bar {
        text-align: center;
        -webkit-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

    .progress .determinate {
        -webkit-transition: width 0.3s linear;
        -o-transition: width 0.3s linear;
        transition: width 0.3s linear;
    }

    .progress .indeterminate:before {
        left: 0;
        -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }

    .progress .indeterminate:after {
        left: 0;
        -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        -webkit-animation-delay: 1.15s;
        -o-animation-delay: 1.15s;
        animation-delay: 1.15s;
    }

.progress-large {
    height: 18px;
}

.progressbar-text {
    font-weight: 300;
    line-height: normal !important;
}

.sc-progressbar-text {
    top: 24% !important;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%, 60% {
        left: 100%;
        right: -90%;
    }
}

@-o-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%, 60% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%, 60% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%, 60% {
        left: 107%;
        right: -8%;
    }
}

@-o-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%, 60% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%, 60% {
        left: 107%;
        right: -8%;
    }
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        font-weight: 400;
        -webkit-transition: 0.28s ease;
        -o-transition: 0.28s ease;
        transition: 0.28s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

[type="radio"] + label:after,
[type="radio"] + label:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: 0.28s ease;
    -o-transition: 0.28s ease;
    transition: 0.28s ease;
}

.nav-scrollspy .active a:before,
.switch label .lever,
.switch label .lever:after {
    content: "";
    display: inline-block;
}

[type="radio"]:not(:checked) + label:before {
    border-radius: 50%;
    border: 2px solid #b0bec5;
}

[type="radio"]:not(:checked) + label:after {
    border-radius: 50%;
    border: 2px solid #b0bec5;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:before {
    border-radius: 50%;
}

[type="radio"]:checked + label:after {
    border-radius: 50%;
    border: 2px solid #26a69a;
    z-index: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

[type="radio"]:checked + label:before {
    border: 2px solid #26a69a;
}

[type="radio"]:checked + label:after {
    border-color: #26a69a;
    background-color: #26a69a;
}

[type="radio"]:not(:disabled) + label:hover:before {
    border-color: #26a69a;
}

[type="radio"].info:checked + label:before {
    border: 2px solid #3bafda;
}

[type="radio"].info:checked + label:after {
    border-color: #3bafda;
    background-color: #3bafda;
}

[type="radio"].info:not(:disabled) + label:hover:before {
    border-color: #3bafda;
}

[type="radio"].warning:checked + label:before {
    border: 2px solid #ff8f00;
}

[type="radio"].warning:checked + label:after {
    border-color: #ff8f00;
    background-color: #ff8f00;
}

[type="radio"].warning:not(:disabled) + label:hover:before {
    border-color: #ff8f00;
}

[type="radio"].danger:checked + label:before {
    border: 2px solid #d84a38;
}

[type="radio"].danger:checked + label:after {
    border-color: #d84a38;
    background-color: #d84a38;
}

.nav-scrollspy .active a,
.nav-scrollspy a:focus {
    background-color: transparent !important;
}

[type="radio"].danger:not(:disabled) + label:hover:before {
    border-color: #d84a38;
}

.main-wrapper .scrollspy-section .section,
.main-wrapper .scrollspy-section h1[id],
.main-wrapper .scrollspy-section h2[id],
.main-wrapper .scrollspy-section h3[id],
.main-wrapper .scrollspy-section h4[id],
.main-wrapper .scrollspy-section h5[id],
.main-wrapper .scrollspy-section h6[id] {
    margin-top: -50px;
    padding-top: 90px;
}

.main-wrapper.side-menu .scrollspy-section .section,
.main-wrapper.side-menu .scrollspy-section h1[id],
.main-wrapper.side-menu .scrollspy-section h2[id],
.main-wrapper.side-menu .scrollspy-section h3[id],
.main-wrapper.side-menu .scrollspy-section h4[id],
.main-wrapper.side-menu .scrollspy-section h5[id],
.main-wrapper.side-menu .scrollspy-section h6[id] {
    margin-top: -20px;
    padding-top: 70px;
}

.nav-scrollspy {
    margin-top: 40px;
    border-left: 4px solid !important;
}

    .nav-scrollspy a {
        color: #212121;
    }

    .nav-scrollspy .active a {
        font-weight: 600;
        color: #212121 !important;
    }

        .nav-scrollspy .active a:before {
            position: absolute;
            top: 6px;
            left: -4px;
            height: 60%;
            border-left: 4px solid #bcbcbc;
        }

.main-wrapper.side-menu .nav-scrollspy {
    margin-top: 80px;
}

.switch,
.switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a,
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.switch label {
    cursor: pointer;
    font-weight: 400;
}

.switch input[type="checkbox"][disabled] + .lever,
.switch-toggle input:disabled + label,
.switch.disabled {
    cursor: not-allowed;
}

.switch label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

    .switch label input[type="checkbox"]:checked + .lever {
        background-color: #84c7c1;
    }

        .switch label input[type="checkbox"]:checked + .lever:after {
            background-color: #26a69a;
        }

.switch label .lever {
    position: relative;
    width: 40px;
    height: 15px;
    background-color: #818181;
    border-radius: 15px;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
}

    .switch label .lever:after {
        position: absolute;
        width: 21px;
        height: 21px;
        background-color: #f1f1f1;
        border-radius: 21px;
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
        left: -5px;
        top: -3px;
        -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease;
        -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
        transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
        transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
    }

input[type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}

input[type="checkbox"]:not(:disabled) ~ .lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch label input[type="checkbox"]:checked + .lever:after {
    left: 24px;
}

.switch.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.switch-toggle {
    position: relative;
    display: block;
    padding: 0 !important;
}

    .switch-toggle:after,
    .switch-toggle:before {
        content: " ";
        display: table;
    }

    .switch-toggle *,
    .switch-toggle :after,
    .switch-toggle :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .switch-toggle a {
        display: block;
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .switch-toggle label,
    .switch-toggle > span {
        line-height: 2em;
        vertical-align: middle;
    }

    .switch-toggle input {
        position: absolute;
        left: 0;
        opacity: 0;
    }

        .switch-toggle input + label {
            position: relative;
            z-index: 2;
            display: block;
            color: #6f829a;
            float: left;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding-left: 0 !important;
            margin: 0;
            text-align: center;
        }

            .scrtabs-js-tab-scroll-arrow-left span,
            .scrtabs-js-tab-scroll-arrow-right span,
            .scrtabs-tab-content-outside-movable-container .nav-tabs,
            .scrtabs-tabs-movable-container .tab-content,
            .switch-toggle input + label:after,
            .switch-toggle input + label:before {
                display: none;
            }

        .switch-toggle input:disabled + label + a.btn,
        .switch-toggle input:disabled + label + a.btn-flat {
            z-index: 2;
        }

        .switch-toggle input:checked + label {
            color: #fff;
            padding: 0;
        }

    .switch-toggle a {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        z-index: 1;
        width: 10px;
        height: 100%;
    }

.nav-justified,
.nav-tabs {
    position: relative;
}

.switch-toggle .btn {
    border-radius: 0;
}

.switch-toggle label:nth-child(2):nth-last-child(4),
.switch-toggle label:nth-child(2):nth-last-child(4) ~ a,
.switch-toggle label:nth-child(2):nth-last-child(4) ~ label {
    width: 50%;
}

    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
        left: 50%;
    }

.switch-toggle label:nth-child(2):nth-last-child(6),
.switch-toggle label:nth-child(2):nth-last-child(6) ~ a,
.switch-toggle label:nth-child(2):nth-last-child(6) ~ label {
    width: 33.33%;
}

    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
        left: 33.33%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
        left: 66.66%;
    }

.switch-toggle label:nth-child(2):nth-last-child(8),
.switch-toggle label:nth-child(2):nth-last-child(8) ~ a,
.switch-toggle label:nth-child(2):nth-last-child(8) ~ label {
    width: 25%;
}

    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
        left: 25%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
        left: 50%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
        left: 75%;
    }

.switch-toggle label:nth-child(2):nth-last-child(10),
.switch-toggle label:nth-child(2):nth-last-child(10) ~ a,
.switch-toggle label:nth-child(2):nth-last-child(10) ~ label {
    width: 20%;
}

    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
        left: 20%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
        left: 40%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
        left: 60%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
        left: 80%;
    }

.switch-toggle label:nth-child(2):nth-last-child(12),
.switch-toggle label:nth-child(2):nth-last-child(12) ~ a,
.switch-toggle label:nth-child(2):nth-last-child(12) ~ label {
    width: 16.6%;
}

    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
        left: 16.6%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
        left: 33.2%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
        left: 49.8%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
        left: 66.4%;
    }

    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
        left: 83%;
    }

.nav-tabs {
    border-bottom: none;
}

.tab-pane {
    padding: 15px;
}

.nav-justified > li > .dropdown-menu {
    min-width: 100%;
}

.tab-active-border {
    position: absolute !important;
    bottom: 0;
    width: auto;
    height: 2px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 2;
    will-change: left, right;
}

.nav-justified li > a,
.nav-justified li > a:focus,
.nav-justified li > a:hover,
.nav-justified > .active > a,
.nav-justified > .active > a:focus,
.nav-justified > .active > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    border: none !important;
    background-color: transparent !important;
}

.button-indicator li.active {
    z-index: 3;
}

    .button-indicator li.active > a {
        color: #fff !important;
    }

.button-indicator .tab-active-border {
    height: 100%;
    border-radius: 2px;
}

.button-indicator.tabs-left .tab-active-border,
.button-indicator.tabs-right .tab-active-border {
    width: 100%;
    border-radius: 2px;
}

.nav-justified > li > a,
.nav-tabs > li > a {
    padding: 12px 15px;
}

.tabs-bottom .tab-active-border {
    top: 0;
    bottom: auto;
}

.tabs-left,
.tabs-right {
    width: auto !important;
    height: 100%;
}

    .tabs-left li:not(.tab-active-border),
    .tabs-right li:not(.tab-active-border) {
        float: none;
        width: auto !important;
        min-width: 120px;
        max-width: 200px;
    }

    .tabs-left .tab-active-border,
    .tabs-right .tab-active-border {
        width: 2px;
    }

.tabs-left {
    float: left;
    margin-right: 12px;
}

    .tabs-left .tab-active-border {
        right: 0;
    }

.tabs-right {
    float: right;
    margin-left: 12px;
}

@media only screen and (max-width: 480px) {
    .tabs-left nav > li,
    .tabs-right nav > li {
        min-width: 0;
        max-width: 90px;
    }
}

.scrtabs-tab-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.scrtabs-tab-container {
    height: 42px;
}

    .scrtabs-tab-container .tab-content {
        clear: left;
    }

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: 100%;
}

.scrtabs-tabs-movable-container {
    position: relative;
}

.scrtabs-tab-scroll-arrow {
    border: none;
    border-top: none;
    cursor: pointer;
    float: left;
    font-size: 20px;
    height: 42px;
    margin-bottom: -1px;
    padding-top: 6px;
    width: 20px;
    font-family: MaterialDesignIcons;
}

.scrtabs-js-tab-scroll-arrow-left:before {
    content: "";
}

.scrtabs-js-tab-scroll-arrow-right {
    float: none;
    position: absolute;
    right: 15px;
}

    .scrtabs-js-tab-scroll-arrow-right:before {
        content: "";
    }

.scrtabs-tabs-fixed-container ul.nav-tabs {
    height: 41px;
}

    .scrtabs-tabs-fixed-container ul.nav-tabs > li {
        white-space: nowrap;
    }

.timeline {
    padding: 20px;
    position: relative;
    margin: 20px 0;
    overflow: auto;
}

.toolbar .title,
.toolbar-caption.on-hover {
    overflow: hidden;
}

.timeline:before {
    top: 25px;
    bottom: 20px;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    left: 50%;
    margin-left: -1.5px;
    z-index: 2;
}

.timeline-icon,
.timeline-icon.ti-text,
.tl-item {
    background-color: inherit;
}

.tl-item {
    position: relative;
    width: 50%;
    float: left;
    padding-bottom: 60px;
}

    .tl-item:hover .timeline-icon.ti-text {
        font-weight: 500;
    }

        .tl-item:hover .timeline-icon.ti-text:after {
            left: 4px;
            right: 4px;
        }

    .tl-item.tl-item-inverted {
        float: right;
        padding-left: 40px;
        padding-right: 0;
    }

.timeline > li:after,
.timeline > li:before {
    content: " ";
    display: table;
}

.timeline-icon {
    position: absolute;
    top: 0;
    text-align: center;
    z-index: 3;
}

    .timeline-icon.ti-text {
        width: 70px;
        right: -36px;
        left: auto;
        font-size: 10px;
        line-height: 2.3;
        text-transform: uppercase;
    }

        .timeline-icon.ti-text:after {
            content: "";
            position: absolute;
            left: 50%;
            right: 50%;
            bottom: 3px;
            height: 1px;
            -webkit-transition: left, right, 0.2s ease-out;
            -o-transition: left, right, 0.2s ease-out;
            transition: left, right, 0.2s ease-out;
        }

    .timeline-icon.ti-circle {
        right: -19px;
        left: auto;
        width: 38px;
        height: 38px;
        font-size: 18px;
        line-height: 38px;
        border-radius: 50%;
    }

.tl-item-inverted .timeline-icon.ti-text {
    left: -36px;
    right: auto;
}

.tl-item-inverted .timeline-icon.ti-circle {
    left: -19px;
    right: auto;
}

.tl-item:not(.tl-item-inverted) {
    padding-right: 40px;
}

.timeline.timeline-single {
    max-width: 600px;
    overflow-x: hidden;
    padding-left: 40px;
    padding-right: 10px;
}

    .timeline.timeline-single .tl-item {
        float: right;
        width: 100%;
        margin-top: 0;
        margin-left: 10px;
        padding-right: 0;
        padding-left: 40px;
    }

    .timeline.timeline-single:before {
        left: 40px;
    }

    .timeline.timeline-single .timeline-icon.ti-text {
        left: -35px;
        right: auto;
    }

    .timeline.timeline-single .timeline-icon.ti-circle {
        left: -19px;
        right: auto;
    }

    .timeline.timeline-single .tl-item:first-child + .tl-item {
        margin-top: 0;
    }

.timeline.small {
    padding-left: 20px;
}

    .timeline.small:before {
        left: 20px;
        width: 1px;
        background-color: #9294ae;
    }

    .timeline.small .tl-item {
        margin-bottom: 10px;
        padding-left: 20px;
        padding-bottom: 0;
    }

        .timeline.small .tl-item:before {
            content: "";
            position: absolute;
            top: 3px;
            left: -3px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #9294ae;
        }

.toolbar,
.toolbar .icon,
.toolbar-parent {
    position: relative;
}

.timeline.small .timestamp {
    font-size: 11px;
    color: #9294ae;
}

@media (min-width: 993px) {
    .timeline:not(.timeline-single) .tl-item:first-child + .tl-item {
        margin-top: 40px !important;
    }
}

@media (max-width: 992px) {
    .timeline {
        padding-left: 40px;
    }

        .timeline .tl-item {
            float: right;
            width: 100%;
            margin-left: 10px;
            margin-top: 0;
            padding-right: 0;
            padding-left: 40px;
        }

        .timeline:before {
            left: 40px;
        }

        .timeline .timeline-icon.ti-text {
            left: -35px;
            right: auto;
        }

        .timeline .timeline-icon.ti-circle {
            left: -19px;
            right: auto;
        }

        .timeline .tl-item:first-child + .tl-item {
            margin-top: 0;
        }
}

.tooltip-inner {
    padding: 6px 10px;
    color: #fff;
    text-decoration: none;
    background-color: #323232;
    border-radius: 2px;
}

.toolbar,
.toolbar a {
    color: inherit;
}

.tooltip-arrow {
    display: none;
}

.toolbar {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    border-radius: 0;
}

    .toolbar .btn,
    .toolbar .btn-circle,
    .toolbar .btn-flat {
        margin-right: 12px;
    }

    .toolbar img {
        height: 100%;
        width: auto;
        padding: 2px;
    }

    .toolbar .chip img {
        width: 32px;
        height: 32px;
    }

    .toolbar .title {
        display: block;
        white-space: nowrap;
        line-height: inherit;
        padding: 0 12px;
        font-size: 17px;
        font-weight: 400;
        color: inherit !important;
    }

        .toolbar .title.small {
            font-size: 14px;
        }

        .toolbar .title.medium {
            font-size: 20px;
            font-weight: 300;
        }

        .toolbar .title.large {
            font-size: 24px;
            font-weight: 300;
        }

    .toolbar .icon {
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        text-align: center;
        border-radius: 100%;
        color: inherit !important;
    }

        .toolbar .icon .dropdown-toggle {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .toolbar .icon.large {
            font-size: 28px;
        }

        .toolbar .icon.action:after {
            content: "";
            width: 34px;
            height: 34px;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.08);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .toolbar .icon.action:hover {
            cursor: pointer;
        }

            .toolbar .icon.action:hover:after {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

        .toolbar .icon.toolbar-back,
        .toolbar .icon.toolbar-collapse,
        .toolbar .icon.toolbar-fullscreen,
        .toolbar .icon.toolbar-refresh,
        .toolbar .icon.toolbar-remove,
        .toolbar .icon.toolbar-search {
            font-family: MaterialDesignIcons;
        }

            .toolbar .icon.toolbar-refresh:before {
                content: "";
            }

            .toolbar .icon.toolbar-remove:before {
                content: "";
            }

            .toolbar .icon.toolbar-back:before {
                content: "";
            }

            .toolbar .icon.toolbar-collapse:before {
                content: "";
            }

            .toolbar .icon.toolbar-collapse.closed:before {
                content: "";
            }

            .toolbar .icon.toolbar-fullscreen:before {
                content: "";
            }

            .toolbar .icon.toolbar-fullscreen.open:before {
                content: "";
            }

            .toolbar .icon.toolbar-search:before {
                content: "";
            }

        .toolbar .icon.toolbar-collapse {
            -webkit-transition: deg, 0.3s;
            -o-transition: deg, 0.3s;
            transition: deg, 0.3s;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
        }

            .toolbar .icon.toolbar-collapse.closed {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

    .toolbar .input-field {
        line-height: 36px;
    }

    .toolbar .dropdown {
        float: left;
    }

    .toolbar .bootstrap-select {
        height: 100%;
        float: left !important;
    }

    .expanding-toolbar.expand-left .toolbar-trigger,
    .toolbar .switch {
        float: left;
    }

    .toolbar .bootstrap-select > .btn {
        border-bottom: none;
        padding-left: 12px;
        line-height: inherit;
        color: inherit;
    }

    .toolbar .bootstrap-select:after {
        top: 0 !important;
        color: inherit !important;
    }

    .toolbar .switch label {
        margin-bottom: 0;
    }

    .toolbar .switch .lever {
        margin: 0 12px;
    }

    .toolbar .btn {
        line-height: 33px;
    }

    .toolbar .colored-load-bar,
    .toolbar .progress {
        position: absolute;
        margin: 0;
    }

        .toolbar .colored-load-bar.top,
        .toolbar .progress.top {
            top: 0;
        }

        .toolbar .colored-load-bar.bottom,
        .toolbar .progress.bottom {
            bottom: 0;
        }

    .toolbar label.checkbox-filled {
        line-height: 22px;
    }

    .toolbar [type="radio"] + label,
    .toolbar [type="checkbox"] + label {
        margin: 0;
    }

    .toolbar .search-form {
        max-width: 300px;
        opacity: 0;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .toolbar .search-form .input-group {
            background-color: rgba(255, 255, 255, 0.2);
        }

    .toolbar .search-wrapper .search-form {
        position: absolute;
        right: 0;
    }

    .toolbar .search-wrapper > .dropdown > .icon,
    .toolbar .search-wrapper > .icon {
        opacity: 1;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .toolbar .search-wrapper.open .search-form {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        z-index: 5;
    }

    .toolbar .search-wrapper.open > .dropdown > .icon,
    .toolbar .search-wrapper.open > .icon {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

.toolbar-caption {
    position: relative;
}

    .toolbar-caption .toolbar {
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.2) !important;
        z-index: 2;
    }

        .toolbar-caption .toolbar.bottom {
            bottom: 0;
            top: auto;
        }

    .toolbar-caption.on-hover .toolbar {
        top: 100%;
        bottom: auto;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .toolbar-caption.on-hover:hover .toolbar {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.toolbar-parent.fullscreen {
    position: fixed !important;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    margin: 0 !important;
    z-index: 1000;
    overflow: scroll;
}

    .toolbar-parent.fullscreen .collapsible-target,
    .toolbar-parent.fullscreen .paper {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .toolbar-parent.fullscreen .toolbar-refresh-overlay {
        position: fixed;
    }

.fullscreen-open {
    overflow: hidden;
}

.toolbar-body {
    position: relative;
}

.toolbar-parent .toolbar-refresh-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.expanding-toolbar {
    position: relative;
}

    .expanding-toolbar .toolbar-trigger {
        height: 40px;
        width: 40px;
        z-index: 2;
    }

        .expanding-toolbar .toolbar-trigger .mdi {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

    .expanding-toolbar .toolbar {
        position: absolute;
        width: 40px;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .expanding-toolbar.open .toolbar-trigger .mdi {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .expanding-toolbar.open .toolbar {
        width: 100%;
        overflow: visible;
        opacity: 1;
    }

    .expanding-toolbar.expand-left .toolbar {
        left: 0;
        padding-left: 40px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .expanding-toolbar.expand-right .toolbar-trigger {
        float: right;
    }

    .expanding-toolbar.expand-right .toolbar {
        right: 0;
        padding-right: 40px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

.main-wrapper .header-bar {
    height: 54px;
    padding: 7px 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-wrapper .main-menu {
    position: fixed;
    width: 100%;
}

.main-wrapper .content-wrapper {
    padding-top: 50px;
    margin-top: 54px;
    margin-left: 0;
}

.main-wrapper.side-menu .header-bar {
    height: 64px;
    padding: 12px 16px;
}

    .main-wrapper.side-menu .header-bar .hb-user-dropdown {
        display: none;
    }

.main-wrapper.side-menu .main-menu {
    left: 0;
    width: 240px;
    height: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.main-wrapper.side-menu .content-wrapper {
    padding-top: 0;
    margin-top: 64px;
    margin-left: 240px;
}

.main-wrapper.header-bar-hidden .content-wrapper {
    padding-top: 50px;
    margin-top: 0;
}

.main-wrapper.menu-hidden:not(.side-menu) .content-wrapper {
    padding-top: 0;
    margin-top: 54px;
}

.main-wrapper.menu-hidden.header-bar-hidden .content-wrapper,
.main-wrapper.side-menu.header-bar-hidden .content-wrapper {
    padding-top: 0;
    margin-top: 0;
}

.main-wrapper.menu-hidden .header-bar,
.main-wrapper.side-menu .header-bar,
.main-wrapper:not(.side-menu) .main-menu {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.main-wrapper.menu-small .main-menu {
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

.main-menu.menu-js .scroller {
    width: 100% !important;
}

.main-menu.menu-js .mCSB_container,
.main-menu.menu-js .mCustomScrollBox {
    overflow: visible;
}

.main-menu.menu-small .menubar {
    left: 0;
    width: 50px;
}

.main-wrapper.side-menu .page-footer.fixed {
    padding-left: 240px;
}

.main-wrapper.side-menu .menu-vertical-js.menu-small {
    width: 50px;
    overflow: hidden;
}

.main-wrapper.side-menu.menu-small .content-wrapper {
    margin-left: 50px !important;
}

.main-wrapper.side-menu.menu-small .main-menu {
    left: 0 !important;
}

.main-wrapper.side-menu.menu-small .page-footer.fixed {
    padding-left: 50px;
}

.main-wrapper.header-bar-hidden .main-menu {
    top: 0 !important;
}

.main-wrapper.side-menu.menu-hidden:not(.menu-small) .content-wrapper {
    margin-left: 0;
}

.main-wrapper.side-menu.menu-hidden:not(.menu-small) .page-footer.fixed {
    padding-left: 0;
}

.main-wrapper.menu-hidden .breadcrumbs {
    padding-left: 35px;
}

.main-wrapper.menu-hidden .menu-js {
    left: -10000px !important;
}

.main-wrapper.menu-hidden .menu-vertical-js {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.content-wrapper > .container-fluid {
    padding-bottom: 40px;
}

@media only screen and (max-width: 480px) {
    .main-menu {
        top: 54px !important;
    }

    .content-wrapper {
        margin-top: 54px !important;
    }
}

@media only screen and (max-width: 992px) {
    .main-wrapper.side-menu:not(.menu-small) .main-menu {
        -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    }

    .main-wrapper.side-menu .content-wrapper,
    .main-wrapper.side-menu .page-footer.fixed {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-footer.fixed {
        padding-left: 0 !important;
    }
}

.content-wrapper,
.header-bar,
.main-wrapper {
    -webkit-transition: position, 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: position, 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: position, 0.2s cubic-bezier(0.4, 0, 1, 1);
}

    .main-wrapper.side-menu .main-menu {
        -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    }

.ev-page {
    padding-bottom: 10px;
}

    .ev-page .container-fluid {
        padding: 0;
    }

    .ev-page .page-header {
        color: rgba(255, 255, 255, 0.8);
        margin-left: 5%;
    }

.page-content .col-aside .nav > li.active > a,
.page-content .col-aside .nav > li > a,
.page-content .col-aside.dark-bg,
.page-content .col-aside.dark-bg .tab-content {
    color: #f7f7f7;
}

.ev-page .page-content {
    margin-left: 5%;
    padding: 20px 20px 40px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .ev-page .page-content {
        margin-left: 0;
    }

    .col-aside.hidden-xs {
        display: none !important;
    }
}

.page-content {
    position: relative;
    min-height: 500px;
    padding-top: 20px;
}

    .page-content .col-content.col-left {
        margin-right: 220px;
    }

    .page-content .col-content.col-right {
        margin-left: 220px;
    }

    .page-content .page-content-footer,
    .page-content .page-content-header {
        margin-right: -15px;
    }

        .page-content .page-content-footer.footer-dark {
            background-color: #3b3d51;
            color: #f7f7f7;
        }

    .page-content .col-aside .nav,
    .page-content .col-aside .tab-content {
        background-color: inherit;
    }

    .page-content .col-aside {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 220px;
        margin-right: -10px;
    }

        .page-content .col-aside.col-right {
            right: 10px;
        }

        .page-content .col-aside.col-left {
            left: 0;
        }

        .page-content .col-aside .list-group-item,
        .page-content .col-aside .list-group-item:focus {
            background-color: inherit;
            color: inherit;
        }

.light-skin .page-content .col-aside.dark-bg {
    background-color: #3b3d51;
}

.dark-skin .page-content .col-aside.dark-bg {
    background-color: #262733;
}

@media only screen and (min-width: 769px) {
    body:not(.ev-page) .col-content {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .page-content {
        padding: 15px;
        width: 100%;
    }

        .page-content .col-content {
            margin-left: 0;
            margin-right: 0;
        }

        .page-content .col-aside {
            position: relative;
            width: 100%;
        }

            .page-content .col-aside.col-right {
                right: auto;
            }
}

.main-wrapper.header-bar-hidden .header-bar {
    top: -100%;
}

.header-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .header-bar .brand-name {
        font-size: 24px !important;
        font-weight: 400;
        padding-left: 0;
    }

    .header-bar.theme .brand-name {
        text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4);
    }

    .header-bar.theme-inverse .brand-name {
        text-shadow: 1px 2px 6px rgba(90, 90, 90, 0.5);
    }

    .header-bar .toolbar {
        background-color: inherit !important;
        color: inherit !important;
    }

        .header-bar .toolbar .icon {
            font-size: 24px;
        }

            .header-bar .toolbar .icon .badge {
                top: 0;
                right: 3px;
            }

        .header-bar .toolbar .input-group .btn {
            height: 100%;
            font-size: 14px;
        }

            .header-bar .toolbar .input-group .btn:hover {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

    .header-bar .header-bar-search,
    .header-bar .search-form .input-field {
        height: inherit;
    }

        .header-bar .header-bar-search input,
        .header-bar .search-form .input-field input {
            background-color: rgba(255, 255, 255, 0.15) !important;
            height: 39px;
            font-size: 15px;
            letter-spacing: 0.5px;
            padding-left: 12px;
            border-bottom: none;
        }

            .header-bar .header-bar-search input:focus,
            .header-bar .search-form .input-field input:focus {
                background-color: rgba(255, 255, 255, 0.25) !important;
            }

            .header-bar .header-bar-search input.placeholder,
            .header-bar .search-form .input-field input.placeholder {
                color: #fff;
                letter-spacing: 0.5px;
            }

            .header-bar .header-bar-search input:-moz-placeholder,
            .header-bar .search-form .input-field input:-moz-placeholder {
                color: #fff;
                letter-spacing: 0.5px;
            }

            .header-bar .header-bar-search input::-moz-placeholder,
            .header-bar .search-form .input-field input::-moz-placeholder {
                color: #fff;
                letter-spacing: 0.5px;
            }

            .header-bar .header-bar-search input::-webkit-input-placeholder,
            .header-bar .search-form .input-field input::-webkit-input-placeholder {
                color: #fff;
                letter-spacing: 0.5px;
            }

            .header-bar .header-bar-search input:focus::-webkit-input-placeholder,
            .header-bar .search-form .input-field input:focus::-webkit-input-placeholder {
                color: transparent;
            }

    .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    .header-bar .toggler-hide-icon {
        color: inherit;
    }

    .header-bar .header-bar-search {
        width: 300px;
    }

    .header-bar .hb-profile {
        height: 40px;
        width: 40px;
        cursor: pointer;
    }

    .header-bar.theme-inverse {
        background-color: #fcfcfc !important;
    }

        .header-bar.theme-inverse .header-bar-search,
        .header-bar.theme-inverse .search-form .input-field {
            background-color: rgba(0, 0, 0, 0.06) !important;
        }

            .header-bar.theme-inverse .header-bar-search input.placeholder,
            .header-bar.theme-inverse .search-form .input-field input.placeholder {
                color: #212121;
            }

            .header-bar.theme-inverse .header-bar-search input:-moz-placeholder,
            .header-bar.theme-inverse .search-form .input-field input:-moz-placeholder {
                color: #212121;
            }

            .header-bar.theme-inverse .header-bar-search input::-moz-placeholder,
            .header-bar.theme-inverse .search-form .input-field input::-moz-placeholder {
                color: #212121;
            }

            .header-bar.theme-inverse .header-bar-search input::-webkit-input-placeholder,
            .header-bar.theme-inverse .search-form .input-field input::-webkit-input-placeholder {
                color: #212121;
            }

            .header-bar.theme-inverse .header-bar-search input:focus::-webkit-input-placeholder,
            .header-bar.theme-inverse .search-form .input-field input:focus::-webkit-input-placeholder {
                color: transparent;
            }

@media only screen and (min-width: 992px) {
    .header-bar .toolbar .search-form {
        max-width: 420px;
    }
}

@media only screen and (max-width: 480px) {
    .header-bar {
        height: 54px !important;
        padding: 7px 16px !important;
    }
}

@media only screen and (max-width: 768px) {
    .header-bar .toolbar .search-form {
        max-width: 100%;
    }
}

.menu-js {
    z-index: 998;
    line-height: 50px;
}

    .menu-js .menu-toggler-hide {
        position: relative;
        min-height: 40px;
        width: 40px;
        float: left;
    }

    .menu-js .menubar-item:before {
        content: "";
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        height: 2px;
        -webkit-transition: left, right, 0.2s ease-out;
        -o-transition: left, right, 0.2s ease-out;
        transition: left, right, 0.2s ease-out;
    }

    .menu-js .menubar-item.active:before,
    .menu-js .menubar-item:focus:before,
    .menu-js .menubar-item:hover:before {
        left: 0;
        right: 0;
    }

    .menu-js .menubar-item,
    .menu-js .menubar-target {
        font-size: 14px;
        font-weight: 400;
    }

    .menu-js .menubar-target {
        display: inline-block !important;
    }

    .menu-js .icon,
    .menu-js .menu-toggler-small,
    .menu-js .sidemenu-header,
    .menu-js .sidemenu-username,
    .menu-js .user-menu {
        display: none;
    }

    .menu-js .menubar {
        line-height: 50px;
        margin-left: 40px;
        margin-bottom: 0;
    }

    .menu-js .menubar-item > .menu-dropdown,
    .menu-js .menubar-item > .menubar-target {
        padding: 0 12px;
        height: 50px;
    }

    .menu-js .menubar-item > .menu-dropdown {
        padding-right: 24px;
    }

    .menu-js .menubar-item:hover > .submenu,
    .menu-js .submenu-item:hover > .submenu {
        display: block !important;
    }

    .menu-js .submenu.lvl-1 {
        top: 100% !important;
    }

    .menu-js .submenu:not(.lvl-1) {
        left: 100%;
        top: 0;
    }

    .menu-js .submenu {
        position: absolute;
        min-width: 160px;
    }

        .menu-js .submenu:hover > .submenu {
            top: 0 !important;
        }

    .menu-js .lvl-2 {
        z-index: 2;
    }

    .menu-js .lvl-3 {
        z-index: 3;
    }

    .menu-js .lvl-4 {
        z-index: 4;
    }

    .menu-js .lvl-5 {
        z-index: 5;
    }

    .menu-js .lvl-6 {
        z-index: 6;
    }

    .menu-js .menubar-item > .menu-dropdown > span > e:after {
        content: "";
        position: absolute;
        right: 2px;
        font-family: MaterialDesignIcons;
    }

    .menu-js .submenu-item e {
        font-family: MaterialDesignIcons;
    }

        .menu-js .submenu-item e:after {
            content: "";
            position: absolute;
            right: 5px;
            font-size: 17px;
        }

    .menu-js .submenu-item .menu-dropdown,
    .menu-js .submenu-item .submenu-target {
        padding: 0 20px;
    }

    .menu-js.menu-fixed {
        width: 100%;
    }

.main-wrapper:not(.side-menu) .main-menu .mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 0;
}

.menu-vertical-js {
    max-width: 240px;
    z-index: 998;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .menu-vertical-js .scroller {
        height: 100%;
        padding-bottom: 40px;
        width: 100% !important;
    }

    .menu-vertical-js .mCSB_scrollTools .mCSB_dragger {
        z-index: 10000;
    }

    .menu-vertical-js .top-bar {
        position: absolute;
        width: 100%;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: 1001;
    }

        .menu-vertical-js .top-bar:hover {
            background-color: rgba(0, 0, 0, 0.2);
        }

    .menu-vertical-js .menu-toggler-hide.pos-left {
        position: fixed;
        left: 0;
        -webkit-transition: position, 0.3s;
        -o-transition: position, 0.3s;
        transition: position, 0.3s;
    }

    .menu-vertical-js .menubar {
        margin-bottom: 80px;
    }

        .menu-vertical-js .menubar .menubar-item,
        .menu-vertical-js .menubar .menubar-target {
            font-size: 14px;
            font-weight: 400;
        }

        .menu-vertical-js .menubar .menubar-item,
        .menu-vertical-js .menubar .submenu-item {
            display: block;
            float: none;
            line-height: 44px;
        }

    .menu-vertical-js .sidemenu-header-image,
    .menu-vertical-js .sidemenu-username > span > e:after {
        display: none;
    }

    .menu-vertical-js .menubar-item:nth-of-type(2) {
        margin-top: 20px;
    }

    .menu-vertical-js .menubar-item.active,
    .menu-vertical-js .menubar-item:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .menu-vertical-js .icon {
        text-align: center;
        width: 50px;
        top: 2px;
    }

    .menu-vertical-js .submenu {
        position: relative;
        top: 0;
    }

        .menu-vertical-js .submenu .menu-dropdown,
        .menu-vertical-js .submenu .submenu-target {
            color: #212121;
        }

        .menu-vertical-js .submenu .submenu-item:before,
        .menu-vertical-js .submenu .submenu-item:last-child:before {
            border-left-color: #8d8d9d !important;
        }

        .menu-vertical-js .submenu .menu-dropdown:before,
        .menu-vertical-js .submenu .submenu-target:before {
            border-top-color: #8d8d9d !important;
        }

    .menu-vertical-js .lvl-1 {
        -webkit-box-shadow: inset 1px 0 4px 1px rgba(0, 0, 0, 0.25);
        box-shadow: inset 1px 0 4px 1px rgba(0, 0, 0, 0.25);
    }

        .menu-vertical-js .lvl-1 .menu-dropdown,
        .menu-vertical-js .lvl-1 .submenu-target {
            padding-left: 36px;
        }

    .menu-vertical-js .lvl-2 .menu-dropdown,
    .menu-vertical-js .lvl-2 .submenu-target {
        padding-left: 52px;
    }

    .menu-vertical-js .lvl-3 .menu-dropdown,
    .menu-vertical-js .lvl-3 .submenu-target {
        padding-left: 64px;
    }

    .menu-vertical-js .lvl-4 .menu-dropdown,
    .menu-vertical-js .lvl-4 .submenu-target {
        padding-left: 76px;
    }

    .menu-vertical-js .lvl-5 .menu-dropdown,
    .menu-vertical-js .lvl-5 .submenu-target {
        padding-left: 88px;
    }

    .menu-vertical-js .lvl-6 .menu-dropdown,
    .menu-vertical-js .lvl-6 .submenu-target {
        padding-left: 100px;
    }

    .menu-vertical-js .submenu-target {
        padding-right: 20px;
    }

    .menu-vertical-js e {
        position: absolute;
        right: 10px;
    }

    .menu-vertical-js .menubar e:after {
        content: "";
        font-family: MaterialDesignIcons;
        font-size: 15px;
    }

    .menu-vertical-js .submenu-item e {
        color: #757575;
    }

    .menu-vertical-js .menubar-item.open > .menu-dropdown > span > e:after,
    .menu-vertical-js .submenu-item.open > .menu-dropdown > span > e:after {
        content: "";
        font-family: MaterialDesignIcons;
    }

    .menu-vertical-js .sidemenu-header {
        position: relative;
        height: 160px;
        overflow: hidden;
    }

        .menu-vertical-js .sidemenu-header:after {
            content: "";
            top: 40px;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
        }

    .menu-vertical-js .sidemenu-username {
        position: absolute;
        top: 112px;
        left: 0;
        right: 0;
        height: 46px;
        padding-top: 4px;
        padding-left: 10px;
        background-color: rgba(0, 0, 0, 0.1);
        color: rgba(255, 255, 255, 0.9);
    }

        .menu-vertical-js .sidemenu-username:hover {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.25);
        }

            .menu-vertical-js .sidemenu-username:hover .media-subhead {
                color: rgba(255, 255, 255, 0.9);
            }

        .menu-vertical-js .sidemenu-username:after {
            position: absolute;
            top: -6px;
            right: 6px;
            content: "";
            font-family: MaterialDesignIcons;
            font-size: 26px;
        }

        .menu-vertical-js .sidemenu-username h5 {
            white-space: nowrap;
        }

        .menu-vertical-js .sidemenu-username .media-subhead {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.8);
            white-space: nowrap;
        }

    .menu-vertical-js .sidemenu-dropdown {
        -webkit-box-shadow: inset 1px 0 4px 1px rgba(0, 0, 0, 0.25);
        box-shadow: inset 1px 0 4px 1px rgba(0, 0, 0, 0.25);
    }

        .menu-vertical-js .sidemenu-dropdown .submenu.lvl-1 {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-right: none !important;
            background-color: inherit !important;
        }

        .menu-js .submenu .menu-dropdown:hover,
        .menu-js .submenu-target.active,
        .menu-js .submenu-target:hover,
        .menu-vertical-js .sidemenu-dropdown li a:hover,
        .menu-vertical-js .submenu .menu-dropdown:hover,
        .menu-vertical-js .submenu-target.active,
        .menu-vertical-js .submenu-target:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

        .menu-vertical-js .sidemenu-dropdown li:before {
            display: none !important;
        }

        .menu-vertical-js .sidemenu-dropdown li.open e:after {
            content: "";
        }

        .menu-vertical-js .sidemenu-dropdown li a {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 44px;
            color: #212121;
            padding-left: 16px;
            padding-right: 56px;
        }

            .menu-vertical-js .sidemenu-dropdown li a:before {
                display: none !important;
            }

            .menu-vertical-js .sidemenu-dropdown li a a {
                padding-left: 0;
            }

            .menu-vertical-js .sidemenu-dropdown li a .mdi {
                color: #757575;
                font-size: 17px;
            }

        .menu-vertical-js .sidemenu-dropdown .submenu-target {
            padding-left: 8px !important;
        }

        .menu-vertical-js .sidemenu-dropdown.open {
            display: block;
        }

    .menu-vertical-js.menu-small:not(:hover) .sidemenu-dropdown,
    .menu-vertical-js.menu-small:not(:hover) .sidemenu-header,
    .menu-vertical-js.menu-small:not(:hover) .sidemenu-username {
        display: none !important;
    }

    .menu-vertical-js.menu-small:not(:hover) .top-bar {
        position: relative;
    }

    .menu-vertical-js.menu-small .menu-toggler-hide {
        display: none;
    }

    .menu-vertical-js.menu-small .menu-toggler-small {
        display: block;
        right: 0;
    }

    .menu-vertical-js.menu-small .icon {
        min-width: 16px;
        text-align: center;
        font-size: 18px;
        margin-top: -0.2em;
    }

    .menu-vertical-js.menu-small:not(:hover) .menubar-item .text {
        display: none !important;
    }

    .menu-vertical-js.menu-small:not(:hover) .menubar-item > .menu-dropdown > span > e {
        display: none;
    }

    .menu-vertical-js.menu-small:not(:hover) .menubar-item > .submenu {
        display: none !important;
    }

    .menu-vertical-js.menu-small:hover {
        width: 240px !important;
        -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    }

        .menu-vertical-js.menu-small:hover .menubar,
        .menu-vertical-js.menu-small:hover .scroller {
            width: 240px !important;
        }

.menu-toggler-hide,
.menu-toggler-small {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
}

.menu-toggler-small {
    width: 50px;
}

.main-wrapper:not(.side-menu) .menu-toggler-hide {
    line-height: 50px;
}

.header-bar-hidden .header-bar .menu-toggler-hide,
.menu-hidden .menu-toggler-hide.pos-left {
    border-radius: 50%;
    color: #fcfcfc !important;
}

    .header-bar-hidden .header-bar .menu-toggler-hide .icon.action:hover:after,
    .menu-hidden .menu-toggler-hide.pos-left .icon.action:hover:after {
        display: none;
    }

.toggler-hide.menu-hidden .menu-toggler-hide {
    position: fixed;
    display: inline-block;
    height: 40px;
    width: 40px;
}

    .toggler-hide.menu-hidden .menu-toggler-hide.pos-left {
        left: 0;
    }

    .toggler-hide.menu-hidden .menu-toggler-hide.pos-right {
        right: 0;
    }

.menu-toggler-hide.pos-right .toggler-hide-icon {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.menu-toggler-hide.pos-left {
    position: fixed;
    top: 54px;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.main-wrapper.side-menu .menu-toggler-hide.pos-left {
    top: 64px;
}

@media only screen and (max-width: 480px) {
    .main-wrapper.side-menu .menu-toggler-hide.pos-left {
        top: 54px;
    }
}

.main-wrapper.header-bar-hidden.menu-hidden .menu-toggler-hide.pos-left {
    top: 64px;
}

.main-wrapper.header-bar-hidden .menu-toggler-hide.pos-left {
    top: 0;
}

.main-wrapper.header-bar-hidden .menu-toggler-hide.pos-right {
    top: 64px;
}

.main-wrapper.menu-small .menu-toggler-hide.pos-left {
    display: none;
}

.toggler-hide-icon,
.toggler-small-icon {
    display: block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: none;
    font-family: MaterialDesignIcons;
}

.main-menu:not(.menu-small) .menu-toggler-small {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
}

.menu-vertical-js .menu-toggler-hide,
.menu-vertical-js .menu-toggler-small {
    line-height: 40px;
}

.toggler-small-icon {
    -webkit-transition: deg, 0.5s;
    -o-transition: deg, 0.5s;
    transition: deg, 0.5s;
    -webkit-transition-duration: 0.5s;
    -webkit-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
}

    .toggler-small-icon:before {
        content: "";
    }

    .toggler-small-icon.closed {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

.toggler-hide-icon {
    -webkit-transition: deg, 0.5s, linear;
    -o-transition: deg, 0.5s, linear;
    transition: deg, 0.5s, linear;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition-duration: 0.5s;
}

    .toggler-hide-icon:before {
        content: "";
    }

    .toggler-hide-icon.closed {
        line-height: 40px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

        .toggler-hide-icon.closed:before {
            content: "";
        }

.menu-vertical-js .treeview .submenu .submenu-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px solid;
    z-index: 10001;
}

.menu-vertical-js .treeview .submenu > .submenu-item:last-child:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    height: 20px;
    border-left: 1px solid;
}

.menu-vertical-js .treeview .submenu .menu-dropdown:before,
.menu-vertical-js .treeview .submenu .submenu-target:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 20px;
    width: 8px;
    margin-left: -12px;
    border-top: 1px solid;
}

.menu-vertical-js .treeview e {
    float: right;
}

.menu-vertical-js .treeview .lvl-1 .submenu-item:before {
    margin-left: 24px;
}

.menu-vertical-js .treeview .lvl-2 .submenu-item:before {
    margin-left: 40px;
}

.menu-vertical-js .treeview .lvl-3 .submenu-item:before {
    margin-left: 52px;
}

.menu-vertical-js .treeview .lvl-4 .submenu-item:before {
    margin-left: 64px;
}

.menu-vertical-js .treeview .lvl-5 .submenu-item:before {
    margin-left: 76px;
}

.menu-vertical-js .treeview .lvl-6 .submenu-item:before {
    margin-left: 88px;
}

.menu-js,
.menu-vertical-js {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .menu-js ul,
    .menu-vertical-js ul {
        padding: 0;
    }

    .menu-js .menubar-item,
    .menu-vertical-js .menubar-item {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

        .menu-js .menubar-item > a,
        .menu-vertical-js .menubar-item > a {
            color: rgba(255, 255, 255, 0.8);
        }

            .menu-js .menubar-item.active > a,
            .menu-js .menubar-item > a:hover,
            .menu-vertical-js .menubar-item.active > a,
            .menu-vertical-js .menubar-item > a:hover {
                color: rgba(255, 255, 255, 0.9);
            }

        .menu-js .menubar-item.active,
        .menu-vertical-js .menubar-item.active {
            outline: 0;
        }

            .menu-js .menubar-item.active a,
            .menu-vertical-js .menubar-item.active a {
                text-decoration: none;
                outline: 0;
            }

            .menu-js .menubar-item.active .submenu-target.active a,
            .menu-vertical-js .menubar-item.active .submenu-target.active a {
                text-decoration: none;
            }

    .menu-js .menu-dropdown,
    .menu-js .menubar-target,
    .menu-js .submenu-target,
    .menu-vertical-js .menu-dropdown,
    .menu-vertical-js .menubar-target,
    .menu-vertical-js .submenu-target {
        display: block;
        white-space: nowrap;
    }

    .menu-js .submenu,
    .menu-vertical-js .submenu {
        z-index: 1000;
    }

    .menu-js .submenu-item,
    .menu-vertical-js .submenu-item {
        position: relative;
        display: block;
        line-height: 39px;
    }

    .menu-js .menubar-toggler,
    .menu-vertical-js .menubar-toggler {
        display: none;
        font-size: 18px;
        cursor: pointer;
    }

    .menu-js.closed,
    .menu-vertical-js.closed {
        width: 30px !important;
        min-height: 30px;
        position: absolute;
        display: inline-block;
    }

        .menu-js.closed .menu-toggler-small,
        .menu-js.closed .menubar,
        .menu-vertical-js.closed .menu-toggler-small,
        .menu-vertical-js.closed .menubar {
            position: absolute;
            left: -1000px;
        }

.breadcrumbs {
    padding: 10px;
    margin-bottom: 0;
}

.list-unstyled ol,
.list-unstyled ul,
.page-footer ul {
    padding-left: 0;
}

.breadcrumbs li {
    display: inline-block;
    position: relative;
    padding-right: 14px;
    white-space: nowrap;
}

    .breadcrumbs li:not(:last-child):after {
        content: " /";
        position: absolute;
        top: -1px;
        right: 1px;
        font-size: 16px;
    }

    .breadcrumbs li:last-child {
        font-weight: 500;
    }

.ev-page .breadcrumbs li {
    color: rgba(255, 255, 255, 0.6);
}

.page-footer.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.ev-page .page-footer {
    color: #cfd8dc;
}

.boxed-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.paper {
    border-radius: 2px;
}

.transparent {
    background-color: transparent;
}

.block {
    display: block !important;
}

.inline {
    display: inline-block;
    margin-right: 10px;
}

.divider {
    height: 1px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
}

.no-border {
    border: 0;
}

.border-top {
    border-top: 1px solid rgba(155, 155, 125, 0.5);
}

.border-bottom {
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}

.no-boxshadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.no-select {
    user-select: none;
}

.text-truncate {
    overflow: hidden;
    white-space: nowrap;
}

.line-height-1 {
    line-height: 1;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.circle {
    border-radius: 50%;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.position-relative {
    position: relative;
}

.position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.truncate {
    overflow: hidden;
    white-space: nowrap;
}

.clear-floats,
.clearfix {
    clear: both;
}

    .clearfix:before {
        content: " ";
        display: table;
    }

.h100 {
    height: 100px;
}

.h150 {
    height: 150px;
}

.h200 {
    height: 200px;
}

.h250 {
    height: 250px;
}

.h300 {
    height: 300px;
}

.h350 {
    height: 350px;
}

.h400 {
    height: 400px;
}

.h450 {
    height: 450px;
}

.h500 {
    height: 500px;
}

.p0 {
    padding: 0 !important;
}

.p6 {
    padding: 6px !important;
}

.p8 {
    padding: 8px !important;
}

.p10 {
    padding: 10px !important;
}

.p12 {
    padding: 12px !important;
}

.p14 {
    padding: 14px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt12 {
    padding-top: 12px !important;
}

.pt14 {
    padding-top: 14px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb12 {
    padding-bottom: 12px !important;
}

.pb14 {
    padding-bottom: 14px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl12 {
    padding-left: 12px !important;
}

.pl14 {
    padding-left: 14px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr6 {
    padding-right: 6px !important;
}

.pr8 {
    padding-right: 8px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr12 {
    padding-right: 12px !important;
}

.pr14 {
    padding-right: 14px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.m0 {
    margin: 0 !important;
}

.m4 {
    margin: 4px !important;
}

.m6 {
    margin: 6px !important;
}

.m8 {
    margin: 8px !important;
}

.m10 {
    margin: 10px !important;
}

.m12 {
    margin: 12px !important;
}

.m14 {
    margin: 14px !important;
}

.m20 {
    margin: 20px !important;
}

.m30 {
    margin: 30px !important;
}

.m40 {
    margin: 40px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt14 {
    margin-top: 14px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb14 {
    margin-bottom: 14px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml6 {
    margin-left: 6px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.ml14 {
    margin-left: 14px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mr14 {
    margin-right: 14px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.ecorner_1 {
    position: fixed;
    width: 300px;
    height: 120%;
    top: 25px;
    right: -170px;
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    -o-transform: rotate(22deg);
    transform: rotate(22deg);
}

.ecorner_2 {
    position: fixed;
    width: 100%;
    height: 300px;
    right: -8%;
    bottom: -300px;
    z-index: 1;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 26px;
    right: 15px;
    opacity: 0.6;
    z-index: 9;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

    .back-to-top.show {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .back-to-top:hover {
        opacity: 0.9;
    }

.color-picker li > a:not(.default) > span.text {
    padding-left: 30px;
}

    .color-picker li > a:not(.default) > span.text:before {
        content: "\f12f";
        font-family: MaterialDesignIcons;
        position: absolute;
        left: 10px;
        font-size: 22px;
    }

.color-picker li.selected > a > span.text:before {
    content: "\f133";
}

.google-maps-wrapper {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.flotTip {
    border: none !important;
}

.sort-handle {
    cursor: move;
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
    }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a,
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.html);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover,
    .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active,
    .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.main-menu .mCSB_inside > .mCSB_container {
    margin: 0 !important;
}

.main-menu .mCSB_scrollTools {
    width: 10px;
}

.main-menu.menu-small .mCSB_scrollTools .mCSB_draggerContainer {
    opacity: 0;
}

.main-menu.menu-small .lvl-1 .mCSB_scrollTools .mCSB_draggerContainer {
    opacity: 1;
}

.main-wrapper:not(.side-menu) .main-menu .mCSB_scrollTools {
    z-index: -2;
}
/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px\9;
}

    .bootstrap-select > .dropdown-toggle {
        width: 100%;
        padding-right: 25px;
        z-index: 1;
    }

        .bootstrap-select > .dropdown-toggle.bs-placeholder,
        .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
        .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
        .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
            color: #999;
        }

    .bootstrap-select > select {
        position: absolute !important;
        bottom: 0;
        left: 50%;
        width: 0.5px !important;
        height: 100% !important;
        padding: 0 !important;
        opacity: 0 !important;
        border: none;
    }

        .bootstrap-select > select.mobile-device {
            top: 0;
            left: 0;
            width: 100% !important;
            z-index: 2;
        }

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle,
.bootstrap-select.form-control:not([class*="col-"]),
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select .dropdown-toggle:focus {
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

    .bootstrap-select.form-control.input-group-btn {
        z-index: auto;
    }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.btn-group.dropdown-menu-right,
    .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
    outline: 0 !important;
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
}

    .bootstrap-select.btn-group.bs-container .dropdown-menu {
        z-index: 1060;
    }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select.btn-group .dropdown-menu li.active small {
            color: #fff;
        }

        .bootstrap-select.btn-group .dropdown-menu li a {
            cursor: pointer;
            user-select: none;
        }

            .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
                display: none;
            }

            .bootstrap-select.btn-group .dropdown-menu li a span.text {
                display: inline-block;
            }

        .bootstrap-select.btn-group .dropdown-menu li small {
            padding-left: 0.5em;
        }

    .bootstrap-select.btn-group .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        pointer-events: none;
        opacity: 0.9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.bs-actionsbox,
.bs-donebutton {
    -webkit-box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before {
    display: block;
}

.bootstrap-select > select:not(.select-validate).mobile-device,
.tt-menu {
    display: block !important;
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group button {
        width: 50%;
    }

.bs-donebutton {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group button {
        width: 100%;
    }

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.bootstrap-select .btn {
    width: 100%;
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    border-bottom: 1px solid;
    border-bottom-color: #9e9e9e;
    border-radius: 0;
    padding: 0;
}

    .bootstrap-select .btn:focus,
    .bootstrap-select .btn:hover {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .selected a span.check-mark {
    margin-top: 9px !important;
}

.bootstrap-select .no-results {
    margin: 0 !important;
}

.bootstrap-select .actions-btn {
    padding: 6px 0;
}

    .bootstrap-select .actions-btn:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.input-group .bootstrap-select .btn {
    border-bottom: none;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0;
}

.bs-searchbox {
    padding-right: 40px;
    border-bottom: 1px solid #9e9e9e;
}

    .bs-searchbox .form-control {
        border: none;
    }

    .bs-searchbox:after {
        content: "\f349";
        font-family: MaterialDesignIcons;
        position: absolute;
        top: 4px;
        right: 8px;
        font-size: 22px;
    }

.bootstrap-select ~ .form-control-feedback {
    top: 28px !important;
    right: -40px;
}

.has-success .bootstrap-select > .btn {
    border-bottom-color: #6eb575;
}

.has-warning .bootstrap-select > .btn {
    border-bottom-color: #ff8f00;
}

.has-error .bootstrap-select > .btn {
    border-bottom-color: #d84a38;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 1em;
}

.bootstrap-select > select:not(.select-validate) {
    display: block !important;
    border: none;
}

.toast-message a,
.toast-message label {
    color: #fff;
}

    .toast-message a:hover {
        color: #ccc;
        text-decoration: none;
    }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:focus,
    .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 76px;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 76px;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 76px;
    left: 12px;
}

.toast-top-right {
    top: 76px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
}

    #toast-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 10px;
        width: 300px;
        border-radius: 2px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        color: #fff;
    }

    #toast-container > :hover {
        cursor: pointer;
    }

    #toast-container.toast-bottom-center > div,
    #toast-container.toast-top-center > div {
        width: 300px;
        margin: auto;
    }

    #toast-container.toast-bottom-full-width > div,
    #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast-success {
    background-color: #26a69a;
}

.toast-error {
    background-color: #f44336 !important;
}

.toast-info {
    opacity: 1 !important;
}

.dark-skin .toast-info,
.light-skin .toast-info {
    background-color: #78909c;
}

.toast-warning {
    background-color: #ffd54f;
    color: #9a6d3b !important;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.6);
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

#toast-container > div {
    min-height: 100px;
    padding: 15px 15px 8px;
    color: rgba(255, 255, 255, 0.8);
}

    #toast-container > div:before {
        content: "\f09e";
        position: absolute;
        top: 4px;
        right: 0;
        line-height: 1;
        font-family: MaterialDesignIcons;
        font-size: 8em;
        color: rgba(255, 255, 255, 0.1);
        -webkit-transform: rotate(28deg);
        -ms-transform: rotate(28deg);
        -o-transform: rotate(28deg);
        transform: rotate(28deg);
    }

.toast-info button:not(.toast-close-button) {
    color: #ffab40;
    font-weight: 500;
}

.toast-title {
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 4px;
}

.tt-menu {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    text-align: left;
    min-width: 160px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    transition: all 0.3s linear;
    background-color: #fff;
    opacity: 0;
    z-index: 1020;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .tt-menu.tt-open {
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }

.tt-suggestion {
    font-size: 14px;
    line-height: 40px;
    padding-left: 12px;
    cursor: pointer;
}

    .tt-suggestion:hover {
        background-color: #eee;
    }
/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    will-change: opacity, transform;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, -o-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform, -o-transform;
        -webkit-transform: scale(0) translate(0, 0);
        -ms-transform: scale(0) translate(0, 0);
        -o-transform: scale(0) translate(0, 0);
        transform: scale(0) translate(0, 0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background-color: rgba(255, 255, 255, 0.45);
    }

    .waves-effect.waves-red .waves-ripple {
        background-color: rgba(244, 67, 54, 0.9);
    }

    .waves-effect.waves-pink .waves-ripple {
        background-color: rgba(233, 30, 99, 0.9);
    }

    .waves-effect.waves-purple .waves-ripple {
        background-color: rgba(103, 58, 183, 0.9);
    }

    .waves-effect.waves-deep-purple .waves-ripple {
        background-color: rgba(156, 39, 176, 0.9);
    }

    .waves-effect.waves-midnight .waves-ripple {
        background-color: rgba(49, 52, 71, 0.9);
    }

    .waves-effect.waves-indigo .waves-ripple {
        background-color: rgba(63, 81, 181, 0.9);
    }

    .waves-effect.waves-blue .waves-ripple {
        background-color: rgba(33, 150, 243, 0.9);
    }

    .waves-effect.waves-light-blue .waves-ripple {
        background-color: #03a9f4;
    }

    .waves-effect.waves-cyan .waves-ripple {
        background-color: rgba(0, 188, 212, 0.9);
    }

    .waves-effect.waves-teal .waves-ripple {
        background-color: rgba(0, 150, 136, 0.9);
    }

    .waves-effect.waves-green .waves-ripple {
        background-color: rgba(76, 175, 80, 0.9);
    }

    .waves-effect.waves-light-green .waves-ripple {
        background-color: rgba(139, 195, 74, 0.9);
    }

    .waves-effect.waves-lime .waves-ripple {
        background-color: rgba(205, 220, 57, 0.9);
    }

    .waves-effect.waves-yellow .waves-ripple {
        background-color: rgba(255, 235, 59, 0.9);
    }

    .waves-effect.waves-amber .waves-ripple {
        background-color: rgba(255, 193, 7, 0.9);
    }

    .waves-effect.waves-orange .waves-ripple {
        background-color: rgba(255, 152, 0, 0.8);
    }

    .waves-effect.waves-deep-orange .waves-ripple {
        background-color: rgba(255, 87, 34, 0.9);
    }

    .waves-effect.waves-brown .waves-ripple {
        background-color: rgba(121, 85, 72, 0.9);
    }

    .waves-effect.waves-grey .waves-ripple {
        background-color: rgba(233, 233, 233, 0.9);
    }

    .waves-effect.waves-blue-grey .waves-ripple {
        background-color: rgba(96, 125, 139, 0.9);
    }

    .waves-effect.waves-lavendar .waves-ripple {
        background-color: rgba(124, 77, 255, 0.9);
    }

.waves-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

.waves-block {
    display: block;
}

[dir="rtl"] .popover.left .arrow:after,
[dir="rtl"] .popover.right .arrow:after {
    display: none;
}

a.waves-effect .waves-ripple {
    z-index: -1;
}

img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
    position: relative;
    z-index: 1001;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.zoom-overlay {
    z-index: 1000;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}

[dir="rtl"] .main-menu {
    z-index: 1000;
}

[dir="rtl"] .menu-toggler-hide.pos-left {
    z-index: 1001;
}

[dir="rtl"] .menubar {
    direction: ltr;
}

[dir="rtl"] .pagination:not(.no-arrows) li:first-child:before {
    content: "";
}

[dir="rtl"] .pagination:not(.no-arrows) li:last-child:before,
[dir="rtl"] .submenu-item e:after {
    content: "";
}

[dir="rtl"] .popover {
    left: auto;
}

    [dir="rtl"] .popover.left {
        margin-left: 10px;
    }

        [dir="rtl"] .popover.left .arrow {
            right: auto;
            left: -10px;
            border-left-width: 0;
            border-right-width: 10px;
            border-right-color: #fff;
        }

    [dir="rtl"] .popover.right {
        margin-right: 10px;
    }

        [dir="rtl"] .popover.right .arrow {
            left: auto;
            right: -10px;
            border-left-width: 10px;
            border-right-width: 0;
            border-left-color: #fff;
        }

[dir="rtl"] .submenu-item e {
    font-family: MaterialDesignIcons;
}

[dir="rtl"] .masonry-grid {
    direction: rtl;
}

[dir="rtl"] .scrtabs-js-tab-scroll-arrow-left:before {
    content: "";
}

[dir="rtl"] .scrtabs-js-tab-scroll-arrow-right:before {
    content: "";
}

[dir="rtl"] .timeline:not(.small) {
    max-width: 600px;
    padding-left: 40px;
    padding-right: 10px;
}

    [dir="rtl"] .timeline:not(.small) .tl-item {
        width: 100%;
        margin-top: 0;
        margin-left: 10px;
        padding-right: 0;
        padding-left: 40px;
    }

    [dir="rtl"] .timeline:not(.small):before {
        left: 40px;
    }

    [dir="rtl"] .timeline:not(.small) .tl-item:first-child + .tl-item {
        margin-top: 0;
    }