/* =========================================================
 Material Dashboard PRO - V1.2.1
* Copyright 2016 Creative Tim (http://www.creative-tim.com/product/material-dashboard-pro)
/*! nouislider - 10.0.0 - 2016-12-10 16:00:32 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-target { position: relative; direction: ltr; }
.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ }
.noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-origin { position: absolute; height: 0; width: 0; }
.noUi-handle { position: relative; z-index: 1; }
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }
.noUi-state-drag * { cursor: inherit !important; }
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Slider size and handle placement;
 */
.noUi-horizontal { height: 2px; }
    .noUi-horizontal .noUi-handle { box-sizing: border-box; width: 14px; height: 14px; left: -10px; top: -6px; cursor: pointer; border-radius: 100%; transition: all 0.2s ease-out; border: 1px solid #9c27b0; background: #FFFFFF; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.noUi-vertical { width: 18px; }
    .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }
/* Styling;
 */
.noUi-target { background-color: #c8c8c8; border-radius: 3px; }
.noUi-connect { background: #9c27b0; border-radius: 3px; -webkit-transition: background 450ms; transition: background 450ms; }
/* Handles and cursors;
 */
.noUi-draggable { cursor: ew-resize; }
.noUi-vertical .noUi-draggable { cursor: ns-resize; }
.noUi-handle { border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; -webkit-transition: 300ms ease 0s; -moz-transition: 300ms ease 0s; -ms-transition: 300ms ease 0s; -o-transform: 300ms ease 0s; transition: 300ms ease 0s; }
.noUi-active { -webkit-transform: scale3d(1.5, 1.5, 1); -moz-transform: scale3d(1.5, 1.5, 1); -ms-transform: scale3d(1.5, 1.5, 1); -o-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); }
/* Disabled state;
 */
[disabled] .noUi-connect { background: #B8B8B8; }
[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; }
/* Base;
 *
 */
.noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-pips { position: absolute; color: #999; }
/* Values;
 *
 */
.noUi-value { position: absolute; text-align: center; }
.noUi-value-sub { color: #ccc; font-size: 10px; }
/* Markings;
 *
 */
.noUi-marker { position: absolute; background: #CCC; }
.noUi-marker-sub { background: #AAA; }
.noUi-marker-large { background: #AAA; }
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; }
.noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); }
.noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; }
.noUi-marker-horizontal.noUi-marker-sub { height: 10px; }
.noUi-marker-horizontal.noUi-marker-large { height: 15px; }
/* Vertical layout;
 *
 */
.noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; }
.noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; }
.noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; }
.noUi-marker-vertical.noUi-marker-sub { width: 10px; }
.noUi-marker-vertical.noUi-marker-large { width: 15px; }
.noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; }
.noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; }
.noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; }
.slider { margin-bottom: 15px; }
    .slider.slider-primary .noUi-connect, .slider.slider-primary.noUi-connect { background-color: #9c27b0; }
    .slider.slider-primary .noUi-handle { border-color: #9c27b0; }
    .slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect { background-color: #00bcd4; }
    .slider.slider-info .noUi-handle { border-color: #00bcd4; }
    .slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect { background-color: #4caf50; }
    .slider.slider-success .noUi-handle { border-color: #4caf50; }
    .slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect { background-color: #ff9800; }
    .slider.slider-warning .noUi-handle { border-color: #ff9800; }
    .slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect { background-color: #f44336; }
    .slider.slider-danger .noUi-handle { border-color: #f44336; }
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
    .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
    .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }
    .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes shake {
    from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}
@keyframes shake {
    from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}
.shake { -webkit-animation-name: shake; animation-name: shake; }
@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
@keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutUp {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
@keyframes fadeOutUp {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
body.swal2-in { overflow-y: hidden; }
body.swal2-iosfix { position: fixed; left: 0; right: 0; }
.swal2-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 10px; background-color: transparent; z-index: 1060; }
    .swal2-container:not(.swal2-in) { pointer-events: none; }
    .swal2-container.swal2-fade { -webkit-transition: background-color .1s; transition: background-color .1s; }
    .swal2-container.swal2-in { background-color: rgba(0, 0, 0, 0.4); }
.swal2-modal { background-color: #fff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border-radius: 5px; box-sizing: border-box; text-align: center; margin: auto; overflow-x: hidden; overflow-y: auto; display: none; position: relative; }
    .swal2-modal:focus { outline: none; }
    .swal2-modal.swal2-loading { overflow-y: hidden; }
    .swal2-modal h2 { color: #595959; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0; padding: 0; line-height: 60px; display: block; }
    .swal2-modal .swal2-spacer { height: 10px; color: transparent; margin-bottom: 0px; border: 0; }
    .swal2-modal .swal2-styled { border: 0; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; font-size: 17px; font-weight: 500; margin: 0 5px; padding: 10px 32px; }
        .swal2-modal .swal2-styled:not(.swal2-loading)[disabled] { opacity: .4; cursor: no-drop; }
        .swal2-modal .swal2-styled.swal2-loading { box-sizing: border-box; border: 4px solid transparent; border-color: transparent; width: 40px; height: 40px; padding: 0; margin: -2px 30px; vertical-align: top; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .swal2-modal :not(.swal2-styled).swal2-loading::after { display: inline-block; content: ''; margin-left: 5px; vertical-align: -1px; height: 6px; width: 6px; border: 3px solid #999999; border-right-color: transparent; border-radius: 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; }
    .swal2-modal .swal2-image { margin: 20px auto; max-width: 100%; }
    .swal2-modal .swal2-close { font-size: 36px; line-height: 36px; font-family: serif; position: absolute; top: 5px; right: 13px; cursor: pointer; color: #cccccc; -webkit-transition: color .1s ease; transition: color .1s ease; }
        .swal2-modal .swal2-close:hover { color: #d55; }
    .swal2-modal > .swal2-input, .swal2-modal > .swal2-file, .swal2-modal > .swal2-textarea, .swal2-modal > .swal2-select, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-checkbox { display: none; }
    .swal2-modal .swal2-content { font-size: 18px; text-align: center; font-weight: 300; position: relative; float: none; margin: 0; padding: 0; line-height: normal; color: #545454; }
    .swal2-modal .swal2-input, .swal2-modal .swal2-file, .swal2-modal .swal2-textarea, .swal2-modal .swal2-select, .swal2-modal .swal2-radio, .swal2-modal .swal2-checkbox { margin: 20px auto; }
    .swal2-modal .swal2-input, .swal2-modal .swal2-file, .swal2-modal .swal2-textarea { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d9d9d9; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); -webkit-transition: border-color box-shadow .3s; transition: border-color box-shadow .3s; }
        .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror { border-color: #f06e57; }
        .swal2-modal .swal2-input:focus, .swal2-modal .swal2-file:focus, .swal2-modal .swal2-textarea:focus { outline: none; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed; }
            .swal2-modal .swal2-input:focus::-webkit-input-placeholder, .swal2-modal .swal2-file:focus::-webkit-input-placeholder, .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; }
            .swal2-modal .swal2-input:focus::-moz-placeholder, .swal2-modal .swal2-file:focus::-moz-placeholder, .swal2-modal .swal2-textarea:focus::-moz-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; }
            .swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; }
            .swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8; }
        .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder { color: #e6e6e6; }
        .swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder { color: #e6e6e6; }
        .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder { color: #e6e6e6; }
        .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-textarea::placeholder { color: #e6e6e6; }
    .swal2-modal .swal2-range input { float: left; width: 80%; }
    .swal2-modal .swal2-range output { float: right; width: 20%; font-size: 20px; font-weight: 600; text-align: center; }
    .swal2-modal .swal2-range input, .swal2-modal .swal2-range output { height: 43px; line-height: 43px; vertical-align: middle; margin: 20px auto; padding: 0; }
    .swal2-modal .swal2-input { height: 43px; padding: 0 12px; }
        .swal2-modal .swal2-input[type='number'] { max-width: 150px; }
    .swal2-modal .swal2-file { font-size: 20px; }
    .swal2-modal .swal2-textarea { height: 108px; padding: 12px; }
    .swal2-modal .swal2-select { color: #545454; font-size: inherit; padding: 5px 10px; min-width: 40%; max-width: 100%; }
    .swal2-modal .swal2-radio { border: 0; }
        .swal2-modal .swal2-radio label:not(:first-child) { margin-left: 20px; }
        .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span { vertical-align: middle; }
        .swal2-modal .swal2-radio input { margin: 0 3px 0 0; }
    .swal2-modal .swal2-checkbox { color: #545454; }
        .swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span { vertical-align: middle; }
    .swal2-modal .swal2-validationerror { background-color: #f0f0f0; margin: 0 -20px; overflow: hidden; padding: 10px; color: gray; font-size: 16px; font-weight: 300; display: none; }
        .swal2-modal .swal2-validationerror::before { content: '!'; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 10px; }
    .swal2-modal button { margin: 0 5px; }
@supports (-ms-accelerator: true) {
    .swal2-range input { width: 100% !important; }
    .swal2-range output { display: none; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-range input { width: 100% !important; }
    .swal2-range output { display: none; }
}
.swal2-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .swal2-icon.swal2-error { border-color: #f27474; }
        .swal2-icon.swal2-error .x-mark { position: relative; display: block; }
        .swal2-icon.swal2-error .line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; }
            .swal2-icon.swal2-error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; }
            .swal2-icon.swal2-error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; }
    .swal2-icon.swal2-warning { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #f8bb86; border-color: #facea8; font-size: 60px; line-height: 80px; text-align: center; }
    .swal2-icon.swal2-info { font-family: 'Open Sans', sans-serif; color: #3fc3ee; border-color: #9de0f6; font-size: 60px; line-height: 80px; text-align: center; }
    .swal2-icon.swal2-question { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #87adbd; border-color: #c9dae1; font-size: 60px; line-height: 80px; text-align: center; }
    .swal2-icon.swal2-success { border-color: #a5dc86; }
        .swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
        .swal2-icon.swal2-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }
        .swal2-icon.swal2-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px; }
        .swal2-icon.swal2-success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
        .swal2-icon.swal2-success .fix { width: 7px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
        .swal2-icon.swal2-success .line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2; }
            .swal2-icon.swal2-success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
            .swal2-icon.swal2-success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.swal2-progresssteps { font-weight: 600; margin: 0 0 20px; padding: 0; }
    .swal2-progresssteps li { display: inline-block; position: relative; }
    .swal2-progresssteps .swal2-progresscircle { background: #3085d6; border-radius: 2em; color: #fff; height: 2em; line-height: 2em; text-align: center; width: 2em; z-index: 20; }
        .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; }
        .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; }
        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6; }
            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background: #add8e6; }
            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6; }
    .swal2-progresssteps .swal2-progressline { background: #3085d6; height: .4em; margin: 0 -1px; z-index: 10; }
[class^='swal2'] { -webkit-tap-highlight-color: transparent; }
@-webkit-keyframes showSweetAlert {
    0% { -webkit-transform: scale(0.7); transform: scale(0.7); }
    45% { -webkit-transform: scale(1.05); transform: scale(1.05); }
    80% { -webkit-transform: scale(0.95); transform: scale(0.95); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes showSweetAlert {
    0% { -webkit-transform: scale(0.7); transform: scale(0.7); }
    45% { -webkit-transform: scale(1.05); transform: scale(1.05); }
    80% { -webkit-transform: scale(0.95); transform: scale(0.95); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes hideSweetAlert {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
}
@keyframes hideSweetAlert {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
}
.swal2-show { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
    .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; }
.swal2-hide { -webkit-animation: hideSweetAlert 0.15s forwards; animation: hideSweetAlert 0.15s forwards; }
    .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; }
@-webkit-keyframes animate-success-tip {
    0% { width: 0; left: 1px; top: 19px; }
    54% { width: 0; left: 1px; top: 19px; }
    70% { width: 50px; left: -8px; top: 37px; }
    84% { width: 17px; left: 21px; top: 48px; }
    100% { width: 25px; left: 14px; top: 45px; }
}
@keyframes animate-success-tip {
    0% { width: 0; left: 1px; top: 19px; }
    54% { width: 0; left: 1px; top: 19px; }
    70% { width: 50px; left: -8px; top: 37px; }
    84% { width: 17px; left: 21px; top: 48px; }
    100% { width: 25px; left: 14px; top: 45px; }
}
@-webkit-keyframes animate-success-long {
    0% { width: 0; right: 46px; top: 54px; }
    65% { width: 0; right: 46px; top: 54px; }
    84% { width: 55px; right: 0; top: 35px; }
    100% { width: 47px; right: 8px; top: 38px; }
}
@keyframes animate-success-long {
    0% { width: 0; right: 46px; top: 54px; }
    65% { width: 0; right: 46px; top: 54px; }
    84% { width: 55px; right: 0; top: 35px; }
    100% { width: 47px; right: 8px; top: 38px; }
}
@-webkit-keyframes rotatePlaceholder {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
    100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}
@keyframes rotatePlaceholder {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
    100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}
.animate-success-tip { -webkit-animation: animate-success-tip 0.75s; animation: animate-success-tip 0.75s; }
.animate-success-long { -webkit-animation: animate-success-long 0.75s; animation: animate-success-long 0.75s; }
.swal2-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animate-error-icon {
    0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}
@keyframes animate-error-icon {
    0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}
.animate-error-icon { -webkit-animation: animate-error-icon 0.5s; animation: animate-error-icon 0.5s; }
@-webkit-keyframes animate-x-mark {
    0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; }
    100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; }
}
@keyframes animate-x-mark {
    0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; }
    100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; }
}
.animate-x-mark { -webkit-animation: animate-x-mark 0.5s; animation: animate-x-mark 0.5s; }
@-webkit-keyframes pulse-warning {
    0% { border-color: #f8d486; }
    100% { border-color: #f8bb86; }
}
@keyframes pulse-warning {
    0% { border-color: #f8d486; }
    100% { border-color: #f8bb86; }
}
.pulse-warning { -webkit-animation: pulse-warning 0.75s infinite alternate; animation: pulse-warning 0.75s infinite alternate; }
@-webkit-keyframes rotate-loading {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate-loading {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; }
    table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; }
    table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }
div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; }
div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; }
div.dataTables_wrapper div.dataTables_filter { text-align: right; }
    div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; }
    div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; }
div.dataTables_wrapper div.dataTables_info { padding-top: 8px; white-space: nowrap; }
div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; }
div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; }
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; }
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 8px; right: 8px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5; }
    table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150"; /* sort */ }
    table.dataTable thead .sorting_asc:after { content: "\e155"; /* sort-by-attributes */ }
    table.dataTable thead .sorting_desc:after { content: "\e156"; /* sort-by-attributes-alt */ }
    table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; }
div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; }
div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; }
    div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; }
    div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; }
div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; }
@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; }
}
table.dataTable.table-condensed > thead > tr > th { padding-right: 20px; }
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; }
    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; }
div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; }
div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; }
    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0; }
    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; }
table.dataTable .btn-simple.btn-icon { padding: 3px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: relative; display: inline-block; bottom: 1px; right: -7px; font-family: 'FontAwesome'; opacity: 0.8; font-size: 12px; }
table.dataTable thead .disabled-sorting.sorting:after, table.dataTable thead .disabled-sorting.sorting_asc:after, table.dataTable thead .disabled-sorting.sorting_desc:after, table.dataTable thead .disabled-sorting.sorting_asc_disabled:after, table.dataTable thead .disabled-sorting.sorting_desc_disabled:after { display: none; }
table.dataTable thead .sorting:after { opacity: 0.4; content: "\f0dc"; }
table.dataTable thead .sorting_asc:after { content: "\f0de"; top: 2px; }
table.dataTable thead .sorting_desc:after { content: "\f0dd"; top: -3px; }
table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tfoot > tr > th, table.dataTable > thead > tr > td, table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td { padding: 5px !important; outline: 0; }
table.dataTable > thead > tr > th { border: none; }
.dataTables_paginate a { outline: 0; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; }
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; }
    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 50%; margin-top: -9px; left: 4px; height: 18px; width: 18px; display: block; position: absolute; color: #4caf50; border: 0px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 18px; content: '+'; background-color: #FFF; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; color: #f44336; }
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; }
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; }
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }
    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; }
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; }
table.dataTable > tbody > tr.child { padding: 0.5em 1em; }
    table.dataTable > tbody > tr.child:hover { background: transparent !important; }
    table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
        table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }
            table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; }
            table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; }
    table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }
div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; }
    div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
    div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; }
    div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; }
        div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; }
    div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); }
.material-datatables .input-sm { height: 35px; padding: 0; }
@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display { width: 95%; }
    table.dataTable > tbody > tr > td:first-child { padding-left: 30px !important; }
}
@media all and (min-width: 520px) and (max-width: 730px) {
    table.dataTable .btn-simple.btn-icon { display: block; margin: 0; }
}
svg { touch-action: none; }
.jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; }
.jvectormap-tip { position: absolute; display: none; color: #555555; line-height: 1.5em; background: #FFFFFF; border: none; border-radius: 30px; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); padding: 5px 10px; z-index: 1040; }
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; }
.jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; }
.jvectormap-zoomin { top: 10px; }
.jvectormap-zoomout { top: 30px; }
.jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; }
.jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); }
.jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; }
.jvectormap-legend-cnt { position: absolute; }
.jvectormap-legend-cnt-h { bottom: 0; right: 0; }
.jvectormap-legend-cnt-v { top: 0; right: 0; }
.jvectormap-legend { background: black; color: white; border-radius: 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; }
    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; }
.jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; }
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; }
.jvectormap-legend-tick-text { font-size: 12px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; }
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; }
/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.bootstrap-datetimepicker-widget { list-style: none; }
    .bootstrap-datetimepicker-widget a .btn:hover { background-color: transparent; }
    .bootstrap-datetimepicker-widget.dropdown-menu { padding: 4px; width: 19em; }
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { right: auto; left: 12px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top { margin-top: auto; margin-bottom: -20px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top.open { margin-top: auto; margin-bottom: 5px; }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; }
.bootstrap-datetimepicker-widget .list-unstyled { margin: 0; }
.bootstrap-datetimepicker-widget a[data-action] { padding: 0; margin: 0; border-width: 0; background-color: transparent; color: #9c27b0; box-shadow: none; }
    .bootstrap-datetimepicker-widget a[data-action]:hover { background-color: transparent; }
        .bootstrap-datetimepicker-widget a[data-action]:hover span { background-color: #eeeeee; color: #9c27b0; }
    .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 40px; height: 40px; line-height: 40px; font-weight: 300; font-size: 1.3em; margin: 0; border-radius: 50%; }
.bootstrap-datetimepicker-widget button[data-action] { width: 38px; height: 38px; margin-right: 3px; padding: 0; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; }
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; }
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; }
.bootstrap-datetimepicker-widget .picker-switch { text-align: center; border-radius: 3px; }
    .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; }
    .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; }
        .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; border-radius: 3px; margin: 2px 0px !important; }
.bootstrap-datetimepicker-widget table { width: 100%; margin: 0; }
    .bootstrap-datetimepicker-widget table.table-condensed tr > td { text-align: center; }
    .bootstrap-datetimepicker-widget table td > div, .bootstrap-datetimepicker-widget table th > div { text-align: center; }
    .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; font-weight: 500; }
        .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; }
        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #eeeeee; cursor: not-allowed; }
        .bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span { border-radius: 3px; height: 27px; width: 27px; line-height: 28px; font-size: 12px; border-radius: 50%; text-align: center; }
        .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; }
        .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; }
        .bootstrap-datetimepicker-widget table th.dow { text-align: center; border-bottom: 1px solid #eeeeee; font-size: 12px; text-transform: uppercase; color: #333333; font-weight: 400; padding-bottom: 5px; padding-top: 10px; }
    .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; }
        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { background: #eeeeee; }
    .bootstrap-datetimepicker-widget table td > div { border-radius: 3px; height: 54px; line-height: 54px; width: 54px; text-align: center; }
    .bootstrap-datetimepicker-widget table td.cw > div { font-size: .8em; height: 20px; line-height: 20px; color: #999999; }
    .bootstrap-datetimepicker-widget table td.day > div { height: 30px; line-height: 30px; width: 30px; text-align: center; padding: 0px; border-radius: 50%; margin: 0 auto; z-index: -1; position: relative; }
    .bootstrap-datetimepicker-widget table td.minute > div, .bootstrap-datetimepicker-widget table td.hour > div { border-radius: 50%; }
    .bootstrap-datetimepicker-widget table td.day:hover > div, .bootstrap-datetimepicker-widget table td.hour:hover > div, .bootstrap-datetimepicker-widget table td.minute:hover > div, .bootstrap-datetimepicker-widget table td.second:hover > div { background: #eeeeee; cursor: pointer; }
    .bootstrap-datetimepicker-widget table td.old > div, .bootstrap-datetimepicker-widget table td.new > div { color: #999999; }
    .bootstrap-datetimepicker-widget table td.today > div { position: relative; }
        .bootstrap-datetimepicker-widget table td.today > div:before { content: ''; display: inline-block; border: 0 0 7px 7px solid transparent; border-bottom-color: #9c27b0; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }
    .bootstrap-datetimepicker-widget table td.active > div, .bootstrap-datetimepicker-widget table td.active:hover > div { background-color: #9c27b0; color: #FFFFFF; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
    .bootstrap-datetimepicker-widget table td.active.today:before > div { border-bottom-color: #FFFFFF; }
    .bootstrap-datetimepicker-widget table td.disabled > div, .bootstrap-datetimepicker-widget table td.disabled:hover > div { background: none; color: #eeeeee; cursor: not-allowed; }
    .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 3px 3px; cursor: pointer; border-radius: 50%; text-align: center; }
        .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; }
        .bootstrap-datetimepicker-widget table td span.active { background-color: #9c27b0; color: #FFFFFF; }
        .bootstrap-datetimepicker-widget table td span.old { color: #999999; }
        .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #eeeeee; cursor: not-allowed; }
.bootstrap-datetimepicker-widget .timepicker-picker span, .bootstrap-datetimepicker-widget .timepicker-hours span, .bootstrap-datetimepicker-widget .timepicker-minutes span { border-radius: 50% !important; }
.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }
.input-group.date .input-group-addon { cursor: pointer; }
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 1px; text-align: center; z-index: 1; }
/*!
 * FullCalendar v3.0.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 Adam Shaw
 */
.fc { direction: ltr; text-align: left; }
.fc-rtl { text-align: right; }
body .fc { /* extra precedence to overcome jqui */ font-size: 1em; }
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; }
.fc-unthemed .fc-popover { background-color: #FFFFFF; }
    .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: #999999; }
        .fc-unthemed .fc-popover .fc-header .fc-close { color: #999999; }
.fc-unthemed .fc-today { background: #f5f5f5; }
.fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; }
.fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: .3; }
.fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; }
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon { display: inline-block; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
    .fc-icon:after { position: relative; }
.fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; }
.fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; }
.fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7%; }
.fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7%; }
.fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; }
.fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; }
.fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; }
.fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6%; }
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button { border: none; border-radius: 30px; position: relative; padding: 6px 12px; font-weight: 400; letter-spacing: 0; will-change: box-shadow, transform; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .fc button::-moz-focus-inner { border: 0; }
    .fc button, .fc button.btn-primary { box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); }
        .fc button, .fc button:hover, .fc button:focus, .fc button:active, .fc button.active, .fc button:active:focus, .fc button:active:hover, .fc button.active:focus, .fc button.active:hover, .open > .fc button.dropdown-toggle, .open > .fc button.dropdown-toggle:focus, .open > .fc button.dropdown-toggle:hover, .fc button.btn-primary, .fc button.btn-primary:hover, .fc button.btn-primary:focus, .fc button.btn-primary:active, .fc button.btn-primary.active, .fc button.btn-primary:active:focus, .fc button.btn-primary:active:hover, .fc button.btn-primary.active:focus, .fc button.btn-primary.active:hover, .open > .fc button.btn-primary.dropdown-toggle, .open > .fc button.btn-primary.dropdown-toggle:focus, .open > .fc button.btn-primary.dropdown-toggle:hover { background-color: #9c27b0; color: #FFFFFF; }
            .fc button:focus, .fc button:active, .fc button:hover, .fc button.btn-primary:focus, .fc button.btn-primary:active, .fc button.btn-primary:hover { box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); }
            .fc button.disabled, .fc button.disabled:hover, .fc button.disabled:focus, .fc button.disabled.focus, .fc button.disabled:active, .fc button.disabled.active, .fc button:disabled, .fc button:disabled:hover, .fc button:disabled:focus, .fc button:disabled.focus, .fc button:disabled:active, .fc button:disabled.active, .fc button[disabled], .fc button[disabled]:hover, .fc button[disabled]:focus, .fc button[disabled].focus, .fc button[disabled]:active, .fc button[disabled].active, fieldset[disabled] .fc button, fieldset[disabled] .fc button:hover, fieldset[disabled] .fc button:focus, fieldset[disabled] .fc button.focus, fieldset[disabled] .fc button:active, fieldset[disabled] .fc button.active, .fc button.btn-primary.disabled, .fc button.btn-primary.disabled:hover, .fc button.btn-primary.disabled:focus, .fc button.btn-primary.disabled.focus, .fc button.btn-primary.disabled:active, .fc button.btn-primary.disabled.active, .fc button.btn-primary:disabled, .fc button.btn-primary:disabled:hover, .fc button.btn-primary:disabled:focus, .fc button.btn-primary:disabled.focus, .fc button.btn-primary:disabled:active, .fc button.btn-primary:disabled.active, .fc button.btn-primary[disabled], .fc button.btn-primary[disabled]:hover, .fc button.btn-primary[disabled]:focus, .fc button.btn-primary[disabled].focus, .fc button.btn-primary[disabled]:active, .fc button.btn-primary[disabled].active, fieldset[disabled] .fc button.btn-primary, fieldset[disabled] .fc button.btn-primary:hover, fieldset[disabled] .fc button.btn-primary:focus, fieldset[disabled] .fc button.btn-primary.focus, fieldset[disabled] .fc button.btn-primary:active, fieldset[disabled] .fc button.btn-primary.active { box-shadow: none; }
            .fc button.btn-simple, .fc button.btn-primary.btn-simple { background-color: transparent; color: #9c27b0; box-shadow: none; }
                .fc button.btn-simple:hover, .fc button.btn-simple:focus, .fc button.btn-simple:active, .fc button.btn-primary.btn-simple:hover, .fc button.btn-primary.btn-simple:focus, .fc button.btn-primary.btn-simple:active { background-color: transparent; color: #9c27b0; }
            .fc button[disabled], .fc button[disabled]:focus, .fc button[disabled]:hover { cursor: default; background-color: #999999; border-color: #999999; box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); }
.fc-state-default { /* non-theme */ border: 1px solid; }
/*.fc-state-default.fc-corner-left { non-theme
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}*/
/* icons in buttons */
.fc button .fc-icon { /* non-theme */ position: relative; top: -0.05em; /* seems to be a good adjustment across browsers */ margin: 0 .2em; vertical-align: middle; }
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; }
.fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; box-shadow: none; }
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group { display: inline-block; }
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ float: left; margin: 0 0 0 2px; }
.fc .fc-button-group > :first-child { /* same */ margin-left: 0; }
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
    .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ padding: 2px 4px; }
        .fc-popover .fc-header .fc-title { margin: 0 2px; }
        .fc-popover .fc-header .fc-close { cursor: pointer; }
.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; }
.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; }
/* unthemed */
.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; }
    .fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px; }
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; /* where they meet, let the header have the border */ }
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider { border-style: solid; border-width: 1px; }
hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; }
.fc-clear { clear: both; }
.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; }
.fc-bg { bottom: 0; /* strech bg to bottom edge */ }
    .fc-bg table { height: 100%; /* strech bg to bottom edge */ }
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table { width: 100%; box-sizing: border-box; /* fix scrollbar issue in firefox */ table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ }
.fc th { text-align: center; }
.fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; }
    .fc td.fc-today { border-style: double; /* overcome neighboring borders */ }
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] { cursor: pointer; }
    a[data-goto]:hover { text-decoration: underline; }
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; }
.fc-row table { /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; }
.fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ }
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row { position: relative; }
    .fc-row .fc-bg { z-index: 1; }
    /* highlighting cells & background event skeleton */

    .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ }
        .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ }
        .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; }
    .fc-row .fc-bgevent-skeleton { z-index: 2; }
    .fc-row .fc-highlight-skeleton { z-index: 3; }
    /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
    .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ }
    .fc-row .fc-helper-skeleton { z-index: 5; }
        .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* see-through to the background below */ background: none; /* in case <td>s are globally styled */ border-color: transparent; /* don't put a border between events and/or the day number */ border-bottom: 0; }
        .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; }
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller { -webkit-overflow-scrolling: touch; }
    /* TODO: move to agenda/basic */
    .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the <a> tag block */ font-size: .85em; line-height: 1.3; border-radius: 2px; background-color: #4caf50; /* default BACKGROUND color */ box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); font-weight: normal; /* undo jqui's ui-widget-header bold */ }
    .fc-event.event-azure { background-color: #00bcd4; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
    .fc-event.event-green { background-color: #4caf50; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
    .fc-event.event-orange { background-color: #ff9800; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
    .fc-event.event-red { background-color: #f44336; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
    .fc-event.event-rose { background-color: #e91e63; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
    .fc-event.event-default { background-color: #999999; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(153, 153, 153, 0.4); }
.fc-event-dot { background-color: #3a87ad; /* default BACKGROUND color */ }
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event, .fc-event:hover, .ui-widget .fc-event { color: #FFFFFF; /* default TEXT color */ text-decoration: none; /* if <a> has an href */ }
    .fc-event[href], .fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ }
.fc-not-allowed, .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; }
.fc-event .fc-bg { /* the generic .fc-bg already does position */ z-index: 1; background: #FFFFFF; opacity: .25; }
.fc-event .fc-content { position: relative; z-index: 2; }
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer { position: absolute; z-index: 4; }
/* resizer (touch devices) */
.fc-event .fc-resizer { display: none; }
.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { /* only show when hovering or selected (with touch) */ display: block; }
    /* hit area */
    .fc-event.fc-selected .fc-resizer:before { /* 40x40 touch area */ content: ""; position: absolute; z-index: 9999; /* user of this util can scope within a lower z-index */ top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected { z-index: 9999 !important; /* overcomes inline z-index */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
    .fc-event.fc-selected.fc-dragging { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; /* below resizers */ top: -10px; bottom: -10px; left: 0; right: 0; }
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; }
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; }
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; /* overcome border */ }
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; /* overcome border */ }
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; /* overcome top border */ bottom: -1px; /* overcome bottom border */ }
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer { /* 8x8 little dot */ border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; /* vertically center */ top: 50%; margin-top: -4px; }
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; /* centers the 8x8 dot on the left edge */ }
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; /* centers the 8x8 dot on the right edge */ }
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event { margin: 2px 5px 0; /* spacing between events and edges */ padding: 0 1px; }
tr:first-child > td > .fc-day-grid-event { margin-top: 2px; /* a little bit more space before the first event */ }
.fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; /* same z-index as fc-bg, behind text */ /* overcome the borders */ top: -1px; right: -1px; bottom: -1px; left: -1px; /* darkening effect */ background: #000; opacity: .25; }
.fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; }
.fc-day-grid-event .fc-time { font-weight: bold; }
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; /* to the day cell's edge */ }
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; /* to the day cell's edge */ }
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; }
    a.fc-more:hover { text-decoration: underline; }
.fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; }
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ }
.fc-more-popover { z-index: 2; width: 220px; }
    .fc-more-popover .fc-event-container { padding: 10px; }
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator { position: absolute; border: 0 solid red; }
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar { text-align: center; margin-bottom: 1em; }
    .fc-toolbar .fc-left { float: left; }
    .fc-toolbar .fc-right { float: right; }
    .fc-toolbar .fc-center { display: inline-block; }
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ float: left; margin-left: .75em; }
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */ margin-left: 0; }
/* title text */
.fc-toolbar h2 { margin: 0; font-size: 1.8em; }
/* button layering (for border precedence) */
.fc-toolbar button { position: relative; }
.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; }
.fc-toolbar .fc-state-down { z-index: 3; }
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; }
.fc-toolbar button:focus { z-index: 5; }
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; }
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* there may be week numbers in these views, so no padding-top */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ }
.fc-basic-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ }
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid { overflow: hidden; }
    .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }
/* week and day number styling */
.fc-day-top.fc-other-month { opacity: 0.3; }
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 2px; }
.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number { padding: 0 2px; /* column headers can't have as much v space */ }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; }
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; }
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }
.fc-basic-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: #808080; }
/* when week/day number have own column */
.fc-basic-view td.fc-week-number { text-align: center; }
    .fc-basic-view td.fc-week-number > * { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; }
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid { position: relative; z-index: 2; /* so the "more.." popover will be over the time grid */ }
    .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ }
        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ }
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; }
.fc-ltr .fc-axis { text-align: right; }
.fc-rtl .fc-axis { text-align: left; }
.ui-widget td.fc-axis { font-weight: normal; /* overcome jqui theme making it bold */ }
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container, .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; }
.fc-time-grid { min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ }
    .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; }
    .fc-time-grid > .fc-bg { z-index: 1; }
    .fc-time-grid .fc-slats, .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */ position: relative; z-index: 2; }
    .fc-time-grid .fc-content-col { position: relative; /* because now-indicator lives directly inside */ }
    .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; }
    /* divs within a cell within the fc-content-skeleton */
    .fc-time-grid .fc-business-container { position: relative; z-index: 1; }
    .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; }
    .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; }
    .fc-time-grid .fc-event-container { position: relative; z-index: 4; }
    .fc-time-grid .fc-now-indicator-line { z-index: 5; }
    .fc-time-grid .fc-helper-container { /* also is fc-event-container */ position: relative; z-index: 6; }
    /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
    .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ }
    .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; }
    .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */ background: none; /* see through to fc-bg */ }
    /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
    .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ }
    .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; /* top and bottom will be in by JS */ }
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; }
.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; }
.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-index's */ }
.fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; }
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; }
.fc-v-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event { overflow: hidden; /* don't let the bg flow over rounded corners */ }
    .fc-time-grid-event.fc-selected { /* need to allow touch resizers to extend outside event's bounding box */ /* common fc-selected styles hide the fc-bg, so don't need this anyway */ overflow: visible; }
        .fc-time-grid-event.fc-selected .fc-bg { display: none; /* hide semi-white background, to appear darker */ }
    .fc-time-grid-event .fc-content { overflow: hidden; /* for when .fc-selected */ }
    .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; }
    .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; }
    /* short mode, where time and title are on the same line */
    .fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */ white-space: nowrap; }
    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; }
        .fc-time-grid-event.fc-short .fc-time span { display: none; /* don't display the full time text... */ }
        .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ }
        .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ }
    .fc-time-grid-event.fc-short .fc-title { font-size: .85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ }
    /* resizer (cursor device) */
    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; }
        .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; }
    /* resizer (touch device) */
    .fc-time-grid-event.fc-selected .fc-resizer { /* 10x10 dot */ border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; /* horizontally center */ left: 50%; margin-left: -5px; /* center on the bottom edge */ bottom: -5px; }
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; }
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; /* vertically center on top coordinate */ }
.fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; /* triangle pointing right... */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; }
.fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; /* triangle pointing left... */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; }
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; }
/* view wrapper */
.fc-rtl .fc-list-view { direction: rtl; /* unlike core views, leverage browser RTL */ }
.fc-list-view { border-width: 1px; border-style: solid; }
/* table resets */
.fc .fc-list-table { table-layout: auto; /* for shrinkwrapping cell content */ }
.fc-list-table td { border-width: 1px 0 0; padding: 8px 14px; }
.fc-list-table tr:first-child td { border-top-width: 0; }
/* day headings with the list */
.fc-list-heading { border-bottom-width: 1px; }
    .fc-list-heading td { font-weight: bold; }
.fc-ltr .fc-list-heading-main { float: left; }
.fc-ltr .fc-list-heading-alt { float: right; }
.fc-rtl .fc-list-heading-main { float: right; }
.fc-rtl .fc-list-heading-alt { float: left; }
/* event list items */
.fc-list-item.fc-has-url { cursor: pointer; /* whole row will be clickable */ }
.fc-list-item:hover td { background-color: #f5f5f5; }
.fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; }
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker { padding-right: 0; }
.fc-rtl .fc-list-item-marker { padding-left: 0; }
.fc-list-item-title a { /* every event title cell has an <a> tag */ text-decoration: none; color: inherit; }
    .fc-list-item-title a[href]:hover { /* hover effect only on titles with hrefs */ text-decoration: underline; }
/* message when no events */
.fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; }
.fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; }
.fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: #eee; }
.card-calendar table td { text-align: right; }
.card-calendar .content { padding: 0 !important; }
.card-calendar .fc-toolbar { padding-top: 20px; padding-left: 20px; padding-right: 20px; }
.card-calendar .fc td:first-child { border-left: 0; }
.card-calendar .fc td:last-child { border-right: 0; }
.card-calendar .fc-basic-view td:last-child.fc-week-number span, .card-calendar .fc-basic-view td:last-child.fc-day-number { padding-right: 20px; }
.card-calendar .fc .fc-day-header:last-child { padding-right: 15px; }
.card-calendar .fc .fc-widget-header { border: 0; }
    .card-calendar .fc .fc-widget-header .fc-title { color: #FFFFFF; }
.card-calendar .fc th { text-align: right; color: #999999; }
.card-calendar .title { margin-top: -9px; }
.card-calendar .fc .fc-row:last-child td { border-bottom: 0; }
.card-calendar .fc .fc-body .fc-widget-content { border-bottom: 0; }
.wizard-card { min-height: 410px; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
    .wizard-card.active { opacity: 1; }
    .wizard-card .picture-container { position: relative; cursor: pointer; text-align: center; }
    .wizard-card .wizard-navigation { position: relative; }
    .wizard-card .picture { width: 106px; height: 106px; background-color: #999999; border: 4px solid #CCCCCC; color: #FFFFFF; border-radius: 50%; margin: 5px auto; overflow: hidden; transition: all 0.2s; -webkit-transition: all 0.2s; }
        .wizard-card .picture:hover { border-color: #2ca8ff; }
    .wizard-card .moving-tab { position: absolute; text-align: center; padding: 12px; font-size: 12px; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased; top: -4px; left: 0px; border-radius: 4px; color: #FFFFFF; cursor: pointer; font-weight: 500; }
    .wizard-card[data-color="purple"] .moving-tab { background-color: #9c27b0; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
    .wizard-card[data-color="purple"] .picture:hover { border-color: #9c27b0; }
    .wizard-card[data-color="purple"] .choice:hover .icon, .wizard-card[data-color="purple"] .choice.active .icon { border-color: #9c27b0; color: #9c27b0; }
    .wizard-card[data-color="purple"] .form-group .form-control { background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); }
    .wizard-card[data-color="purple"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #9c27b0; }
    .wizard-card[data-color="purple"] .radio input[type=radio]:checked ~ .check { background-color: #9c27b0; }
    .wizard-card[data-color="purple"] .radio input[type=radio]:checked ~ .circle { border-color: #9c27b0; }
    .wizard-card[data-color="green"] .moving-tab { background-color: #4caf50; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
    .wizard-card[data-color="green"] .picture:hover { border-color: #4caf50; }
    .wizard-card[data-color="green"] .choice:hover .icon, .wizard-card[data-color="green"] .choice.active .icon { border-color: #4caf50; color: #4caf50; }
    .wizard-card[data-color="green"] .form-group .form-control { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
    .wizard-card[data-color="green"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #4caf50; }
    .wizard-card[data-color="green"] .radio input[type=radio]:checked ~ .check { background-color: #4caf50; }
    .wizard-card[data-color="green"] .radio input[type=radio]:checked ~ .circle { border-color: #4caf50; }
    .wizard-card[data-color="blue"] .moving-tab { background-color: #00bcd4; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
    .wizard-card[data-color="blue"] .picture:hover { border-color: #00bcd4; }
    .wizard-card[data-color="blue"] .choice:hover .icon, .wizard-card[data-color="blue"] .choice.active .icon { border-color: #00bcd4; color: #00bcd4; }
    .wizard-card[data-color="blue"] .form-group .form-control { background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); }
    .wizard-card[data-color="blue"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #00bcd4; }
    .wizard-card[data-color="blue"] .radio input[type=radio]:checked ~ .check { background-color: #00bcd4; }
    .wizard-card[data-color="blue"] .radio input[type=radio]:checked ~ .circle { border-color: #00bcd4; }
    .wizard-card[data-color="orange"] .moving-tab { background-color: #ff9800; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
    .wizard-card[data-color="orange"] .picture:hover { border-color: #ff9800; }
    .wizard-card[data-color="orange"] .choice:hover .icon, .wizard-card[data-color="orange"] .choice.active .icon { border-color: #ff9800; color: #ff9800; }
    .wizard-card[data-color="orange"] .form-group .form-control { background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); }
    .wizard-card[data-color="orange"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #ff9800; }
    .wizard-card[data-color="orange"] .radio input[type=radio]:checked ~ .check { background-color: #ff9800; }
    .wizard-card[data-color="orange"] .radio input[type=radio]:checked ~ .circle { border-color: #ff9800; }
    .wizard-card[data-color="red"] .moving-tab { background-color: #f44336; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
    .wizard-card[data-color="red"] .picture:hover { border-color: #f44336; }
    .wizard-card[data-color="red"] .choice:hover .icon, .wizard-card[data-color="red"] .choice.active .icon { border-color: #f44336; color: #f44336; }
    .wizard-card[data-color="red"] .form-group .form-control { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
    .wizard-card[data-color="red"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #f44336; }
    .wizard-card[data-color="red"] .radio input[type=radio]:checked ~ .check { background-color: #f44336; }
    .wizard-card[data-color="red"] .radio input[type=radio]:checked ~ .circle { border-color: #f44336; }
    .wizard-card[data-color="rose"] .moving-tab { background-color: #e91e63; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
    .wizard-card[data-color="rose"] .picture:hover { border-color: #e91e63; }
    .wizard-card[data-color="rose"] .choice:hover .icon, .wizard-card[data-color="rose"] .choice.active .icon { border-color: #e91e63; color: #e91e63; }
    .wizard-card[data-color="rose"] .form-group .form-control { background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2); }
    .wizard-card[data-color="rose"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #e91e63; }
    .wizard-card[data-color="rose"] .radio input[type=radio]:checked ~ .check { background-color: #e91e63; }
    .wizard-card[data-color="rose"] .radio input[type=radio]:checked ~ .circle { border-color: #e91e63; }
    .wizard-card .picture input[type="file"] { cursor: pointer; display: block; height: 100%; left: 0; opacity: 0 !important; position: absolute; top: 0; width: 100%; }
    .wizard-card .picture-src { width: 100%; }
    .wizard-card .tab-content { min-height: 340px; padding: 20px 15px; }
    .wizard-card .wizard-footer { padding: 0 15px; }
        .wizard-card .wizard-footer .checkbox { margin-top: 16px; }
    .wizard-card .disabled { display: none; }
    .wizard-card .wizard-header { text-align: center; padding: 25px 0 35px; }
        .wizard-card .wizard-header h5 { margin: 5px 0 0; }
    .wizard-card .nav-pills > li { text-align: center; }
    .wizard-card .btn { text-transform: uppercase; }
    .wizard-card .info-text { text-align: center; font-weight: 300; margin: 10px 0 30px; }
    .wizard-card .choice { text-align: center; cursor: pointer; margin-top: 20px; }
        .wizard-card .choice[disabled] { pointer-events: none; cursor: not-allowed; opacity: .26; }
        .wizard-card .choice .icon { text-align: center; vertical-align: middle; height: 116px; width: 116px; border-radius: 50%; color: #999999; margin: 0 auto 20px; border: 4px solid #CCCCCC; transition: all 0.2s; -webkit-transition: all 0.2s; }
        .wizard-card .choice i { font-size: 40px; line-height: 111px; }
        .wizard-card .choice:hover .icon, .wizard-card .choice.active .icon { border-color: #2ca8ff; }
        .wizard-card .choice input[type="radio"], .wizard-card .choice input[type="checkbox"] { position: absolute; left: -10000px; z-index: -1; }
    .wizard-card .btn-finish { display: none; }
    .wizard-card .description { color: #999999; font-size: 14px; }
    .wizard-card .wizard-title { margin: 0; }
    .wizard-card .nav-pills { background-color: rgba(200, 200, 200, 0.2); }
        .wizard-card .nav-pills > li + li { margin-left: 0; }
        .wizard-card .nav-pills > li > a { border: 0 !important; border-radius: 0; line-height: 18px; text-transform: uppercase; font-size: 12px; font-weight: 500; min-width: 100px; text-align: center; color: #555555 !important; }
            .wizard-card .nav-pills > li.active > a, .wizard-card .nav-pills > li.active > a:hover, .wizard-card .nav-pills > li.active > a:focus, .wizard-card .nav-pills > li > a:hover, .wizard-card .nav-pills > li > a:focus { background-color: inherit; box-shadow: none; }
        .wizard-card .nav-pills > li i { display: block; font-size: 30px; padding: 15px 0; }
.ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: 1.3rem; line-height: 1; }
.ct-chart-line .ct-label, .ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.ct-chart-pie .ct-label, .ct-chart-donut .ct-label { dominant-baseline: central; }
.ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }
.ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; }
.ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; }
.ct-grid-background { fill: none; }
.ct-point { stroke-width: 10px; stroke-linecap: round; }
.ct-line { fill: none; stroke-width: 4px; }
.ct-area { stroke: none; fill-opacity: 0.1; }
.ct-bar { fill: none; stroke-width: 10px; }
.ct-slice-donut { fill: none; stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #00bcd4; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { fill: #00bcd4; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #f44336; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { fill: #f44336; }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #ff9800; }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { fill: #ff9800; }
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #9c27b0; }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { fill: #9c27b0; }
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #4caf50; }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { fill: #4caf50; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #9C9B99; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { fill: #9C9B99; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #999999; }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { fill: #999999; }
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #dd4b39; }
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { fill: #dd4b39; }
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #35465c; }
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { fill: #35465c; }
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #e52d27; }
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { fill: #e52d27; }
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #55acee; }
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { fill: #55acee; }
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: #cc2127; }
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { fill: #cc2127; }
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #1769ff; }
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { fill: #1769ff; }
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #6188e2; }
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { fill: #6188e2; }
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #a748ca; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { fill: #a748ca; }
.ct-square { display: block; position: relative; width: 100%; }
    .ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%; }
    .ct-square:after { content: ""; display: table; clear: both; }
    .ct-square > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-second { display: block; position: relative; width: 100%; }
    .ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%; }
    .ct-minor-second:after { content: ""; display: table; clear: both; }
    .ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-second { display: block; position: relative; width: 100%; }
    .ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.8888888889%; }
    .ct-major-second:after { content: ""; display: table; clear: both; }
    .ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-third { display: block; position: relative; width: 100%; }
    .ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.3333333333%; }
    .ct-minor-third:after { content: ""; display: table; clear: both; }
    .ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-third { display: block; position: relative; width: 100%; }
    .ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%; }
    .ct-major-third:after { content: ""; display: table; clear: both; }
    .ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-perfect-fourth { display: block; position: relative; width: 100%; }
    .ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%; }
    .ct-perfect-fourth:after { content: ""; display: table; clear: both; }
    .ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-perfect-fifth { display: block; position: relative; width: 100%; }
    .ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.6666666667%; }
    .ct-perfect-fifth:after { content: ""; display: table; clear: both; }
    .ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-sixth { display: block; position: relative; width: 100%; }
    .ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%; }
    .ct-minor-sixth:after { content: ""; display: table; clear: both; }
    .ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-golden-section { display: block; position: relative; width: 100%; }
    .ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.804697157%; }
    .ct-golden-section:after { content: ""; display: table; clear: both; }
    .ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-sixth { display: block; position: relative; width: 100%; }
    .ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%; }
    .ct-major-sixth:after { content: ""; display: table; clear: both; }
    .ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-seventh { display: block; position: relative; width: 100%; }
    .ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%; }
    .ct-minor-seventh:after { content: ""; display: table; clear: both; }
    .ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-seventh { display: block; position: relative; width: 100%; }
    .ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.3333333333%; }
    .ct-major-seventh:after { content: ""; display: table; clear: both; }
    .ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-octave { display: block; position: relative; width: 100%; }
    .ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%; }
    .ct-octave:after { content: ""; display: table; clear: both; }
    .ct-octave > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-tenth { display: block; position: relative; width: 100%; }
    .ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%; }
    .ct-major-tenth:after { content: ""; display: table; clear: both; }
    .ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-eleventh { display: block; position: relative; width: 100%; }
    .ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%; }
    .ct-major-eleventh:after { content: ""; display: table; clear: both; }
    .ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-twelfth { display: block; position: relative; width: 100%; }
    .ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.3333333333%; }
    .ct-major-twelfth:after { content: ""; display: table; clear: both; }
    .ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-double-octave { display: block; position: relative; width: 100%; }
    .ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%; }
    .ct-double-octave:after { content: ""; display: table; clear: both; }
    .ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; }
/*!
 * Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 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 \0; /*IE9 and below*/ }
    .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; }
    .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; }
        .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; }
.has-error .bootstrap-select .dropdown-toggle, .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: 100%; }
.bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; }
    .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; }
    .bootstrap-select.form-control.input-group-btn { z-index: auto; }
        .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.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-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .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; }
.form-inline .bootstrap-select.btn-group .form-control { width: 100%; }
.bootstrap-select.btn-group .dropdown-menu li.disabled a:hover, .bootstrap-select.btn-group .dropdown-menu li.disabled a:focus { box-shadow: none; }
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; }
    .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; }
.bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; }
    .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; text-overflow: ellipsis; }
.bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 16px; margin-top: -2px; vertical-align: middle; }
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; }
.bootstrap-select.btn-group .dropdown-menu { border-radius: 4px; padding: 0; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 5px 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; -ms-overflow-style: auto; }
    .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.disabled a { cursor: not-allowed; }
        .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; }
            .bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover { box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
            .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; }
            .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; -moz-box-sizing: border-box; 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; font-size: 16px; }
.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 white; 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 white; 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:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; }
.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; }
.bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bs-actionsbox .btn-group button { width: 50%; }
.bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bs-donebutton .btn-group button { width: 100%; }
.bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; }
.bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; }
.select-with-transition { border: 0 !important; background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0) !important; transition: background 0s ease-out !important; float: none !important; box-shadow: none !important; border-radius: 0 !important; color: #3C4858 !important; height: 34px; padding-left: 0 !important; padding-bottom: 5px !important; }
    .select-with-transition .caret, .select-with-transition .ripple-container { display: none; }
.btn-group.bootstrap-select.show-tick.open .select-with-transition { outline: none !important; background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2) !important; background-size: 100% 2px, 100% 1px !important; box-shadow: none; transition-duration: 0.3s !important; }
/* perfect-scrollbar v0.6.13 */

.ps-container { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
    .ps-container { overflow: auto !important; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container { overflow: auto !important; }
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; height: 11px; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; width: 11px; }
.ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; /* there must be 'bottom' for ps-scrollbar-x */ height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x { height: 11px; }
.ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 15px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; /* there must be 'right' for ps-scrollbar-y */ width: 6px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { width: 11px; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; height: 11px; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; width: 11px; }
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; }
        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; }
        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; }
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, .h1 { font-size: 3.8em; line-height: 1.15em; }
h2, .h2 { font-size: 2.6em; }
h3, .h3 { font-size: 1.825em; line-height: 1.4em; margin: 20px 0 10px; }
h4, .h4 { font-size: 1.3em; line-height: 1.4em; }
h5, .h5 { font-size: 1.25em; line-height: 1.4em; margin-bottom: 15px; }
h6, .h6 { font-size: 1em; text-transform: uppercase; font-weight: 500; }
.title, .title a, .card-title, .card-title a, .info-title, .info-title a, .footer-brand, .footer-brand a, .footer-big h5, .footer-big h5 a, .footer-big h4, .footer-big h4 a, .media .media-heading, .media .media-heading a { color: #3C4858; text-decoration: none; }
.card-blog .card-title { font-weight: 700; }
h2.title { margin-bottom: 30px; }
.description, .card-description, .footer-big p { color: #999999; }
.text-warning { color: #ff9800; }
.text-primary { color: #9c27b0; }
.text-danger { color: #f44336; }
.text-success { color: #4caf50; }
.text-info { color: #00bcd4; }
.text-rose { color: #e91e63; }
.text-gray { color: #999999; }
.wrapper { position: relative; top: 0; height: 100vh; }
.sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 2; width: 260px; background: #FFFFFF; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
    .sidebar[data-background-color="black"] { background-color: #191919; }
    .sidebar .sidebar-wrapper { position: relative; height: calc(100vh - 75px); overflow: auto; width: 260px; z-index: 4; padding-bottom: 30px; }
        .sidebar .sidebar-wrapper .dropdown .dropdown-backdrop { display: none !important; }
        .sidebar .sidebar-wrapper .navbar-form { border: none; box-shadow: none; }
        .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span { display: inline-block; }
        .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal { margin: 0; position: relative; transform: translateX(0px); opacity: 1; white-space: nowrap; display: block; }
        .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini { text-transform: uppercase; width: 30px; margin-right: 15px; text-align: center; letter-spacing: 1px; position: relative; float: left; display: inherit; }
        .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a i, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a i { font-size: 17px; line-height: 20px; width: 26px; }
    .sidebar .logo-tim { border-radius: 50%; border: 1px solid #333; display: block; height: 61px; width: 61px; float: left; overflow: hidden; }
        .sidebar .logo-tim img { width: 60px; height: 60px; }
    .sidebar .nav { margin-top: 15px; }
        .sidebar .nav .caret { margin-top: 13px; position: absolute; right: 18px; }
        .sidebar .nav li > a { margin: 10px 15px 0; border-radius: 3px; color: #3C4858; padding-left: 10px; padding-right: 10px; }
            .sidebar .nav li > a:hover, .sidebar .nav li > a:focus { background-color: transparent; outline: none; }
        .sidebar .nav li:first-child > a { margin: 0 15px; }
        .sidebar .nav li:hover > a, .sidebar .nav li.active > [data-toggle="collapse"] { background-color: rgba(200, 200, 200, 0.2); color: #3C4858; box-shadow: none; }
            .sidebar .nav li.active > [data-toggle="collapse"] i { color: #a9afbb; }
        .sidebar .nav li.active > a, .sidebar .nav li.active > a i { color: #FFFFFF; }
        .sidebar .nav li.separator { margin: 15px 0; }
            .sidebar .nav li.separator:after { width: calc(100% - 30px); content: ""; position: absolute; height: 1px; left: 15px; background-color: rgba(180, 180, 180, 0.3); }
            .sidebar .nav li.separator + li { margin-top: 31px; }
        .sidebar .nav p { margin: 0; line-height: 30px; font-size: 14px; position: relative; display: block; height: auto; white-space: nowrap; }
        .sidebar .nav i { font-size: 24px; float: left; margin-right: 15px; line-height: 30px; width: 30px; text-align: center; color: #a9afbb; }
    .sidebar:before, .sidebar:after { display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: #000; }
    .sidebar .sidebar-background { position: absolute; z-index: 1; height: 100%; width: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; }
        .sidebar .sidebar-background:after { position: absolute; z-index: 3; width: 100%; height: 100%; content: ""; display: block; background: #FFFFFF; opacity: .93; }
    .sidebar .logo { padding: 15px 0px; margin: 0; display: block; position: relative; z-index: 4; }
        .sidebar .logo a.logo-mini { opacity: 1; float: left; width: 30px; text-align: center; margin-left: 23px; margin-right: 15px; }
        .sidebar .logo a.logo-normal { display: block; opacity: 1; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
        .sidebar .logo:after { content: ''; position: absolute; bottom: 0; right: 15px; height: 1px; width: calc(100% - 30px); background-color: rgba(180, 180, 180, 0.3); }
        .sidebar .logo p { float: left; font-size: 20px; margin: 10px 10px; color: #FFFFFF; line-height: 20px; }
        .sidebar .logo .simple-text { text-transform: uppercase; padding: 5px 0px; display: inline-block; font-size: 18px; color: #3C4858; white-space: nowrap; font-weight: 400; line-height: 30px; overflow: hidden; }
    .sidebar .logo-tim { border-radius: 50%; border: 1px solid #333; display: block; height: 61px; width: 61px; float: left; overflow: hidden; }
        .sidebar .logo-tim img { width: 60px; height: 60px; }
    .sidebar .user { padding-bottom: 20px; margin: 20px auto 0; position: relative; }
        .sidebar .user:after { content: ''; position: absolute; bottom: 0; right: 15px; height: 1px; width: calc(100% - 30px); background-color: rgba(180, 180, 180, 0.3); }
        .sidebar .user .photo { width: 34px; height: 34px; overflow: hidden; float: left; z-index: 5; margin-right: 11px; border-radius: 50%; margin-left: 23px; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
            .sidebar .user .photo img { width: 100%; }
        .sidebar .user a { color: #3C4858; padding: 6px 15px; white-space: nowrap; }
        .sidebar .user .info > a { display: block; line-height: 22px; }
            .sidebar .user .info > a > span { display: block; position: relative; opacity: 1; }
        .sidebar .user .info .caret { position: absolute; top: 10px; right: 27px; }
    .sidebar[data-background-color="black"] .nav li > a { color: #FFFFFF; }
    .sidebar[data-background-color="black"] .nav li i { color: rgba(255, 255, 255, 0.8); }
    .sidebar[data-background-color="black"] .nav li.active > [data-toggle="collapse"], .sidebar[data-background-color="black"] .nav li:hover > [data-toggle="collapse"] { color: #FFFFFF; }
        .sidebar[data-background-color="black"] .nav li.active > [data-toggle="collapse"] i, .sidebar[data-background-color="black"] .nav li:hover > [data-toggle="collapse"] i { color: rgba(255, 255, 255, 0.8); }
    .sidebar[data-background-color="black"] .user a { color: #FFFFFF; }
    .sidebar[data-background-color="black"] .simple-text { color: #FFFFFF; }
    .sidebar[data-background-color="black"] .sidebar-background:after { background: #000; opacity: .8; }
    .sidebar[data-background-color="white"]:after, .sidebar[data-background-color="white"]:before { background: #FFFFFF; }
    .sidebar[data-active-color="purple"] li.active > a { background-color: #9c27b0; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
    .sidebar[data-active-color="blue"] li.active > a { background-color: #00bcd4; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
    .sidebar[data-active-color="green"] li.active > a { background-color: #4caf50; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
    .sidebar[data-active-color="orange"] li.active > a { background-color: #ff9800; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
    .sidebar[data-active-color="red"] li.active > a { background-color: #f44336; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
    .sidebar[data-active-color="rose"] li.active > a { background-color: #e91e63; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
    .sidebar[data-active-color="white"] li.active > a { background-color: #FFFFFF; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); }
    .sidebar[data-active-color="white"] .nav li.active > a:not([data-toggle="collapse"]) { color: #3C4858; opacity: 1; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(60, 72, 88, 0.4); }
        .sidebar[data-active-color="white"] .nav li.active > a:not([data-toggle="collapse"]) i { color: rgba(60, 72, 88, 0.8); }
    .sidebar[data-background-color="red"] .nav li > a { color: #FFFFFF; }
    .sidebar[data-background-color="red"] .nav li i { color: rgba(255, 255, 255, 0.8); }
    .sidebar[data-background-color="red"] .nav li.active > [data-toggle="collapse"], .sidebar[data-background-color="red"] .nav li:hover > [data-toggle="collapse"] { color: #FFFFFF; }
        .sidebar[data-background-color="red"] .nav li.active > [data-toggle="collapse"] i, .sidebar[data-background-color="red"] .nav li:hover > [data-toggle="collapse"] i { color: rgba(255, 255, 255, 0.8); }
    .sidebar[data-background-color="red"] .user a { color: #FFFFFF; }
    .sidebar[data-background-color="red"] .simple-text { color: #FFFFFF; }
    .sidebar[data-background-color="red"] .sidebar-background:after { background: #f44336; opacity: .8; }
    .sidebar[data-background-color="red"] .user:after, .sidebar[data-background-color="red"] .logo:after, .sidebar[data-background-color="red"] .nav li.separator:after { background-color: rgba(255, 255, 255, 0.3); }
    .sidebar[data-background-color="red"] .nav li:hover:not(.active) > a, .sidebar[data-background-color="red"] .nav li.active > [data-toggle="collapse"] { background-color: rgba(255, 255, 255, 0.1); }
    .sidebar[data-image]:after, .sidebar.has-image:after { opacity: .77; }
.off-canvas-sidebar .navbar-collapse .nav > li > a, .off-canvas-sidebar .navbar-collapse .nav > li > a:hover { color: #FFFFFF; margin: 0 15px; }
    .off-canvas-sidebar .navbar-collapse .nav > li > a:focus, .off-canvas-sidebar .navbar-collapse .nav > li > a:hover { background: rgba(200, 200, 200, 0.2); }
.main-panel { position: relative; float: right; width: calc(100% - 260px); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .main-panel > .content { margin-top: 70px; padding: 30px 15px; min-height: calc(100vh - 123px); }
    .main-panel > .footer { border-top: 1px solid #e7e7e7; }
    .main-panel > .navbar { margin-bottom: 0; }
    .main-panel .header { margin-bottom: 30px; }
        .main-panel .header .title { margin-top: 10px; }
.perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel { height: 100%; max-height: 100%; }
.sidebar, .main-panel, .sidebar-wrapper { -webkit-transition-property: top, bottom, width; transition-property: top, bottom, width; -webkit-transition-duration: .2s, .2s, .35s; transition-duration: .2s, .2s, .35s; -webkit-transition-timing-function: linear, linear, ease; transition-timing-function: linear, linear, ease; -webkit-overflow-scrolling: touch; }
    .perfect-scrollbar-on .sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper, .perfect-scrollbar-on .main-panel, .main-panel { overflow: hidden; }
.perfect-scrollbar-off .sidebar .sidebar-wrapper, .perfect-scrollbar-off .main-panel { overflow: auto; }
.visible-on-sidebar-regular { display: inline-block !important; }
.visible-on-sidebar-mini { display: none !important; }
@media (min-width: 992px) {
    .sidebar-mini .visible-on-sidebar-regular { display: none !important; }
    .sidebar-mini .visible-on-sidebar-mini { display: inline-block !important; }
    .sidebar-mini .sidebar, .sidebar-mini .sidebar .sidebar-wrapper { width: 80px; }
    .sidebar-mini .main-panel { width: calc(100% - 80px); }
    .sidebar-mini .sidebar { display: block; font-weight: 200; z-index: 9999; }
        .sidebar-mini .sidebar .logo a.logo-normal { opacity: 0; -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
        .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span, .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p { -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 0; }
        .sidebar-mini .sidebar:hover { width: 260px; }
            .sidebar-mini .sidebar:hover .logo a.logo-normal { opacity: 1; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
            .sidebar-mini .sidebar:hover .sidebar-wrapper { width: 260px; }
                .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p, .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info > a > span { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); opacity: 1; }
}
.btn, .navbar .navbar-nav > li > a.btn { border: none; border-radius: 3px; position: relative; padding: 12px 30px; margin: 10px 1px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0; will-change: box-shadow, transform; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .btn::-moz-focus-inner, .navbar .navbar-nav > li > a.btn::-moz-focus-inner { border: 0; }
    .btn, .btn.btn-default, .navbar .navbar-nav > li > a.btn, .navbar .navbar-nav > li > a.btn.btn-default { box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); }
        .btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn.active, .navbar .navbar-nav > li > a.btn:active:focus, .navbar .navbar-nav > li > a.btn:active:hover, .navbar .navbar-nav > li > a.btn.active:focus, .navbar .navbar-nav > li > a.btn.active:hover, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-default, .navbar .navbar-nav > li > a.btn.btn-default:hover, .navbar .navbar-nav > li > a.btn.btn-default:focus, .navbar .navbar-nav > li > a.btn.btn-default:active, .navbar .navbar-nav > li > a.btn.btn-default.active, .navbar .navbar-nav > li > a.btn.btn-default:active:focus, .navbar .navbar-nav > li > a.btn.btn-default:active:hover, .navbar .navbar-nav > li > a.btn.btn-default.active:focus, .navbar .navbar-nav > li > a.btn.btn-default.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:hover { background-color: #999999; color: #FFFFFF; }
            .btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn:hover, .navbar .navbar-nav > li > a.btn.btn-default:focus, .navbar .navbar-nav > li > a.btn.btn-default:active, .navbar .navbar-nav > li > a.btn.btn-default:hover { box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); }
            .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.btn-default.disabled, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled.focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled.active, .btn.btn-default:disabled, .btn.btn-default:disabled:hover, .btn.btn-default:disabled:focus, .btn.btn-default:disabled.focus, .btn.btn-default:disabled:active, .btn.btn-default:disabled.active, .btn.btn-default[disabled], .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled].focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default:hover, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default.focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active, .navbar .navbar-nav > li > a.btn.disabled, .navbar .navbar-nav > li > a.btn.disabled:hover, .navbar .navbar-nav > li > a.btn.disabled:focus, .navbar .navbar-nav > li > a.btn.disabled.focus, .navbar .navbar-nav > li > a.btn.disabled:active, .navbar .navbar-nav > li > a.btn.disabled.active, .navbar .navbar-nav > li > a.btn:disabled, .navbar .navbar-nav > li > a.btn:disabled:hover, .navbar .navbar-nav > li > a.btn:disabled:focus, .navbar .navbar-nav > li > a.btn:disabled.focus, .navbar .navbar-nav > li > a.btn:disabled:active, .navbar .navbar-nav > li > a.btn:disabled.active, .navbar .navbar-nav > li > a.btn[disabled], .navbar .navbar-nav > li > a.btn[disabled]:hover, .navbar .navbar-nav > li > a.btn[disabled]:focus, .navbar .navbar-nav > li > a.btn[disabled].focus, .navbar .navbar-nav > li > a.btn[disabled]:active, .navbar .navbar-nav > li > a.btn[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn, fieldset[disabled] .navbar .navbar-nav > li > a.btn:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.active, .navbar .navbar-nav > li > a.btn.btn-default.disabled, .navbar .navbar-nav > li > a.btn.btn-default.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-default.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-default.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-default.disabled:active, .navbar .navbar-nav > li > a.btn.btn-default.disabled.active, .navbar .navbar-nav > li > a.btn.btn-default:disabled, .navbar .navbar-nav > li > a.btn.btn-default:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-default:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-default:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-default:disabled:active, .navbar .navbar-nav > li > a.btn.btn-default:disabled.active, .navbar .navbar-nav > li > a.btn.btn-default[disabled], .navbar .navbar-nav > li > a.btn.btn-default[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-default[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-default[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-default[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-default[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default.active { box-shadow: none; }
            .btn.btn-simple, .btn.btn-default.btn-simple, .navbar .navbar-nav > li > a.btn.btn-simple, .navbar .navbar-nav > li > a.btn.btn-default.btn-simple { background-color: transparent; color: #999999; box-shadow: none; }
                .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-default.btn-simple:hover, .btn.btn-default.btn-simple:focus, .btn.btn-default.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-default.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-default.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-default.btn-simple:active { background-color: transparent; color: #999999; }
            .btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary { box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); }
                .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover { background-color: #9c27b0; color: #FFFFFF; }
                    .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary:hover { box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); }
                    .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled.active, .btn.btn-primary:disabled, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled.active, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled].focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary.disabled, .navbar .navbar-nav > li > a.btn.btn-primary.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-primary.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-primary.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-primary.disabled:active, .navbar .navbar-nav > li > a.btn.btn-primary.disabled.active, .navbar .navbar-nav > li > a.btn.btn-primary:disabled, .navbar .navbar-nav > li > a.btn.btn-primary:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-primary:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-primary:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-primary:disabled:active, .navbar .navbar-nav > li > a.btn.btn-primary:disabled.active, .navbar .navbar-nav > li > a.btn.btn-primary[disabled], .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-primary[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-primary[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary.active { box-shadow: none; }
                    .btn.btn-primary.btn-simple, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple { background-color: transparent; color: #9c27b0; box-shadow: none; }
                        .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active { background-color: transparent; color: #9c27b0; }
            .btn.btn-info, .navbar .navbar-nav > li > a.btn.btn-info { box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); }
                .btn.btn-info, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info:active:focus, .btn.btn-info:active:hover, .btn.btn-info.active:focus, .btn.btn-info.active:hover, .open > .btn.btn-info.dropdown-toggle, .open > .btn.btn-info.dropdown-toggle:focus, .open > .btn.btn-info.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-info, .navbar .navbar-nav > li > a.btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, .navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info.active, .navbar .navbar-nav > li > a.btn.btn-info:active:focus, .navbar .navbar-nav > li > a.btn.btn-info:active:hover, .navbar .navbar-nav > li > a.btn.btn-info.active:focus, .navbar .navbar-nav > li > a.btn.btn-info.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover { background-color: #00bcd4; color: #FFFFFF; }
                    .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, .navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info:hover { box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }
                    .btn.btn-info.disabled, .btn.btn-info.disabled:hover, .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info.disabled:active, .btn.btn-info.disabled.active, .btn.btn-info:disabled, .btn.btn-info:disabled:hover, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus, .btn.btn-info:disabled:active, .btn.btn-info:disabled.active, .btn.btn-info[disabled], .btn.btn-info[disabled]:hover, .btn.btn-info[disabled]:focus, .btn.btn-info[disabled].focus, .btn.btn-info[disabled]:active, .btn.btn-info[disabled].active, fieldset[disabled] .btn.btn-info, fieldset[disabled] .btn.btn-info:hover, fieldset[disabled] .btn.btn-info:focus, fieldset[disabled] .btn.btn-info.focus, fieldset[disabled] .btn.btn-info:active, fieldset[disabled] .btn.btn-info.active, .navbar .navbar-nav > li > a.btn.btn-info.disabled, .navbar .navbar-nav > li > a.btn.btn-info.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-info.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-info.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-info.disabled:active, .navbar .navbar-nav > li > a.btn.btn-info.disabled.active, .navbar .navbar-nav > li > a.btn.btn-info:disabled, .navbar .navbar-nav > li > a.btn.btn-info:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-info:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-info:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-info:disabled:active, .navbar .navbar-nav > li > a.btn.btn-info:disabled.active, .navbar .navbar-nav > li > a.btn.btn-info[disabled], .navbar .navbar-nav > li > a.btn.btn-info[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-info[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-info[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-info[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-info[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info.active { box-shadow: none; }
                    .btn.btn-info.btn-simple, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple { background-color: transparent; color: #00bcd4; box-shadow: none; }
                        .btn.btn-info.btn-simple:hover, .btn.btn-info.btn-simple:focus, .btn.btn-info.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active { background-color: transparent; color: #00bcd4; }
            .btn.btn-success, .navbar .navbar-nav > li > a.btn.btn-success { box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); }
                .btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, .open > .btn.btn-success.dropdown-toggle, .open > .btn.btn-success.dropdown-toggle:focus, .open > .btn.btn-success.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-success, .navbar .navbar-nav > li > a.btn.btn-success:hover, .navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, .navbar .navbar-nav > li > a.btn.btn-success.active, .navbar .navbar-nav > li > a.btn.btn-success:active:focus, .navbar .navbar-nav > li > a.btn.btn-success:active:hover, .navbar .navbar-nav > li > a.btn.btn-success.active:focus, .navbar .navbar-nav > li > a.btn.btn-success.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover { background-color: #4caf50; color: #FFFFFF; }
                    .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover, .navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, .navbar .navbar-nav > li > a.btn.btn-success:hover { box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); }
                    .btn.btn-success.disabled, .btn.btn-success.disabled:hover, .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success.disabled:active, .btn.btn-success.disabled.active, .btn.btn-success:disabled, .btn.btn-success:disabled:hover, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus, .btn.btn-success:disabled:active, .btn.btn-success:disabled.active, .btn.btn-success[disabled], .btn.btn-success[disabled]:hover, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled].focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled].active, fieldset[disabled] .btn.btn-success, fieldset[disabled] .btn.btn-success:hover, fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success.active, .navbar .navbar-nav > li > a.btn.btn-success.disabled, .navbar .navbar-nav > li > a.btn.btn-success.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-success.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-success.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-success.disabled:active, .navbar .navbar-nav > li > a.btn.btn-success.disabled.active, .navbar .navbar-nav > li > a.btn.btn-success:disabled, .navbar .navbar-nav > li > a.btn.btn-success:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-success:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-success:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-success:disabled:active, .navbar .navbar-nav > li > a.btn.btn-success:disabled.active, .navbar .navbar-nav > li > a.btn.btn-success[disabled], .navbar .navbar-nav > li > a.btn.btn-success[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-success[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-success[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-success[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-success[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success.active { box-shadow: none; }
                    .btn.btn-success.btn-simple, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple { background-color: transparent; color: #4caf50; box-shadow: none; }
                        .btn.btn-success.btn-simple:hover, .btn.btn-success.btn-simple:focus, .btn.btn-success.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active { background-color: transparent; color: #4caf50; }
            .btn.btn-warning, .navbar .navbar-nav > li > a.btn.btn-warning { box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); }
                .btn.btn-warning, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .open > .btn.btn-warning.dropdown-toggle, .open > .btn.btn-warning.dropdown-toggle:focus, .open > .btn.btn-warning.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-warning, .navbar .navbar-nav > li > a.btn.btn-warning:hover, .navbar .navbar-nav > li > a.btn.btn-warning:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active, .navbar .navbar-nav > li > a.btn.btn-warning.active, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active:hover, .navbar .navbar-nav > li > a.btn.btn-warning.active:focus, .navbar .navbar-nav > li > a.btn.btn-warning.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover { background-color: #ff9800; color: #FFFFFF; }
                    .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover, .navbar .navbar-nav > li > a.btn.btn-warning:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active, .navbar .navbar-nav > li > a.btn.btn-warning:hover { box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); }
                    .btn.btn-warning.disabled, .btn.btn-warning.disabled:hover, .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning.disabled:active, .btn.btn-warning.disabled.active, .btn.btn-warning:disabled, .btn.btn-warning:disabled:hover, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus, .btn.btn-warning:disabled:active, .btn.btn-warning:disabled.active, .btn.btn-warning[disabled], .btn.btn-warning[disabled]:hover, .btn.btn-warning[disabled]:focus, .btn.btn-warning[disabled].focus, .btn.btn-warning[disabled]:active, .btn.btn-warning[disabled].active, fieldset[disabled] .btn.btn-warning, fieldset[disabled] .btn.btn-warning:hover, fieldset[disabled] .btn.btn-warning:focus, fieldset[disabled] .btn.btn-warning.focus, fieldset[disabled] .btn.btn-warning:active, fieldset[disabled] .btn.btn-warning.active, .navbar .navbar-nav > li > a.btn.btn-warning.disabled, .navbar .navbar-nav > li > a.btn.btn-warning.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-warning.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-warning.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-warning.disabled:active, .navbar .navbar-nav > li > a.btn.btn-warning.disabled.active, .navbar .navbar-nav > li > a.btn.btn-warning:disabled, .navbar .navbar-nav > li > a.btn.btn-warning:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-warning:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-warning:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-warning:disabled:active, .navbar .navbar-nav > li > a.btn.btn-warning:disabled.active, .navbar .navbar-nav > li > a.btn.btn-warning[disabled], .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-warning[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-warning[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning.active { box-shadow: none; }
                    .btn.btn-warning.btn-simple, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple { background-color: transparent; color: #ff9800; box-shadow: none; }
                        .btn.btn-warning.btn-simple:hover, .btn.btn-warning.btn-simple:focus, .btn.btn-warning.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active { background-color: transparent; color: #ff9800; }
            .btn.btn-danger, .navbar .navbar-nav > li > a.btn.btn-danger { box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); }
                .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-danger, .navbar .navbar-nav > li > a.btn.btn-danger:hover, .navbar .navbar-nav > li > a.btn.btn-danger:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active, .navbar .navbar-nav > li > a.btn.btn-danger.active, .navbar .navbar-nav > li > a.btn.btn-danger:active:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active:hover, .navbar .navbar-nav > li > a.btn.btn-danger.active:focus, .navbar .navbar-nav > li > a.btn.btn-danger.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover { background-color: #f44336; color: #FFFFFF; }
                    .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover, .navbar .navbar-nav > li > a.btn.btn-danger:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active, .navbar .navbar-nav > li > a.btn.btn-danger:hover { box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); }
                    .btn.btn-danger.disabled, .btn.btn-danger.disabled:hover, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger.disabled:active, .btn.btn-danger.disabled.active, .btn.btn-danger:disabled, .btn.btn-danger:disabled:hover, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus, .btn.btn-danger:disabled:active, .btn.btn-danger:disabled.active, .btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled].focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled].active, fieldset[disabled] .btn.btn-danger, fieldset[disabled] .btn.btn-danger:hover, fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger.active, .navbar .navbar-nav > li > a.btn.btn-danger.disabled, .navbar .navbar-nav > li > a.btn.btn-danger.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-danger.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-danger.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-danger.disabled:active, .navbar .navbar-nav > li > a.btn.btn-danger.disabled.active, .navbar .navbar-nav > li > a.btn.btn-danger:disabled, .navbar .navbar-nav > li > a.btn.btn-danger:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-danger:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-danger:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-danger:disabled:active, .navbar .navbar-nav > li > a.btn.btn-danger:disabled.active, .navbar .navbar-nav > li > a.btn.btn-danger[disabled], .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-danger[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-danger[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger.active { box-shadow: none; }
                    .btn.btn-danger.btn-simple, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple { background-color: transparent; color: #f44336; box-shadow: none; }
                        .btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active { background-color: transparent; color: #f44336; }
            .btn.btn-rose, .navbar .navbar-nav > li > a.btn.btn-rose { box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); }
                .btn.btn-rose, .btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose.active, .btn.btn-rose:active:focus, .btn.btn-rose:active:hover, .btn.btn-rose.active:focus, .btn.btn-rose.active:hover, .open > .btn.btn-rose.dropdown-toggle, .open > .btn.btn-rose.dropdown-toggle:focus, .open > .btn.btn-rose.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-rose, .navbar .navbar-nav > li > a.btn.btn-rose:hover, .navbar .navbar-nav > li > a.btn.btn-rose:focus, .navbar .navbar-nav > li > a.btn.btn-rose:active, .navbar .navbar-nav > li > a.btn.btn-rose.active, .navbar .navbar-nav > li > a.btn.btn-rose:active:focus, .navbar .navbar-nav > li > a.btn.btn-rose:active:hover, .navbar .navbar-nav > li > a.btn.btn-rose.active:focus, .navbar .navbar-nav > li > a.btn.btn-rose.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:hover { background-color: #e91e63; color: #FFFFFF; }
                    .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose:hover, .navbar .navbar-nav > li > a.btn.btn-rose:focus, .navbar .navbar-nav > li > a.btn.btn-rose:active, .navbar .navbar-nav > li > a.btn.btn-rose:hover { box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); }
                    .btn.btn-rose.disabled, .btn.btn-rose.disabled:hover, .btn.btn-rose.disabled:focus, .btn.btn-rose.disabled.focus, .btn.btn-rose.disabled:active, .btn.btn-rose.disabled.active, .btn.btn-rose:disabled, .btn.btn-rose:disabled:hover, .btn.btn-rose:disabled:focus, .btn.btn-rose:disabled.focus, .btn.btn-rose:disabled:active, .btn.btn-rose:disabled.active, .btn.btn-rose[disabled], .btn.btn-rose[disabled]:hover, .btn.btn-rose[disabled]:focus, .btn.btn-rose[disabled].focus, .btn.btn-rose[disabled]:active, .btn.btn-rose[disabled].active, fieldset[disabled] .btn.btn-rose, fieldset[disabled] .btn.btn-rose:hover, fieldset[disabled] .btn.btn-rose:focus, fieldset[disabled] .btn.btn-rose.focus, fieldset[disabled] .btn.btn-rose:active, fieldset[disabled] .btn.btn-rose.active, .navbar .navbar-nav > li > a.btn.btn-rose.disabled, .navbar .navbar-nav > li > a.btn.btn-rose.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-rose.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-rose.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-rose.disabled:active, .navbar .navbar-nav > li > a.btn.btn-rose.disabled.active, .navbar .navbar-nav > li > a.btn.btn-rose:disabled, .navbar .navbar-nav > li > a.btn.btn-rose:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-rose:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-rose:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-rose:disabled:active, .navbar .navbar-nav > li > a.btn.btn-rose:disabled.active, .navbar .navbar-nav > li > a.btn.btn-rose[disabled], .navbar .navbar-nav > li > a.btn.btn-rose[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-rose[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-rose[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-rose[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-rose[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose.active { box-shadow: none; }
                    .btn.btn-rose.btn-simple, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple { background-color: transparent; color: #e91e63; box-shadow: none; }
                        .btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:active { background-color: transparent; color: #e91e63; }
            .btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover, .navbar .navbar-nav > li > a.btn.btn-white, .navbar .navbar-nav > li > a.btn.btn-white:focus, .navbar .navbar-nav > li > a.btn.btn-white:hover { background-color: #FFFFFF; color: #999999; }
                .btn.btn-white.btn-simple, .navbar .navbar-nav > li > a.btn.btn-white.btn-simple { color: #FFFFFF; background: transparent; box-shadow: none; }
            .btn.btn-facebook, .navbar .navbar-nav > li > a.btn.btn-facebook { background-color: #3b5998; color: #fff; box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); }
                .btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:hover, .navbar .navbar-nav > li > a.btn.btn-facebook:focus, .navbar .navbar-nav > li > a.btn.btn-facebook:active, .navbar .navbar-nav > li > a.btn.btn-facebook:hover { background-color: #3b5998; color: #fff; box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); }
                .btn.btn-facebook.btn-simple, .navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple { color: #3b5998; background-color: transparent; box-shadow: none; }
            .btn.btn-twitter, .navbar .navbar-nav > li > a.btn.btn-twitter { background-color: #55acee; color: #fff; box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); }
                .btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover, .navbar .navbar-nav > li > a.btn.btn-twitter:focus, .navbar .navbar-nav > li > a.btn.btn-twitter:active, .navbar .navbar-nav > li > a.btn.btn-twitter:hover { background-color: #55acee; color: #fff; box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); }
                .btn.btn-twitter.btn-simple, .navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple { color: #55acee; background-color: transparent; box-shadow: none; }
            .btn.btn-pinterest, .navbar .navbar-nav > li > a.btn.btn-pinterest { background-color: #cc2127; color: #fff; box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); }
                .btn.btn-pinterest:focus, .btn.btn-pinterest:active, .btn.btn-pinterest:hover, .navbar .navbar-nav > li > a.btn.btn-pinterest:focus, .navbar .navbar-nav > li > a.btn.btn-pinterest:active, .navbar .navbar-nav > li > a.btn.btn-pinterest:hover { background-color: #cc2127; color: #fff; box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); }
                .btn.btn-pinterest.btn-simple, .navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple { color: #cc2127; background-color: transparent; box-shadow: none; }
            .btn.btn-google, .navbar .navbar-nav > li > a.btn.btn-google { background-color: #dd4b39; color: #fff; box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); }
                .btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:hover, .navbar .navbar-nav > li > a.btn.btn-google:focus, .navbar .navbar-nav > li > a.btn.btn-google:active, .navbar .navbar-nav > li > a.btn.btn-google:hover { background-color: #dd4b39; color: #fff; box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); }
                .btn.btn-google.btn-simple, .navbar .navbar-nav > li > a.btn.btn-google.btn-simple { color: #dd4b39; background-color: transparent; box-shadow: none; }
            .btn.btn-linkedin, .navbar .navbar-nav > li > a.btn.btn-linkedin { background-color: #0976b4; color: #fff; box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); }
                .btn.btn-linkedin:focus, .btn.btn-linkedin:active, .btn.btn-linkedin:hover, .navbar .navbar-nav > li > a.btn.btn-linkedin:focus, .navbar .navbar-nav > li > a.btn.btn-linkedin:active, .navbar .navbar-nav > li > a.btn.btn-linkedin:hover { background-color: #0976b4; color: #fff; box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); }
                .btn.btn-linkedin.btn-simple, .navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple { color: #0976b4; background-color: transparent; box-shadow: none; }
            .btn.btn-dribbble, .navbar .navbar-nav > li > a.btn.btn-dribbble { background-color: #ea4c89; color: #fff; box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); }
                .btn.btn-dribbble:focus, .btn.btn-dribbble:active, .btn.btn-dribbble:hover, .navbar .navbar-nav > li > a.btn.btn-dribbble:focus, .navbar .navbar-nav > li > a.btn.btn-dribbble:active, .navbar .navbar-nav > li > a.btn.btn-dribbble:hover { background-color: #ea4c89; color: #fff; box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); }
                .btn.btn-dribbble.btn-simple, .navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple { color: #ea4c89; background-color: transparent; box-shadow: none; }
            .btn.btn-github, .navbar .navbar-nav > li > a.btn.btn-github { background-color: #333333; color: #fff; box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); }
                .btn.btn-github:focus, .btn.btn-github:active, .btn.btn-github:hover, .navbar .navbar-nav > li > a.btn.btn-github:focus, .navbar .navbar-nav > li > a.btn.btn-github:active, .navbar .navbar-nav > li > a.btn.btn-github:hover { background-color: #333333; color: #fff; box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); }
                .btn.btn-github.btn-simple, .navbar .navbar-nav > li > a.btn.btn-github.btn-simple { color: #333333; background-color: transparent; box-shadow: none; }
            .btn.btn-youtube, .navbar .navbar-nav > li > a.btn.btn-youtube { background-color: #e52d27; color: #fff; box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); }
                .btn.btn-youtube:focus, .btn.btn-youtube:active, .btn.btn-youtube:hover, .navbar .navbar-nav > li > a.btn.btn-youtube:focus, .navbar .navbar-nav > li > a.btn.btn-youtube:active, .navbar .navbar-nav > li > a.btn.btn-youtube:hover { background-color: #e52d27; color: #fff; box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); }
                .btn.btn-youtube.btn-simple, .navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple { color: #e52d27; background-color: transparent; box-shadow: none; }
            .btn.btn-instagram, .navbar .navbar-nav > li > a.btn.btn-instagram { background-color: #125688; color: #fff; box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); }
                .btn.btn-instagram:focus, .btn.btn-instagram:active, .btn.btn-instagram:hover, .navbar .navbar-nav > li > a.btn.btn-instagram:focus, .navbar .navbar-nav > li > a.btn.btn-instagram:active, .navbar .navbar-nav > li > a.btn.btn-instagram:hover { background-color: #125688; color: #fff; box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); }
                .btn.btn-instagram.btn-simple, .navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple { color: #125688; background-color: transparent; box-shadow: none; }
            .btn.btn-reddit, .navbar .navbar-nav > li > a.btn.btn-reddit { background-color: #ff4500; color: #fff; box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); }
                .btn.btn-reddit:focus, .btn.btn-reddit:active, .btn.btn-reddit:hover, .navbar .navbar-nav > li > a.btn.btn-reddit:focus, .navbar .navbar-nav > li > a.btn.btn-reddit:active, .navbar .navbar-nav > li > a.btn.btn-reddit:hover { background-color: #ff4500; color: #fff; box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); }
                .btn.btn-reddit.btn-simple, .navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple { color: #ff4500; background-color: transparent; box-shadow: none; }
            .btn.btn-tumblr, .navbar .navbar-nav > li > a.btn.btn-tumblr { background-color: #35465c; color: #fff; box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); }
                .btn.btn-tumblr:focus, .btn.btn-tumblr:active, .btn.btn-tumblr:hover, .navbar .navbar-nav > li > a.btn.btn-tumblr:focus, .navbar .navbar-nav > li > a.btn.btn-tumblr:active, .navbar .navbar-nav > li > a.btn.btn-tumblr:hover { background-color: #35465c; color: #fff; box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); }
                .btn.btn-tumblr.btn-simple, .navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple { color: #35465c; background-color: transparent; box-shadow: none; }
            .btn.btn-behance, .navbar .navbar-nav > li > a.btn.btn-behance { background-color: #1769ff; color: #fff; box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); }
                .btn.btn-behance:focus, .btn.btn-behance:active, .btn.btn-behance:hover, .navbar .navbar-nav > li > a.btn.btn-behance:focus, .navbar .navbar-nav > li > a.btn.btn-behance:active, .navbar .navbar-nav > li > a.btn.btn-behance:hover { background-color: #1769ff; color: #fff; box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
                .btn.btn-behance.btn-simple, .navbar .navbar-nav > li > a.btn.btn-behance.btn-simple { color: #1769ff; background-color: transparent; box-shadow: none; }
            .btn:focus, .btn:active, .btn:active:focus, .navbar .navbar-nav > li > a.btn:focus, .navbar .navbar-nav > li > a.btn:active, .navbar .navbar-nav > li > a.btn:active:focus { outline: 0; }
            .btn.btn-round, .navbar .navbar-nav > li > a.btn.btn-round { border-radius: 30px; }
            .btn:not(.btn-just-icon):not(.btn-fab) .fa, .navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa { font-size: 18px; margin-top: -2px; position: relative; top: 2px; }
            .btn.btn-fab, .navbar .navbar-nav > li > a.btn.btn-fab { border-radius: 50%; font-size: 24px; height: 56px; margin: auto; min-width: 56px; width: 56px; padding: 0; overflow: hidden; position: relative; line-height: normal; }
                .btn.btn-fab .ripple-container, .navbar .navbar-nav > li > a.btn.btn-fab .ripple-container { border-radius: 50%; }
                .btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-fab, .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini, .btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab { height: 40px; min-width: 40px; width: 40px; }
                    .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons, .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab.material-icons { top: -3.5px; left: -3.5px; }
                    .btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .btn.btn-fab .material-icons, .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab .material-icons { font-size: 17px; }
                .btn.btn-fab i.material-icons, .navbar .navbar-nav > li > a.btn.btn-fab i.material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; font-size: 24px; }
            .btn.btn-lg, .btn-group-lg .btn, .navbar .navbar-nav > li > a.btn.btn-lg, .btn-group-lg .navbar .navbar-nav > li > a.btn { font-size: 14px; padding: 18px 36px; }
            .btn.btn-sm, .btn-group-sm .btn, .navbar .navbar-nav > li > a.btn.btn-sm, .btn-group-sm .navbar .navbar-nav > li > a.btn { padding: 5px 20px; font-size: 11px; }
            .btn.btn-xs, .btn-group-xs .btn, .navbar .navbar-nav > li > a.btn.btn-xs, .btn-group-xs .navbar .navbar-nav > li > a.btn { padding: 4px 15px; font-size: 10px; }
            .btn.btn-just-icon, .navbar .navbar-nav > li > a.btn.btn-just-icon { font-size: 20px; padding: 11px 11px; line-height: 1em; }
                .btn.btn-just-icon i, .navbar .navbar-nav > li > a.btn.btn-just-icon i { width: 20px; }
                .btn.btn-just-icon.btn-lg, .navbar .navbar-nav > li > a.btn.btn-just-icon.btn-lg { font-size: 22px; padding: 13px 18px; }
            .btn .material-icons { vertical-align: middle; font-size: 17px; top: -1px; position: relative; }
            .btn .caret { margin-left: 2px; }
.navbar .navbar-nav > li > a.btn { margin-top: 2px; margin-bottom: 2px; }
    .navbar .navbar-nav > li > a.btn.btn-fab { margin: 5px 2px; }
.navbar .navbar-nav > li > a:not(.btn) .material-icons { margin-top: -3px; top: 0px; position: relative; margin-right: 3px; }
.navbar .navbar-nav > li > .profile-photo { margin: 5px 2px; }
.navbar-default:not(.navbar-transparent) .navbar-nav > li > a.btn.btn-white.btn-simple { color: #555555; }
.btn-group, .btn-group-vertical { position: relative; margin: 10px 1px; }
    .btn-group.open > .dropdown-toggle.btn, .btn-group.open > .dropdown-toggle.btn.btn-default, .btn-group-vertical.open > .dropdown-toggle.btn, .btn-group-vertical.open > .dropdown-toggle.btn.btn-default { background-color: #FFFFFF; }
        .btn-group.open > .dropdown-toggle.btn.btn-inverse, .btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse { background-color: #212121; }
        .btn-group.open > .dropdown-toggle.btn.btn-primary, .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary { background-color: #9c27b0; }
        .btn-group.open > .dropdown-toggle.btn.btn-success, .btn-group-vertical.open > .dropdown-toggle.btn.btn-success { background-color: #4caf50; }
        .btn-group.open > .dropdown-toggle.btn.btn-info, .btn-group-vertical.open > .dropdown-toggle.btn.btn-info { background-color: #00bcd4; }
        .btn-group.open > .dropdown-toggle.btn.btn-warning, .btn-group-vertical.open > .dropdown-toggle.btn.btn-warning { background-color: #ff9800; }
        .btn-group.open > .dropdown-toggle.btn.btn-danger, .btn-group-vertical.open > .dropdown-toggle.btn.btn-danger { background-color: #f44336; }
        .btn-group.open > .dropdown-toggle.btn.btn-rose, .btn-group-vertical.open > .dropdown-toggle.btn.btn-rose { background-color: #e91e63; }
    .btn-group .dropdown-menu, .btn-group-vertical .dropdown-menu { border-radius: 0 0 3px 3px; }
    .btn-group.btn-group-raised, .btn-group-vertical.btn-group-raised { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
    .btn-group .btn + .btn, .btn-group .btn, .btn-group .btn:active, .btn-group .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn, .btn-group-vertical .btn:active, .btn-group-vertical .btn-group { margin: 0; }
.close { font-size: inherit; color: #FFFFFF; opacity: .9; text-shadow: none; }
    .close:hover, .close:focus { opacity: 1; color: #FFFFFF; }
    .close i { font-size: 11px; }
body { background-color: #EEEEEE; color: #3C4858; }
    body.inverse { background: #333333; }
        body.inverse, body.inverse .form-control { color: #ffffff; }
            body.inverse .modal, body.inverse .modal .form-control, body.inverse .panel-default, body.inverse .panel-default .form-control, body.inverse .card, body.inverse .card .form-control { background-color: initial; color: initial; }
blockquote p { font-style: italic; }
.life-of-material-dashboard { background: #FFFFFF; }
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; line-height: 1.5em; }
.serif-font { font-family: "Roboto Slab", "Times New Roman", serif; }
.page-header { height: 60vh; background-position: center center; background-size: cover; margin: 0; padding: 0; border: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
a { color: #9c27b0; }
    a:hover, a:focus { color: #89229b; text-decoration: none; }
    a.text-info:hover, a.text-info:focus { color: #00a5bb; }
    a .material-icons { vertical-align: middle; }
    a[data-toggle="collapse"][aria-expanded="true"] .caret, .dropdown.open .caret, .dropup.open .caret, .btn-group.bootstrap-select.open .caret { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.caret, .bootstrap-tagsinput .tag, .bootstrap-tagsinput [data-role="remove"] { -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in; }
/*           Animations              */
.animation-transition-general, .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a span, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a span, .sidebar .nav p, .sidebar .logo a.logo-mini, .sidebar .logo a.logo-normal, .sidebar .user .photo, .sidebar .user a, .sidebar .user .info > a > span, .login-page .card-login, .lock-page .card-profile { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.animation-transition-slow { -webkit-transition: all 370ms linear; -moz-transition: all 370ms linear; -o-transition: all 370ms linear; -ms-transition: all 370ms linear; transition: all 370ms linear; }
.animation-transition-fast, .bootstrap-datetimepicker-widget table td > div, .bootstrap-datetimepicker-widget table th > div, .bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td span, .panel .panel-heading i, .navbar { -webkit-transition: all 150ms ease 0s; -moz-transition: all 150ms ease 0s; -o-transition: all 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: all 150ms ease 0s; }
legend { border-bottom: 0; }
* { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
    *:focus { outline: 0; }
a:focus, a:active, button:active, button:focus, button:hover, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: 0 !important; }
@-webkit-keyframes hinge {
    0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}
@keyframes hinge {
    0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
legend { margin-bottom: 20px; font-size: 21px; }
output { padding-top: 8px; font-size: 14px; line-height: 1.428571429; }
.form-control { height: 36px; padding: 7px 0; font-size: 14px; line-height: 1.428571429; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 36px; }
    input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 24px; }
    input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 44px; }
}
.radio label, .checkbox label { min-height: 20px; }
.form-control-static { padding-top: 8px; padding-bottom: 8px; min-height: 34px; }
.input-sm .input-sm { height: 24px; padding: 3px 0; font-size: 11px; line-height: 1.5; border-radius: 0; }
.input-sm select.input-sm { height: 24px; line-height: 24px; }
.input-sm textarea.input-sm, .input-sm select[multiple].input-sm { height: auto; }
.form-group-sm .form-control { height: 24px; padding: 3px 0; font-size: 11px; line-height: 1.5; }
.form-group-sm select.form-control { height: 24px; line-height: 24px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 24px; min-height: 31px; padding: 4px 0; font-size: 11px; line-height: 1.5; }
.input-lg .input-lg { height: 44px; padding: 9px 0; font-size: 18px; line-height: 1.3333333; border-radius: 0; }
.input-lg select.input-lg { height: 44px; line-height: 44px; }
.input-lg textarea.input-lg, .input-lg select[multiple].input-lg { height: auto; }
.form-group-lg .form-control { height: 44px; padding: 9px 0; font-size: 18px; line-height: 1.3333333; }
.form-group-lg select.form-control { height: 44px; line-height: 44px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 44px; min-height: 38px; padding: 10px 0; font-size: 18px; line-height: 1.3333333; }
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 8px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 28px; }
@media (min-width: 768px) {
    .form-horizontal .control-label { padding-top: 8px; }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label { padding-top: 12.9999997px; font-size: 18px; }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label { padding-top: 4px; font-size: 11px; }
}
.label { border-radius: 2px; }
    .label, .label.label-default { background-color: #FFFFFF; }
        .label.label-inverse { background-color: #212121; }
        .label.label-primary { background-color: #9c27b0; }
        .label.label-success { background-color: #4caf50; }
        .label.label-info { background-color: #00bcd4; }
        .label.label-warning { background-color: #ff9800; }
        .label.label-danger { background-color: #f44336; }
        .label.label-rose { background-color: #e91e63; }
.form-control, .form-group .form-control { border: 0; background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); transition: background 0s ease-out; float: none; box-shadow: none; border-radius: 0; font-weight: 400; }
    .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder { color: #AAAAAA; font-weight: 400; }
    .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder { color: #AAAAAA; font-weight: 400; }
    .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder { color: #AAAAAA; font-weight: 400; }
    .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { background-color: rgba(0, 0, 0, 0); }
    .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { background-image: none; border-bottom: 1px dotted #D2D2D2; }
.form-group { position: relative; }
    .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label { position: absolute; pointer-events: none; transition: 0.3s ease all; }
    .form-group.label-floating label.control-label { will-change: left, top, contents; }
    .form-group.label-placeholder:not(.is-empty) label.control-label { display: none; }
    .form-group .help-block { position: absolute; display: none; }
    .form-group .form-control.valid:focus { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.is-focused .form-control { outline: none; background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: 0.3s; }
        .form-group.is-focused .form-control .material-input:after { background-color: #9c27b0; }
    .form-group.is-focused.form-info .form-control { background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.is-focused.form-success .form-control { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.is-focused.form-warning .form-control { background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.is-focused.form-danger .form-control { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.is-focused.form-white .form-control { background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label { color: #AAAAAA; }
    .form-group.is-focused .help-block { display: block; }
    .form-group.has-warning .form-control { box-shadow: none; }
    .form-group.has-warning.is-focused .form-control { background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.has-warning label.control-label, .form-group.has-warning .help-block { color: #ff9800; }
    .form-group.has-error .form-control { box-shadow: none; }
    .form-group.has-error.is-focused .form-control { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.has-error .form-control { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); background-size: 100% 2px, 100% 1px; transition-duration: 0.3s; }
    .form-group.has-error label.control-label, .form-group.has-error .help-block { color: #f44336; }
    .form-group.has-success .form-control { box-shadow: none; }
    .form-group.has-success.is-focused .form-control { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.has-success label.control-label, .form-group.has-success .help-block { color: #4caf50; }
    .form-group.has-info .form-control { box-shadow: none; }
    .form-group.has-info.is-focused .form-control { background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); }
    .form-group.has-info label.control-label, .form-group.has-info .help-block { color: #00bcd4; }
    .form-group textarea { resize: none; }
        .form-group textarea ~ .form-control-highlight { margin-top: -11px; }
    .form-group select { appearance: none; }
        .form-group select ~ .material-input:after { display: none; }
.form-control::-moz-placeholder { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
.form-control:-ms-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
.form-control::-webkit-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
.checkbox label, .radio label, label, .label-on-left, .label-on-right { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
    label.control-label { font-size: 11px; line-height: 1.0714285718; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; }
.help-block { margin-top: 0; font-size: 11px; }
.form-group { padding-bottom: 10px; margin: 8px 0 0 0; }
    .form-group .form-control::-moz-placeholder { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
    .form-group .form-control:-ms-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
    .form-group .form-control::-webkit-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
    .form-group .checkbox label, .form-group .radio label, .form-group label, .form-group .label-on-left, .form-group .label-on-right { font-size: 14px; line-height: 1.428571429; color: #AAAAAA; font-weight: 400; }
        .form-group label.control-label { font-size: 11px; line-height: 1.0714285718; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; }
    .form-group .help-block { margin-top: 0; font-size: 11px; }
    .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { top: -7px; font-size: 14px; line-height: 1.428571429; }
    .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label { top: -28px; left: 0; font-size: 11px; line-height: 1.0714285718; }
    .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -28px; left: 0; font-size: 11px; line-height: 1.0714285718; }
    .form-group.form-group-sm { padding-bottom: 10px; margin: 8px 0 0 0; }
        .form-group.form-group-sm .form-control::-moz-placeholder { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; }
        .form-group.form-group-sm .form-control:-ms-input-placeholder { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; }
        .form-group.form-group-sm .form-control::-webkit-input-placeholder { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; }
        .form-group.form-group-sm .checkbox label, .form-group.form-group-sm .radio label, .form-group.form-group-sm label, .form-group.form-group-sm .label-on-left, .form-group.form-group-sm .label-on-right { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; }
            .form-group.form-group-sm label.control-label { font-size: 9px; line-height: 1.125; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; }
        .form-group.form-group-sm .help-block { margin-top: 0; font-size: 9px; }
        .form-group.form-group-sm.label-floating label.control-label, .form-group.form-group-sm.label-placeholder label.control-label { top: -11px; font-size: 11px; line-height: 1.5; }
        .form-group.form-group-sm.label-static label.control-label, .form-group.form-group-sm.label-floating.is-focused label.control-label, .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; }
        .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; }
    .form-group.form-group-lg { padding-bottom: 10px; margin: 8px 0 0 0; }
        .form-group.form-group-lg .form-control::-moz-placeholder { font-size: 18px; line-height: 1.3333333; color: #AAAAAA; font-weight: 400; }
        .form-group.form-group-lg .form-control:-ms-input-placeholder { font-size: 18px; line-height: 1.3333333; color: #AAAAAA; font-weight: 400; }
        .form-group.form-group-lg .form-control::-webkit-input-placeholder { font-size: 18px; line-height: 1.3333333; color: #AAAAAA; font-weight: 400; }
        .form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label, .form-group.form-group-lg .label-on-left, .form-group.form-group-lg .label-on-right { font-size: 18px; line-height: 1.3333333; color: #AAAAAA; font-weight: 400; }
            .form-group.form-group-lg label.control-label { font-size: 14px; line-height: 0.999999975; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; }
        .form-group.form-group-lg .help-block { margin-top: 0; font-size: 14px; }
        .form-group.form-group-lg.label-floating label.control-label, .form-group.form-group-lg.label-placeholder label.control-label { top: -5px; font-size: 18px; line-height: 1.3333333; }
        .form-group.form-group-lg.label-static label.control-label, .form-group.form-group-lg.label-floating.is-focused label.control-label, .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.999999975; }
        .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.999999975; }
select.form-control { border: 0; box-shadow: none; border-radius: 0; }
.form-group.is-focused select.form-control { box-shadow: none; border-color: #D2D2D2; }
    select.form-control[multiple], .form-group.is-focused select.form-control[multiple] { height: 85px; }
.input-group-btn .btn { margin: 0 0 7px 0; }
.form-group.form-group-sm .input-group-btn .btn { margin: 0 0 3px 0; }
.form-group.form-group-lg .input-group-btn .btn { margin: 0 0 9px 0; }
.input-group .input-group-btn { padding: 0 12px; }
.input-group .input-group-addon { border: 0; background: transparent; padding: 6px 15px 0px; }
.form-group input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.form-control-feedback { opacity: 0; }
.has-success .form-control-feedback { color: #4caf50; opacity: 1; }
.has-error .form-control-feedback { color: #f44336; opacity: 1; }
.btn-file { position: relative; overflow: hidden; vertical-align: middle; }
    .btn-file > input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; font-size: 23px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; direction: ltr; }
.fileinput { display: inline-block; margin-bottom: 9px; }
    .fileinput .form-control { display: inline-block; padding-top: 7px; padding-bottom: 5px; margin-bottom: 0; vertical-align: middle; cursor: text; }
    .fileinput .thumbnail { display: inline-block; margin-bottom: 10px; overflow: hidden; text-align: center; vertical-align: middle; max-width: 250px; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
        .fileinput .thumbnail.img-circle { border-radius: 50%; max-width: 100px; }
        .fileinput .thumbnail > img { max-height: 100%; }
    .fileinput .btn { vertical-align: middle; }
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; }
.fileinput-inline .fileinput-controls { display: inline; }
.fileinput-filename { display: inline-block; overflow: hidden; vertical-align: middle; }
.form-control .fileinput-filename { vertical-align: bottom; }
.fileinput.input-group { display: table; }
    .fileinput.input-group > * { position: relative; z-index: 2; }
    .fileinput.input-group > .btn-file { z-index: 1; }
.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0; }
    .fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0; }
    .fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0; }
.form-group.has-warning .fileinput .fileinput-preview { color: #ff9800; }
.form-group.has-warning .fileinput .thumbnail { border-color: #ff9800; }
.form-group.has-error .fileinput .fileinput-preview { color: #f44336; }
.form-group.has-error .fileinput .thumbnail { border-color: #f44336; }
.form-group.has-success .fileinput .fileinput-preview { color: #4caf50; }
.form-group.has-success .fileinput .thumbnail { border-color: #4caf50; }
.input-group-addon:not(:first-child) { border-left: 0; }
.thumbnail { border: 0 none; border-radius: 4px; padding: 0; }
.alert { border: 0; border-radius: 0; position: relative; padding: 20px 15px; line-height: 20px; }
    .alert b { font-weight: 500; text-transform: uppercase; font-size: 12px; }
    .alert, .alert.alert-default { background-color: white; color: #555555; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); }
        .alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link { color: #555555; }
        .alert.alert-inverse { background-color: #2e2e2e; color: #fff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); }
            .alert.alert-inverse a, .alert.alert-inverse .alert-link { color: #fff; }
        .alert.alert-primary { background-color: #af2cc5; color: #ffffff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
            .alert.alert-primary a, .alert.alert-primary .alert-link { color: #ffffff; }
        .alert.alert-success { background-color: #5cb860; color: #ffffff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
            .alert.alert-success a, .alert.alert-success .alert-link { color: #ffffff; }
        .alert.alert-info { background-color: #00bcd4; color: #ffffff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
            .alert.alert-info a, .alert.alert-info .alert-link { color: #ffffff; }
        .alert.alert-warning { background-color: #ffa21a; color: #ffffff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
            .alert.alert-warning a, .alert.alert-warning .alert-link { color: #ffffff; }
        .alert.alert-danger { background-color: #f55a4e; color: #ffffff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
            .alert.alert-danger a, .alert.alert-danger .alert-link { color: #ffffff; }
        .alert.alert-rose { background-color: #eb3573; color: #ffffff; border-radius: 3px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
            .alert.alert-rose a, .alert.alert-rose .alert-link { color: #ffffff; }
.alert-info, .alert-danger, .alert-warning, .alert-success, .alert-rose { color: #ffffff; }
.alert-default a, .alert-default .alert-link { color: rgba(0, 0, 0, 0.87); }
.alert span { display: block; max-width: 89%; }
.alert.alert-danger i { color: #f44336; }
.alert.alert-warning i { color: #ff9800; }
.alert.alert-success i { color: #4caf50; }
.alert.alert-info i { color: #00bcd4; }
.alert.alert-primary i { color: #9c27b0; }
.alert.alert-rose i { color: #e91e63; }
.alert.alert-with-icon { margin-top: 43px; padding-left: 66px; }
    .alert.alert-with-icon i[data-notify="icon"] { display: block; left: 15px; position: absolute; margin-top: -39px; font-size: 20px; background-color: #FFFFFF; padding: 9px; border-radius: 50%; max-width: 38px; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
.alert .close i { color: #FFFFFF; }
.alert i[data-notify="icon"] { display: none; }
.alert .alert-icon { display: block; float: left; margin-right: 15px; }
    .alert .alert-icon i { margin-top: -7px; top: 5px; position: relative; }
.alert [data-notify="dismiss"] { margin-right: 5px; }
.table > thead > tr > th { border-bottom-width: 1px; font-size: 1.25em; font-weight: 300; }
.tab-pane .table tbody > tr > td:first-child { width: 36px; }
.table .radio, .table .checkbox { margin-top: -1px; margin-bottom: 0; padding: 0; width: 15px; }
    .table .radio .icons, .table .checkbox .icons { position: relative; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 12px 8px; vertical-align: middle; }
.table .th-description { max-width: 150px; }
.table .td-price { font-size: 26px; font-weight: 300; margin-top: 5px; text-align: right; }
.table .td-total { font-weight: 500; font-size: 1.25em; padding-top: 14px; text-align: right; }
.table .td-actions .btn { margin: 0px; padding: 5px; }
.table > tbody > tr { position: relative; }
.table .flag img { max-width: 18px; margin-top: -2px; }
.table-sales { margin-top: 40px; }
.table-shopping > thead > tr > th { font-size: 0.9em; text-transform: uppercase; }
.table-shopping > tbody > tr > td { font-size: 16px; }
    .table-shopping > tbody > tr > td b { display: block; margin-bottom: 5px; }
.table-shopping .td-name { font-weight: 400; font-size: 1.5em; }
    .table-shopping .td-name small { color: #999999; font-size: 0.75em; font-weight: 300; }
.table-shopping .td-number { font-weight: 300; font-size: 1.3em; }
.table-shopping .td-name { min-width: 200px; }
    .table-shopping .td-name a { color: #3C4858; }
        .table-shopping .td-name a:hover, .table-shopping .td-name a:focus { color: #9c27b0; }
.table-shopping .td-number { text-align: right; min-width: 145px; }
    .table-shopping .td-number small { margin-right: 3px; }
.table-shopping .img-container { width: 120px; max-height: 160px; overflow: hidden; display: block; }
    .table-shopping .img-container img { width: 100%; }
.form-category { padding: 10px 0 10px; }
    .form-category .checkbox { margin: 0; }
.form-group.form-checkbox { padding-top: 10px; }
form .form-footer .checkbox { padding-top: 5px; }
.card .form-horizontal .label-on-left { padding: 28px 5px 0 0; text-align: right; }
.card .form-horizontal .label-on-right { padding: 28px 0 0 5px; text-align: left; }
.form-horizontal .form-horizontal-checkbox { margin-top: 2px; margin-bottom: 10px; }
.form-horizontal .checkbox-radios .checkbox:first-child, .form-horizontal .checkbox-radios .radio:first-child { margin-top: 16px; }
.form-horizontal .checkbox-radios .radio { padding-top: 10px; }
.form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.form-horizontal .form-button { padding: 0; margin: 0; }
.form-horizontal .checkbox-inline { margin-top: 16px; padding-left: 0; }
.form-horizontal .radio label { padding-left: 28px; }
    .form-horizontal .radio label span { left: 2px; }
.form-horizontal label.control-label { margin: 0; }
.form-horizontal .form-control[type="password"] { padding-top: 8px; padding-bottom: 6px; }
.form-newsletter .input-group, .form-newsletter .form-group { float: left; width: 78%; margin-right: 2%; margin-top: 9px; }
.form-newsletter .btn { float: left; width: 20%; margin: 9px 0 0; }
.checkbox label { cursor: pointer; padding-left: 0; color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .checkbox label { color: rgba(0, 0, 0, 0.26); }
    .form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus { color: rgba(0, 0, 0, .54); }
fieldset[disabled] .form-group.is-focused .checkbox label { color: rgba(0, 0, 0, 0.26); }
.checkbox input[type=checkbox] { opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; }
.checkbox .checkbox-material { vertical-align: middle; position: relative; top: 3px; padding-right: 5px; }
    .checkbox .checkbox-material:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; transform: scale3d(2.3, 2.3, 1); top: -7px; }
    .checkbox .checkbox-material .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, .54); overflow: hidden; z-index: 1; border-radius: 3px; }
        .checkbox .checkbox-material .check:before { position: absolute; content: ""; transform: rotate(45deg); display: block; margin-top: -3px; margin-left: 7px; width: 0; height: 0; background: red; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; animation: checkbox-off 0.3s forwards; }
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after { opacity: 0.2; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check { background: #9c27b0; }
    .checkbox input[type=checkbox]:checked + .checkbox-material .check:before { color: #FFFFFF; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; animation: checkbox-on 0.3s forwards; }
.checkbox input[type=checkbox]:checked + .checkbox-material:before { animation: rippleOn 500ms; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after { animation: rippleOn 500ms forwards; }
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before { animation: rippleOff 500ms; }
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after { animation: rippleOff 500ms; }
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox], .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check, .checkbox input[type=checkbox][disabled] + .circle { opacity: 0.5; }
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check { border-color: #000000; opacity: .26; }
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after { background-color: rgba(0, 0, 0, 0.87); transform: rotate(-45deg); }
.checkbox.has-error label { color: #f44336; }
@keyframes checkbox-on {
    0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; }
    50% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; }
    100% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; }
}
@keyframes rippleOn {
    0% { opacity: 0; }
    50% { opacity: 0.2; }
    100% { opacity: 0; }
}
@keyframes rippleOff {
    0% { opacity: 0; }
    50% { opacity: 0.2; }
    100% { opacity: 0; }
}
.radio label { cursor: pointer; padding-left: 35px; position: relative; color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .radio label { color: rgba(0, 0, 0, 0.26); }
    .form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus { color: rgba(0, 0, 0, .54); }
fieldset[disabled] .form-group.is-focused .radio label { color: rgba(0, 0, 0, 0.26); }
.radio label span { display: block; position: absolute; left: 10px; top: 2px; transition-duration: 0.2s; }
.radio label .circle { border: 1px solid rgba(0, 0, 0, .54); height: 15px; width: 15px; border-radius: 100%; }
.radio label .check { height: 15px; width: 15px; border-radius: 100%; background-color: #9c27b0; transform: scale3d(0, 0, 0); }
    .radio label .check:after { display: block; position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.87); left: -18px; top: -18px; height: 50px; width: 50px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; transform: scale3d(1.5, 1.5, 1); }
.radio label input[type=radio]:not(:checked) ~ .check:after { animation: rippleOff 500ms; }
.radio label input[type=radio]:checked ~ .check:after { animation: rippleOn 500ms; }
.radio.has-error label { color: #f44336; }
.radio input[type=radio] { opacity: 0; height: 0; width: 0; overflow: hidden; }
    .radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle { opacity: 1; }
    .radio input[type=radio]:checked ~ .check { background-color: #9c27b0; }
    .radio input[type=radio]:checked ~ .circle { border-color: #9c27b0; }
    .radio input[type=radio]:checked ~ .check { transform: scale3d(0.65, 0.65, 1); }
    .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle { opacity: 0.26; }
    .radio input[type=radio][disabled] ~ .check { background-color: #000000; }
    .radio input[type=radio][disabled] ~ .circle { border-color: #000000; }
@keyframes rippleOn {
    0% { opacity: 0; }
    50% { opacity: 0.2; }
    100% { opacity: 0; }
}
@keyframes rippleOff {
    0% { opacity: 0; }
    50% { opacity: 0.2; }
    100% { opacity: 0; }
}
.progress { height: 4px; border-radius: 0; box-shadow: none; background: #DDDDDD; }
    .progress .progress-bar { box-shadow: none; }
        .progress .progress-bar, .progress .progress-bar.progress-bar-default { background-color: #FFFFFF; }
            .progress .progress-bar.progress-bar-inverse { background-color: #212121; }
            .progress .progress-bar.progress-bar-primary { background-color: #9c27b0; }
            .progress .progress-bar.progress-bar-success { background-color: #4caf50; }
            .progress .progress-bar.progress-bar-info { background-color: #00bcd4; }
            .progress .progress-bar.progress-bar-warning { background-color: #ff9800; }
            .progress .progress-bar.progress-bar-danger { background-color: #f44336; }
            .progress .progress-bar.progress-bar-rose { background-color: #e91e63; }
    .progress.progress-line-primary { background: rgba(156, 39, 176, 0.2); }
    .progress.progress-line-info { background: rgba(0, 188, 212, 0.2); }
    .progress.progress-line-success { background: rgba(76, 175, 80, 0.2); }
    .progress.progress-line-warning { background: rgba(255, 152, 0, 0.2); }
    .progress.progress-line-danger { background: rgba(244, 67, 54, 0.2); }
    .progress .progress-bar, .progress .progress-bar.progress-bar-default { background-color: #9c27b0; }
.togglebutton { vertical-align: middle; }
    .togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle { user-select: none; }
        .togglebutton label { cursor: pointer; color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .togglebutton label { color: rgba(0, 0, 0, 0.26); }
    .form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus { color: rgba(0, 0, 0, .54); }
fieldset[disabled] .form-group.is-focused .togglebutton label { color: rgba(0, 0, 0, 0.26); }
.togglebutton label input[type=checkbox] { opacity: 0; width: 0; height: 0; }
.togglebutton label .toggle { text-align: left; margin-left: 5px; }
.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle { content: ""; display: inline-block; width: 30px; height: 15px; background-color: rgba(80, 80, 80, 0.7); border-radius: 15px; margin-right: 15px; transition: background 0.3s ease; vertical-align: middle; }
    .togglebutton label .toggle:after { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #FFFFFF; border-radius: 20px; position: relative; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; border: 1px solid rgba(0, 0, 0, .54); transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; }
    .togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { background-color: #BDBDBD; }
    .togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); }
.togglebutton label input[type=checkbox]:checked + .toggle:after { left: 15px; }
.togglebutton label input[type=checkbox]:checked + .toggle { background-color: rgba(156, 39, 176, 0.7); }
    .togglebutton label input[type=checkbox]:checked + .toggle:after { border-color: #9c27b0; }
    .togglebutton label input[type=checkbox]:checked + .toggle:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); }
.wrapper:after { display: table; clear: both; content: " "; }
.wrapper.wrapper-full-page { height: auto; min-height: 100vh; }
.full-page:after, .full-page:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
.full-page:before { background-color: rgba(0, 0, 0, 0.5); }
.full-page[filter-color="purple"]:after, .full-page[filter-color="primary"]:after { background: rgba(225, 190, 231, 0.56); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95)); /* Standard syntax */ }
.full-page[filter-color="purple"].lock-page .form-group .form-control, .full-page[filter-color="primary"].lock-page .form-group .form-control { background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); }
.full-page[filter-color="blue"]:after, .full-page[filter-color="info"]:after { background: rgba(178, 235, 242, 0.56); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95)); /* Standard syntax */ }
.full-page[filter-color="blue"].lock-page .form-group .form-control, .full-page[filter-color="info"].lock-page .form-group .form-control { background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); }
.full-page[filter-color="green"]:after, .full-page[filter-color="success"]:after { background: rgba(165, 214, 167, 0.56); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95)); /* Standard syntax */ }
.full-page[filter-color="green"].lock-page .form-group .form-control, .full-page[filter-color="success"].lock-page .form-group .form-control { background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
.full-page[filter-color="orange"]:after, .full-page[filter-color="warning"]:after { background: rgba(255, 224, 178, 0.56); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95)); /* Standard syntax */ }
.full-page[filter-color="orange"].lock-page .form-group .form-control, .full-page[filter-color="warning"].lock-page .form-group .form-control { background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); }
.full-page[filter-color="red"]:after, .full-page[filter-color="danger"]:after { background: rgba(239, 154, 154, 0.56); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95)); /* Standard syntax */ }
.full-page[filter-color="red"].lock-page .form-group .form-control, .full-page[filter-color="danger"].lock-page .form-group .form-control { background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
.full-page[filter-color="rose"]:after { background: rgba(248, 187, 208, 0.56); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(60deg, rgba(248, 187, 208, 0.56), rgba(240, 98, 146, 0.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(60deg, rgba(248, 187, 208, 0.56), rgba(240, 98, 146, 0.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(60deg, rgba(248, 187, 208, 0.56), rgba(240, 98, 146, 0.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(60deg, rgba(248, 187, 208, 0.56), rgba(240, 98, 146, 0.95)); /* Standard syntax */ }
.full-page[filter-color="rose"].lock-page .form-group .form-control { background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2); }
.full-page[data-image]:after { opacity: .8; }
.full-page > .content, .full-page > .footer { position: relative; z-index: 4; }
.full-page > .content { min-height: calc(100vh - 80px); }
.full-page .full-page-background { position: absolute; z-index: 1; height: 100%; width: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; }
.full-page .footer nav > ul a:not(.btn), .full-page .footer, .full-page .footer .copyright a { color: #FFFFFF; }
.clear-filter:before { display: none; }
.login-page > .content, .lock-page > .content { padding-top: 18vh; }
.login-page .card-login { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); border-radius: 6px; padding-bottom: 20px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .login-page .card-login.card-hidden { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); -moz-transform: translate3d(0, -60px, 0); -o-transform: translate3d(0, -60px, 0); -ms-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    .login-page .card-login .btn-wd { min-width: 180px; }
    .login-page .card-login .card-header { margin-top: -40px; margin-bottom: 20px; }
        .login-page .card-login .card-header .title { margin-top: 10px; }
.lock-page .card-profile { width: 240px; margin: 60px auto 0; color: #FFFFFF; position: absolute; left: 0; right: 0; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .lock-page .card-profile.card-hidden { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); -moz-transform: translate3d(0, -60px, 0); -o-transform: translate3d(0, -60px, 0); -ms-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    .lock-page .card-profile .card-avatar { max-width: 90px; max-height: 90px; margin-top: -45px; }
    .lock-page .card-profile .card-footer { border: none; padding-top: 0; }
    .lock-page .card-profile .form-group { text-align: left; }
        .lock-page .card-profile .form-group .form-control { background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2); }
    .lock-page .card-profile.with-animation { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.register-page .card-signup { border-radius: 6px; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); margin-bottom: 100px; padding: 40px 0px; }
    .register-page .card-signup .info { max-width: 360px; margin: 0 auto; padding: 0px; }
        .register-page .card-signup .info .info-title { color: #3C4858; margin: 30px 0 15px; }
    .register-page .card-signup .checkbox { margin-top: 20px; margin-bottom: 0; }
        .register-page .card-signup .checkbox label { margin-left: 17px; }
        .register-page .card-signup .checkbox .checkbox-material { padding-right: 20px; }
    .register-page .card-signup .input-group .input-group-addon { padding-top: 21px; }
    .register-page .card-signup .info-horizontal .icon { float: left; margin-top: 24px; margin-right: 10px; }
        .register-page .card-signup .info-horizontal .icon i { font-size: 2.6em; }
        .register-page .card-signup .info-horizontal .icon.icon-primary { color: #9c27b0; }
        .register-page .card-signup .info-horizontal .icon.icon-info { color: #00bcd4; }
        .register-page .card-signup .info-horizontal .icon.icon-success { color: #4caf50; }
        .register-page .card-signup .info-horizontal .icon.icon-warning { color: #ff9800; }
        .register-page .card-signup .info-horizontal .icon.icon-danger { color: #f44336; }
        .register-page .card-signup .info-horizontal .icon.icon-rose { color: #e91e63; }
    .register-page .card-signup .info-horizontal .description { overflow: hidden; }
    .register-page .card-signup .form-group { margin: 27px 0 0 7px; padding-bottom: 0; }
.register-page .container { position: relative; z-index: 3; padding-top: 15vh; }
.register-page .footer .container { padding: 0; }
.pricing-page .title { color: #FFFFFF; margin-top: 13vh; }
.pricing-page .section-space { display: block; height: 70px; }
.pricing-page .card-plain .icon i, .pricing-page .card-plain .card-title { color: #FFFFFF; }
.pricing-page .description { color: #FFFFFF; }
.pricing-page.full-page:before { background-color: rgba(0, 0, 0, 0.65); }
/*
 * bootstrap-tagsinput v0.8.0
 *
 */
.bootstrap-tagsinput { display: inline-block; padding: 4px 6px; max-width: 100%; line-height: 22px; }
    .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; margin: 0; width: 74px; max-width: inherit; }
        .bootstrap-tagsinput input:focus { border: none; box-shadow: none; }
    .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1; }
    .bootstrap-tagsinput.form-control input:-ms-input-placeholder, .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777; }
    .bootstrap-tagsinput .tag { cursor: pointer; margin: 5px 3px 5px 0; position: relative; padding: 3px 8px; border-radius: 12px; color: #FFFFFF; font-weight: 500; font-size: 0.75em; text-transform: uppercase; display: inline-block; line-height: 1.5em; padding-left: 0.8em; }
        .bootstrap-tagsinput .tag.tag-primary { background-color: #9c27b0; color: #FFFFFF; }
        .bootstrap-tagsinput .tag.tag-info { background-color: #00bcd4; color: #FFFFFF; }
        .bootstrap-tagsinput .tag.tag-success { background-color: #4caf50; color: #FFFFFF; }
        .bootstrap-tagsinput .tag.tag-warning { background-color: #ff9800; color: #FFFFFF; }
        .bootstrap-tagsinput .tag.tag-danger { background-color: #f44336; color: #FFFFFF; }
        .bootstrap-tagsinput .tag.tag-rose { background-color: #e91e63; color: #FFFFFF; }
        .bootstrap-tagsinput .tag:hover { padding-right: 18px; }
            .bootstrap-tagsinput .tag:hover [data-role="remove"] { opacity: 1; padding-right: 6px; }
        .bootstrap-tagsinput .tag [data-role="remove"] { cursor: pointer; position: absolute; top: 3px; right: 0; opacity: 0; }
            .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }
.timeline { list-style: none; padding: 20px 0 20px; position: relative; margin-top: 30px; }
    .timeline:before { top: 50px; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #E5E5E5; left: 50%; margin-left: -1px; }
    .timeline h6 { color: #333333; font-weight: 400; margin: 10px 0px 0px; }
    .timeline.timeline-simple { margin-top: 30px; padding: 0 0 20px; }
        .timeline.timeline-simple:before { left: 5%; background-color: #E5E5E5; }
        .timeline.timeline-simple > li > .timeline-panel { width: 86%; }
        .timeline.timeline-simple > li > .timeline-badge { left: 5%; }
    .timeline > li { margin-bottom: 20px; position: relative; }
        .timeline > li:before, .timeline > li:after { content: " "; display: table; }
        .timeline > li:after { clear: both; }
        .timeline > li > .timeline-panel { width: 45%; float: left; padding: 20px; margin-bottom: 20px; position: relative; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); border-radius: 6px; color: rgba(0, 0, 0, 0.87); background: #fff; }
            .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #e4e4e4; border-right: 0 solid #e4e4e4; border-bottom: 15px solid transparent; content: " "; }
            .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #FFFFFF; border-right: 0 solid #FFFFFF; border-bottom: 14px solid transparent; content: " "; }
        .timeline > li > .timeline-badge { color: #FFFFFF; width: 50px; height: 50px; line-height: 51px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -24px; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
            .timeline > li > .timeline-badge.primary { background-color: #9c27b0; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
            .timeline > li > .timeline-badge.success { background-color: #4caf50; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
            .timeline > li > .timeline-badge.warning { background-color: #ff9800; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
            .timeline > li > .timeline-badge.info { background-color: #00bcd4; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
            .timeline > li > .timeline-badge.danger { background-color: #f44336; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
            .timeline > li > .timeline-badge [class^="ti-"], .timeline > li > .timeline-badge [class*=" ti-"], .timeline > li > .timeline-badge [class="material-icons"] { line-height: inherit; }
        .timeline > li.timeline-inverted > .timeline-panel { float: right; background-color: #FFFFFF; }
            .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
            .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-heading { margin-bottom: 15px; }
.timeline-title { margin-top: 0; color: inherit; }
.timeline-body hr { margin-top: 10px; margin-bottom: 5px; }
.timeline-body .btn { margin-bottom: 0; }
.timeline-body > p, .timeline-body > ul { margin-bottom: 0; }
    .timeline-body > p + p { margin-top: 5px; }
.withripple { position: relative; }
.ripple-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; pointer-events: none; }
.disabled .ripple-container { display: none; }
.ripple { position: absolute; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; border-radius: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.05); transform: scale(1); transform-origin: 50%; opacity: 0; pointer-events: none; }
    .ripple.ripple-on { transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; opacity: 0.1; }
    .ripple.ripple-out { transition: opacity 0.1s linear 0s !important; opacity: 0; }
.panel { background-color: transparent; border: 0 none; box-shadow: none; }
    .panel .panel-heading { background-color: transparent; border-bottom: 1px solid #ddd; padding: 25px 10px 5px 0px; }
        .panel .panel-heading .panel-title { font-size: 15px; font-weight: bolder; }
        .panel .panel-heading a { color: #3C4858; }
            .panel .panel-heading a:hover, .panel .panel-heading a:active, .panel .panel-heading a[aria-expanded="true"] { color: #e91e63; }
                .panel .panel-heading a[aria-expanded="true"] .panel-title > i, .panel .panel-heading a.expanded .panel-title > i { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
        .panel .panel-heading i { float: right; }
    .panel .panel-body { border: 0 none; padding: 15px 0px 5px; }
    .panel.panel-default .panel-heading + .panel-collapse .panel-body { border: 0 none; }
.pagination > li > a, .pagination > li > span { border: 0; border-radius: 30px !important; transition: all .3s; padding: 0px 11px; margin: 0 3px; min-width: 30px; height: 30px; line-height: 30px; color: #999999; font-weight: 400; font-size: 12px; text-transform: uppercase; background: transparent; }
    .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: #999999; }
.pagination > .active > a, .pagination > .active > span { color: #999999; text-align: center; }
    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #9c27b0; border-color: #9c27b0; color: #FFFFFF; box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); }
.pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover, .pagination.pagination-info > .active > span, .pagination.pagination-info > .active > span:focus, .pagination.pagination-info > .active > span:hover { background-color: #00bcd4; border-color: #00bcd4; box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); }
.pagination.pagination-success > .active > a, .pagination.pagination-success > .active > a:focus, .pagination.pagination-success > .active > a:hover, .pagination.pagination-success > .active > span, .pagination.pagination-success > .active > span:focus, .pagination.pagination-success > .active > span:hover { background-color: #4caf50; border-color: #4caf50; box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); }
.pagination.pagination-warning > .active > a, .pagination.pagination-warning > .active > a:focus, .pagination.pagination-warning > .active > a:hover, .pagination.pagination-warning > .active > span, .pagination.pagination-warning > .active > span:focus, .pagination.pagination-warning > .active > span:hover { background-color: #ff9800; border-color: #ff9800; box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); }
.pagination.pagination-danger > .active > a, .pagination.pagination-danger > .active > a:focus, .pagination.pagination-danger > .active > a:hover, .pagination.pagination-danger > .active > span, .pagination.pagination-danger > .active > span:focus, .pagination.pagination-danger > .active > span:hover { background-color: #f44336; border-color: #f44336; box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); }
.label { border-radius: 12px; padding: 5px 12px; text-transform: uppercase; font-size: 10px; }
    .label.label-default { background-color: #999999; }
.section-dark .nav-pills > li > a, .section-image .nav-pills > li > a { color: #999999; }
    .section-dark .nav-pills > li > a:hover, .section-dark .nav-pills > li > a:focus, .section-image .nav-pills > li > a:hover, .section-image .nav-pills > li > a:focus { background-color: #EEEEEE; }
.nav-pills > li > a { line-height: 24px; text-transform: uppercase; font-size: 12px; font-weight: 500; min-width: 100px; text-align: center; color: #555555; transition: all .3s; }
    .nav-pills > li > a:hover { background-color: rgba(200, 200, 200, 0.2); }
.nav-pills > li i { display: block; font-size: 30px; padding: 15px 0; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #9c27b0; color: #FFFFFF; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
.nav-pills:not(.nav-pills-icons) > li > a { border-radius: 30px; }
.nav-pills.nav-stacked > li + li { margin: 10px 0; }
.nav-pills.nav-pills-info > li.active > a, .nav-pills.nav-pills-info > li.active > a:focus, .nav-pills.nav-pills-info > li.active > a:hover { background-color: #00bcd4; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
.nav-pills.nav-pills-success > li.active > a, .nav-pills.nav-pills-success > li.active > a:focus, .nav-pills.nav-pills-success > li.active > a:hover { background-color: #4caf50; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
.nav-pills.nav-pills-warning > li.active > a, .nav-pills.nav-pills-warning > li.active > a:focus, .nav-pills.nav-pills-warning > li.active > a:hover { background-color: #ff9800; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
.nav-pills.nav-pills-danger > li.active > a, .nav-pills.nav-pills-danger > li.active > a:focus, .nav-pills.nav-pills-danger > li.active > a:hover { background-color: #f44336; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
.nav-pills.nav-pills-rose > li.active > a, .nav-pills.nav-pills-rose > li.active > a:focus, .nav-pills.nav-pills-rose > li.active > a:hover { background-color: #e91e63; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
.tab-space { padding: 20px 0; }
.modal-content { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); border-radius: 6px; border: none; }
    .modal-content .modal-header { border-bottom: none; padding-top: 24px; padding-right: 24px; padding-bottom: 0; padding-left: 24px; }
    .modal-content .modal-body { padding-top: 24px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; }
    .modal-content .modal-footer { border-top: none; }
        .modal-content .modal-footer.text-center { text-align: center; }
        .modal-content .modal-footer button { margin: 0; padding-left: 16px; padding-right: 16px; width: auto; }
            .modal-content .modal-footer button.pull-left { padding-left: 5px; padding-right: 5px; position: relative; left: -5px; }
            .modal-content .modal-footer button + button { margin-bottom: 16px; }
    .modal-content .modal-body + .modal-footer { padding-top: 0; }
.modal-backdrop { background: rgba(0, 0, 0, 0.3); }
.modal .modal-dialog { margin-top: 100px; }
.modal .modal-header .close { color: #999999; }
    .modal .modal-header .close:hover, .modal .modal-header .close:focus { opacity: 1; }
    .modal .modal-header .close i { font-size: 16px; }
.modal-notice .instruction { margin-bottom: 25px; }
.modal-notice .picture { max-width: 150px; }
.modal-notice .modal-content .btn-raised { margin-bottom: 15px; }
.modal-small { width: 300px; margin: 0 auto; }
    .modal-small .modal-body { margin-top: 20px; }
.navbar { border: 0; border-radius: 3px; margin-bottom: 0; border-bottom: 1px solid #ededf3; padding: 10px 0; }
    .navbar .navbar-brand { position: relative; height: 50px; line-height: 30px; color: inherit; padding: 10px 15px; }
        .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: inherit; background-color: transparent; }
    .navbar .navbar-minimize { float: left; padding: 3px 0 0 15px; }
    .navbar .notification { position: absolute; top: 5px; border: 1px solid #FFF; right: 10px; font-size: 9px; background: #f44336; color: #FFFFFF; min-width: 20px; padding: 0px 5px; height: 20px; border-radius: 10px; text-align: center; line-height: 19px; vertical-align: middle; display: block; }
    .navbar .navbar-text { color: inherit; margin-top: 15px; margin-bottom: 15px; }
    .navbar .navbar-nav > li > a { color: inherit; padding-top: 15px; padding-bottom: 15px; font-weight: 500; font-size: 12px; text-transform: uppercase; border-radius: 3px; }
        .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: inherit; background-color: transparent; }
        .navbar .navbar-nav > li > a .material-icons, .navbar .navbar-nav > li > a .fa { font-size: 20px; }
        .navbar .navbar-nav > li > a.btn:not(.btn-just-icon) .fa { position: relative; top: 2px; margin-top: -4px; margin-right: 4px; }
    .navbar .navbar-nav > li > .dropdown-menu { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    .navbar .navbar-nav > li.open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { color: inherit; background-color: rgba(255, 255, 255, 0.1); }
    .navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus { color: inherit; background-color: transparent; opacity: 0.9; }
    .navbar .navbar-nav .profile-photo { padding: 0 5px 0; }
        .navbar .navbar-nav .profile-photo .profile-photo-small { height: 40px; width: 40px; }
    .navbar .navbar-toggle { border: 0; }
        .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: transparent; }
        .navbar .navbar-toggle .icon-bar { background-color: inherit; border: 1px solid; }
    .navbar .navbar-default .navbar-toggle, .navbar .navbar-inverse .navbar-toggle { border-color: transparent; }
    .navbar .navbar-collapse, .navbar .navbar-form { border-top: none; box-shadow: none; }
    .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { background-color: transparent; color: inherit; }
@media (max-width: 767px) {
    .navbar .navbar-nav .navbar-text { color: inherit; margin-top: 15px; margin-bottom: 15px; }
    .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { border: 0; color: inherit; }
    .navbar .navbar-nav .open .dropdown-menu .divider { border-bottom: 1px solid; opacity: 0.08; }
    .navbar .navbar-nav .open .dropdown-menu > li > a { color: inherit; }
        .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus { color: inherit; background-color: transparent; }
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: inherit; background-color: transparent; }
    .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: inherit; background-color: transparent; }
}
.navbar.navbar-default .logo-container .brand { color: #555555; }
.navbar .navbar-link { color: inherit; }
    .navbar .navbar-link:hover { color: inherit; }
.navbar .btn { margin-top: 0; margin-bottom: 0; }
.navbar .btn-link { color: inherit; }
    .navbar .btn-link:hover, .navbar .btn-link:focus { color: inherit; }
    .navbar .btn-link[disabled]:hover, .navbar .btn-link[disabled]:focus, fieldset[disabled] .navbar .btn-link:hover, fieldset[disabled] .navbar .btn-link:focus { color: inherit; }
.navbar .navbar-form { margin: 4px 0 0; }
    .navbar .navbar-form .form-group { margin: 0; padding: 0; }
        .navbar .navbar-form .form-group .material-input:before, .navbar .navbar-form .form-group.is-focused .material-input:after { background-color: inherit; }
        .navbar .navbar-form .form-group .form-control, .navbar .navbar-form .form-control { border-color: inherit; color: inherit; padding: 0; margin: 0; height: 28px; font-size: 14px; line-height: 1.428571429; }
.navbar, .navbar.navbar-default { background-color: #FFFFFF; color: #555555; }
    .navbar .navbar-form .form-group input.form-control::-moz-placeholder, .navbar .navbar-form input.form-control::-moz-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-default .navbar-form input.form-control::-moz-placeholder { color: #555555; }
    .navbar .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar .navbar-form input.form-control:-ms-input-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder { color: #555555; }
    .navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar .navbar-form input.form-control::-webkit-input-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder { color: #555555; }
    .navbar .dropdown-menu, .navbar.navbar-default .dropdown-menu { border-radius: 3px !important; }
        .navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu li > a:focus, .navbar.navbar-default .dropdown-menu li > a:hover, .navbar.navbar-default .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #FFFFFF; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); }
        .navbar .dropdown-menu .active > a, .navbar.navbar-default .dropdown-menu .active > a { background-color: #FFFFFF; color: #555555; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); }
            .navbar .dropdown-menu .active > a:hover, .navbar .dropdown-menu .active > a:focus, .navbar.navbar-default .dropdown-menu .active > a:hover, .navbar.navbar-default .dropdown-menu .active > a:focus { color: #555555; }
    .navbar.navbar-inverse { background-color: #212121; color: #fff; }
        .navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder { color: #fff; }
        .navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder { color: #fff; }
        .navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder { color: #fff; }
        .navbar.navbar-inverse .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-inverse .dropdown-menu li > a:hover, .navbar.navbar-inverse .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #212121; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); }
            .navbar.navbar-inverse .dropdown-menu .active > a { background-color: #212121; color: #fff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); }
                .navbar.navbar-inverse .dropdown-menu .active > a:hover, .navbar.navbar-inverse .dropdown-menu .active > a:focus { color: #fff; }
    .navbar.navbar-primary { background-color: #9c27b0; color: #ffffff; }
        .navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder { color: #ffffff; }
        .navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; }
        .navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; }
        .navbar.navbar-primary .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-primary .dropdown-menu li > a:hover, .navbar.navbar-primary .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #9c27b0; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
            .navbar.navbar-primary .dropdown-menu .active > a { background-color: #9c27b0; color: #ffffff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
                .navbar.navbar-primary .dropdown-menu .active > a:hover, .navbar.navbar-primary .dropdown-menu .active > a:focus { color: #ffffff; }
    .navbar.navbar-success { background-color: #4caf50; color: #ffffff; }
        .navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-success .navbar-form input.form-control::-moz-placeholder { color: #ffffff; }
        .navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; }
        .navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; }
        .navbar.navbar-success .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-success .dropdown-menu li > a:hover, .navbar.navbar-success .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #4caf50; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
            .navbar.navbar-success .dropdown-menu .active > a { background-color: #4caf50; color: #ffffff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
                .navbar.navbar-success .dropdown-menu .active > a:hover, .navbar.navbar-success .dropdown-menu .active > a:focus { color: #ffffff; }
    .navbar.navbar-info { background-color: #00bcd4; color: #ffffff; }
        .navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-info .navbar-form input.form-control::-moz-placeholder { color: #ffffff; }
        .navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; }
        .navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; }
        .navbar.navbar-info .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-info .dropdown-menu li > a:hover, .navbar.navbar-info .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #00bcd4; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
            .navbar.navbar-info .dropdown-menu .active > a { background-color: #00bcd4; color: #ffffff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
                .navbar.navbar-info .dropdown-menu .active > a:hover, .navbar.navbar-info .dropdown-menu .active > a:focus { color: #ffffff; }
    .navbar.navbar-warning { background-color: #ff9800; color: #ffffff; }
        .navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder { color: #ffffff; }
        .navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; }
        .navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; }
        .navbar.navbar-warning .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-warning .dropdown-menu li > a:hover, .navbar.navbar-warning .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #ff9800; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
            .navbar.navbar-warning .dropdown-menu .active > a { background-color: #ff9800; color: #ffffff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
                .navbar.navbar-warning .dropdown-menu .active > a:hover, .navbar.navbar-warning .dropdown-menu .active > a:focus { color: #ffffff; }
    .navbar.navbar-danger { background-color: #f44336; color: #ffffff; }
        .navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder { color: #ffffff; }
        .navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; }
        .navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; }
        .navbar.navbar-danger .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-danger .dropdown-menu li > a:hover, .navbar.navbar-danger .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #f44336; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
            .navbar.navbar-danger .dropdown-menu .active > a { background-color: #f44336; color: #ffffff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
                .navbar.navbar-danger .dropdown-menu .active > a:hover, .navbar.navbar-danger .dropdown-menu .active > a:focus { color: #ffffff; }
    .navbar.navbar-rose { background-color: #e91e63; color: #ffffff; }
        .navbar.navbar-rose .navbar-form .form-group input.form-control::-moz-placeholder, .navbar.navbar-rose .navbar-form input.form-control::-moz-placeholder { color: #ffffff; }
        .navbar.navbar-rose .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar.navbar-rose .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; }
        .navbar.navbar-rose .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar.navbar-rose .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; }
        .navbar.navbar-rose .dropdown-menu { border-radius: 3px !important; }
            .navbar.navbar-rose .dropdown-menu li > a:hover, .navbar.navbar-rose .dropdown-menu li > a:focus { color: #FFFFFF; background-color: #e91e63; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
            .navbar.navbar-rose .dropdown-menu .active > a { background-color: #e91e63; color: #ffffff; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
                .navbar.navbar-rose .dropdown-menu .active > a:hover, .navbar.navbar-rose .dropdown-menu .active > a:focus { color: #ffffff; }
.navbar-inverse { background-color: #3f51b5; }
.navbar.navbar-transparent { background-color: transparent; box-shadow: none; border-bottom: 0; }
    .navbar.navbar-transparent .logo-container .brand { color: #FFFFFF; }
.navbar-fixed-top { border-radius: 0; }
@media (max-width: 1199px) {
    .navbar { /*
        .navbar-form {
          margin-top: 10px;
        }
    */ }
        .navbar .navbar-brand { height: 50px; padding: 10px 15px; }
        .navbar .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
}
.navbar .alert { border-radius: 0; left: 0; position: absolute; right: 0; top: 85px; width: 100%; z-index: 3; transition: all 0.3s; }
.nav-center { text-align: center; }
    .nav-center .nav-pills-icons { display: inline-block; }
.nav-align-center { text-align: center; }
    .nav-align-center .nav-pills { display: inline-block; }
.navbar-absolute { position: absolute; width: 100%; padding-top: 10px; z-index: 1029; }
.popover, .tooltip-inner { color: #555555; line-height: 1.5em; background: #FFFFFF; border: none; border-radius: 3px; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
.popover { padding: 0; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
    .popover.left > .arrow, .popover.right > .arrow, .popover.top > .arrow, .popover.bottom > .arrow { border: none; }
.popover-title { background-color: #FFFFFF; border: none; padding: 15px 15px 5px; font-size: 1.3em; }
.popover-content { padding: 10px 15px 15px; line-height: 1.4; }
.tooltip.in { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
.tooltip { opacity: 0; transition: opacity, transform .2s ease; -webkit-transform: translate3d(0, 5px, 0); -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
    .tooltip.left .tooltip-arrow { border-left-color: #FFFFFF; }
    .tooltip.right .tooltip-arrow { border-right-color: #FFFFFF; }
    .tooltip.top .tooltip-arrow { border-top-color: #FFFFFF; }
    .tooltip.bottom .tooltip-arrow { border-bottom-color: #FFFFFF; }
.tooltip-inner { padding: 10px 15px; min-width: 130px; }
footer { padding: 15px 0; }
    footer ul { margin-bottom: 0; padding: 0; list-style: none; }
        footer ul li { display: inline-block; }
            footer ul li a { color: inherit; padding: 15px; font-weight: 500; font-size: 12px; text-transform: uppercase; border-radius: 3px; text-decoration: none; position: relative; display: block; }
                footer ul li a:hover { text-decoration: none; }
    footer .copyright { padding: 15px; margin: 0; }
        footer .copyright .material-icons { font-size: 18px; position: relative; top: 3px; }
    footer .btn { margin-top: 0; margin-bottom: 0; }
.dropdown-menu { border: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    .dropdown-menu .divider { background-color: rgba(0, 0, 0, 0.12); }
    .dropdown-menu li > a { font-size: 13px; padding: 10px 20px; margin: 0 5px; border-radius: 2px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; }
        .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
    .dropdown-menu.dropdown-with-icons li > a { padding: 12px 20px 12px 12px; }
        .dropdown-menu.dropdown-with-icons li > a .material-icons { vertical-align: middle; font-size: 24px; position: relative; margin-top: -4px; top: 1px; margin-right: 12px; opacity: .5; }
    .dropdown-menu li { position: relative; }
        .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active { background-color: #9c27b0; color: #FFFFFF; }
    .dropdown-menu .divider { margin: 5px 0; }
.navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:focus, .navbar .dropdown-menu li a:active, .navbar.navbar-default .dropdown-menu li a:hover, .navbar.navbar-default .dropdown-menu li a:focus, .navbar.navbar-default .dropdown-menu li a:active, .bootstrap-table .dropdown-menu li a:hover, .bootstrap-table .dropdown-menu li a:focus, .bootstrap-table .dropdown-menu li a:active { background-color: #9c27b0; color: #FFFFFF; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
.dropdown .dropdown-menu, .timeline .dropdown .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget, .bootstrap-table .dropdown-menu { -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; filter: alpha(opacity=0); visibility: hidden; display: block; }
    .dropdown.open .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget.open, .bootstrap-table .open .dropdown-menu, .timeline .dropdown.open .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translate3d(0, 1px, 0); -moz-transform: translate3d(0, 1px, 0); -o-transform: translate3d(0, 1px, 0); -ms-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); }
.dropup .dropdown-menu { -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); visibility: hidden; display: block; opacity: 0; filter: alpha(opacity=0); }
.dropup.open .dropdown-menu { -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); visibility: visible; opacity: 1; filter: alpha(opacity=100); }
.card { display: inline-block; position: relative; width: 100%; margin: 25px 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); border-radius: 6px; color: rgba(0, 0, 0, 0.87); background: #fff; }
    .card .card-height-indicator { margin-top: 100%; }
    .card.row-space .header { padding: 15px 20px 0; }
    .card .map { height: 280px; border-radius: 6px; margin-top: 15px; }
        .card .map.map-big { height: 420px; }
    .card .card-title { margin-top: 0; margin-bottom: 3px; }
        .card .card-title:not(.card-calendar .card-title) { margin-top: 0; margin-bottom: 5px; }
    .card .card-image { height: 60%; position: relative; overflow: hidden; margin-left: 15px; margin-right: 15px; margin-top: -30px; border-radius: 6px; z-index: 3; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
        .card .card-image img { width: 100%; height: 100%; border-radius: 6px; pointer-events: none; }
        .card .card-image .card-title { position: absolute; bottom: 15px; left: 15px; color: #fff; font-size: 1.3em; text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); }
    .card .category:not([class*="text-"]) { color: #999999; font-size: 14px; }
    .card .category a .material-icons { vertical-align: initial; }
    .card .card-content { padding: 15px 20px; position: relative; }
        .card .card-content .category { margin-bottom: 0; }
    .card .card-actions { position: absolute; z-index: 1; top: -50px; width: calc(100% - 30px); left: 17px; right: 17px; text-align: center; }
        .card .card-actions .btn { padding-left: 12px; padding-right: 12px; }
        .card .card-actions .fix-broken-card { position: absolute; top: -65px; }
    .card .card-header { padding: 15px 20px 0; z-index: 3; }
        .card .card-header .category { margin-bottom: 0; }
        .card .card-header.card-header-text { display: inline-block; }
            .card .card-header.card-header-text:after { content: ""; display: table; }
        .card .card-header.card-header-icon { float: left; }
            .card .card-header.card-header-icon i { width: 33px; height: 33px; text-align: center; line-height: 33px; }
        .card .card-header.card-header-tabs .nav-tabs { background: transparent; padding: 0; }
        .card .card-header.card-header-tabs .nav-tabs-title { float: left; padding: 10px 10px 10px 0; line-height: 24px; }
        .card .card-header.card-header-icon + .card-content .card-title { padding-bottom: 15px; }
    .card .social-line { margin-top: 15px; text-align: center; padding: 0; }
        .card .social-line .btn { color: #FFFFFF; margin-left: 5px; margin-right: 5px; }
    .card [data-background-color] { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); margin: -20px 15px 0; border-radius: 3px; padding: 15px; background-color: #999999; position: relative; }
        .card [data-background-color] .card-title { color: #FFFFFF; }
        .card [data-background-color] .category { margin-bottom: 0; color: rgba(255, 255, 255, 0.62); }
        .card [data-background-color] .ct-label { color: rgba(255, 255, 255, 0.7); }
        .card [data-background-color] .ct-grid { stroke: rgba(255, 255, 255, 0.2); }
        .card [data-background-color] .ct-series-a .ct-point, .card [data-background-color] .ct-series-a .ct-line, .card [data-background-color] .ct-series-a .ct-bar, .card [data-background-color] .ct-series-a .ct-slice-donut { stroke: rgba(255, 255, 255, 0.8); }
        .card [data-background-color] .ct-series-a .ct-slice-pie, .card [data-background-color] .ct-series-a .ct-area { fill: rgba(255, 255, 255, 0.4); }
    .card .chart-title { position: absolute; top: 25px; width: 100%; text-align: center; }
        .card .chart-title h3 { margin: 0; color: #FFFFFF; }
        .card .chart-title h6 { margin: 0; color: rgba(255, 255, 255, 0.4); }
    .card .ct-chart ~ .card-footer i:nth-child(1n+2) { width: 18px; text-align: center; }
    .card .card-footer { margin: 0 20px 10px; padding-top: 10px; border-top: 1px solid #eeeeee; }
        .card .card-footer .form-group { margin: 5px 0 0; }
        .card .card-footer .content { display: block; }
        .card .card-footer div { display: inline-block; }
        .card .card-footer .author { color: #999999; }
        .card .card-footer .stats { line-height: 22px; color: #999999; font-size: 12px; }
            .card .card-footer .stats .material-icons { position: relative; top: 4px; font-size: 16px; }
            .card .card-footer .stats .category { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }
        .card .card-footer h4 { margin: 5px 0; }
        .card .card-footer .btn { margin-top: 5px; margin-bottom: 5px; }
        .card .card-footer h6 { color: #999999; }
    .card form .card-footer { border: none; }
    .card img { width: 100%; height: auto; }
    .card .category .material-icons { position: relative; top: 6px; line-height: 0; }
    .card .category-social .fa { font-size: 24px; position: relative; margin-top: -4px; top: 2px; margin-right: 5px; }
    .card .author .avatar { width: 30px; height: 30px; overflow: hidden; border-radius: 50%; margin-right: 5px; }
    .card .author a { color: #3C4858; text-decoration: none; }
        .card .author a .ripple-container { display: none; }
    .card .table { margin-bottom: 0; }
        .card .table tr:first-child td { border-top: none; }
    .card .nav-pills, .card .tab-content { margin-top: 20px; }
    .card [data-background-color="purple"] { background: linear-gradient(60deg, #ab47bc, #8e24aa); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
    .card [data-icon-bg-color="purple"] i { color: #9c27b0; }
    .card [data-background-color="blue"] { background: linear-gradient(60deg, #26c6da, #00acc1); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); }
    .card [data-icon-bg-color="blue"] i { color: #00bcd4; }
    .card [data-background-color="green"] { background: linear-gradient(60deg, #66bb6a, #43a047); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); }
    .card [data-icon-bg-color="green"] i { color: #4caf50; }
    .card [data-background-color="orange"] { background: linear-gradient(60deg, #ffa726, #fb8c00); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); }
    .card [data-icon-bg-color="orange"] i { color: #ff9800; }
    .card [data-background-color="red"] { background: linear-gradient(60deg, #ef5350, #e53935); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); }
    .card [data-icon-bg-color="red"] i { color: #f44336; }
    .card [data-background-color="rose"] { background: linear-gradient(60deg, #ec407a, #d81b60); box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); }
    .card [data-icon-bg-color="rose"] i { color: #e91e63; }
    .card [data-header-animation="true"] { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); }
    .card:hover [data-header-animation="true"] { -webkit-transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -o-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
    .card [data-background-color] { color: #FFFFFF; }
        .card [data-background-color] a { color: #FFFFFF; }
.card-chart .card-header { padding: 0; min-height: 160px; }
    .card-chart .card-header + .content h4 { margin-top: 0; }
.card-calendar .card-content { padding: 0; }
.card-stats .card-title { margin: 0; }
.card-stats .card-header { float: left; text-align: center; }
    .card-stats .card-header i { font-size: 36px; line-height: 56px; width: 56px; height: 56px; }
.card-stats .card-content { text-align: right; padding-top: 10px; }
.card-plain { background: transparent; box-shadow: none; }
    .card-plain .card-header { margin-left: 0; margin-right: 0; }
    .card-plain .card-header-icon { margin-right: 15px; }
    .card-plain .content { padding-left: 5px; padding-right: 5px; }
    .card-plain .card-image { margin: 0; border-radius: 3px; }
        .card-plain .card-image img { border-radius: 3px; }
.card-raised { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
.iframe-container { margin: 0 -20px 0; }
    .iframe-container iframe { width: 100%; height: 500px; border: 0; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
.card-profile, .card-testimonial { margin-top: 30px; text-align: center; }
    .card-profile .btn-just-icon.btn-raised, .card-testimonial .btn-just-icon.btn-raised { margin-left: 6px; margin-right: 6px; }
    .card-profile .card-avatar, .card-testimonial .card-avatar { max-width: 130px; max-height: 130px; margin: -50px auto 0; border-radius: 50%; overflow: hidden; box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
        .card-profile .card-avatar + .card-content, .card-testimonial .card-avatar + .card-content { margin-top: 15px; }
    .card-profile.card-plain .card-avatar, .card-testimonial.card-plain .card-avatar { margin-top: 0; }
.card-testimonial { margin-bottom: 65px; }
    .card-testimonial .card-avatar { max-width: 100px; max-height: 100px; }
    .card-testimonial .footer { margin-top: 0; }
        .card-testimonial .footer .card-avatar { margin-top: 10px; margin-bottom: -50px; }
    .card-testimonial .card-description { font-style: italic; }
        .card-testimonial .card-description + .card-title { margin-top: 30px; }
    .card-testimonial .icon { margin-top: 30px; }
        .card-testimonial .icon .material-icons { font-size: 40px; }
.card-pricing { text-align: center; }
    .card-pricing .card-title { margin-top: 30px; }
    .card-pricing .content { padding: 15px !important; }
    .card-pricing .icon { padding: 10px 0 0px; color: #999999; }
        .card-pricing .icon i { font-size: 55px; border: 1px solid #E5E5E5; border-radius: 50%; width: 130px; line-height: 130px; height: 130px; }
        .card-pricing .icon.icon-primary { color: #9c27b0; }
        .card-pricing .icon.icon-info { color: #00bcd4; }
        .card-pricing .icon.icon-success { color: #4caf50; }
        .card-pricing .icon.icon-warning { color: #ff9800; }
        .card-pricing .icon.icon-danger { color: #f44336; }
        .card-pricing .icon.icon-rose { color: #e91e63; }
    .card-pricing h1 small { font-size: 18px; }
        .card-pricing h1 small:first-child { position: relative; top: -17px; font-size: 26px; }
    .card-pricing ul { list-style: none; padding: 0; max-width: 240px; margin: 10px auto; }
        .card-pricing ul li { color: #999999; text-align: center; padding: 12px 0; border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
            .card-pricing ul li:last-child { border: 0; }
            .card-pricing ul li b { color: #3C4858; }
            .card-pricing ul li i { top: 6px; position: relative; }
    .card-pricing.card-background ul li, .card-pricing [class*="content-"] ul li { color: #FFFFFF; border-color: rgba(255, 255, 255, 0.3); }
        .card-pricing.card-background ul li b, .card-pricing [class*="content-"] ul li b { color: #FFFFFF; }
    .card-pricing.card-background [class*="text-"], .card-pricing [class*="content-"] [class*="text-"] { color: #FFFFFF; }
    .card-pricing.card-background:after { background-color: rgba(0, 0, 0, 0.7); }
.card-background { background-position: center center; background-size: cover; text-align: center; }
    .card-background .content { position: relative; z-index: 2; min-height: 280px; padding-top: 40px; padding-bottom: 40px; max-width: 440px; margin: 0 auto; }
    .card-background .category, .card-background .card-description, .card-background small { color: rgba(255, 255, 255, 0.7); }
    .card-background .card-title { color: #FFFFFF; margin-top: 10px; }
    .card-background:not(.card-pricing) .btn { margin-bottom: 0; }
    .card-background:after { position: absolute; z-index: 1; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.56); border-radius: 6px; }
.card-product { margin-top: 30px; }
    .card-product .btn-simple.btn-just-icon { padding: 0; }
    .card-product .footer { margin-top: 5px; }
        .card-product .footer .stats .material-icons { margin-top: 4px; top: 0; }
        .card-product .footer .price h4 { margin-bottom: 0; }
    .card-product .card-title, .card-product .category, .card-product .card-description { text-align: center; }
.card-login .card-title { margin-top: 10px; margin-bottom: 10px; font-weight: 700; }
.card-login i { max-width: 24px; overflow: hidden; display: block; }
.card-login .text-divider { margin-top: 30px; margin-bottom: 0px; text-align: center; }
.card-login .card-content { padding: 0px 30px 0px 10px; }
.card-login .checkbox { margin-top: 20px; }
    .card-login .checkbox label { margin-left: 17px; }
    .card-login .checkbox .checkbox-material { padding-right: 12px; }
.card-login .social-line { margin-top: 15px; text-align: center; padding: 0; }
    .card-login .social-line .btn { color: #FFFFFF; margin-left: 5px; margin-right: 5px; }
.nav-tabs { background: #9c27b0; border: 0; border-radius: 3px; padding: 0 15px; }
    .nav-tabs > li > a { color: #FFFFFF; border: 0; margin: 0; border-radius: 3px; line-height: 24px; text-transform: uppercase; font-size: 12px; }
        .nav-tabs > li > a:hover { background-color: transparent; border: 0; }
        .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: transparent; border: 0 !important; color: #FFFFFF !important; font-weight: 500; }
    .nav-tabs > li.disabled > a, .nav-tabs > li.disabled > a:hover { color: rgba(255, 255, 255, 0.5); }
    .nav-tabs > li .material-icons { margin: -1px 5px 0 0; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: rgba(255, 255, 255, 0.2); transition: background-color .1s .2s; }
@media (min-width: 992px) {
    .navbar-form { margin-top: 21px; margin-bottom: 21px; padding-left: 5px; padding-right: 5px; }
    .navbar-nav.navbar-right > li > .dropdown-menu:before { left: auto; right: 12px; }
    .navbar-nav.navbar-right > li > .dropdown-menu:after { left: auto; right: 12px; }
    .footer:not(.footer-big) nav > ul li:first-child { margin-left: 0; }
    .card form [class*="col-"]:first-child { padding-left: 15px; }
    .card form [class*="col-"]:last-child { padding-right: 15px; }
    body > .navbar-collapse.collapse { display: none !important; }
    .sidebar .navbar-form { display: none !important; }
    .sidebar .nav-mobile-menu { display: none; }
    .close-layer { display: none; }
}
/* Changes for small display */
@media (max-width: 991px) {
    .form-group textarea { padding-top: 15px; }
    .nav-open .menu-on-left .main-panel { position: initial; }
    html, body { overflow-x: hidden; }
    .nav-open .menu-on-left .main-panel, .nav-open .menu-on-left .wrapper-full-page, .nav-open .menu-on-left .navbar-fixed > div { -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); }
    .menu-on-left .sidebar, .menu-on-left .off-canvas-sidebar { left: 0; right: auto; -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); }
    .menu-on-left .close-layer { left: auto; right: 0; }
    .timeline:before { left: 5%; }
    .timeline > li > .timeline-badge { left: 5%; }
    .timeline > li > .timeline-panel { float: right; width: 86%; }
        .timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
        .timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
    .nav-mobile-menu .dropdown .dropdown-menu { display: none; }
    .nav-mobile-menu .dropdown.open .dropdown-menu { display: block; }
    .nav-mobile-menu li.active > a { background-color: rgba(255, 255, 255, 0.1); }
    .navbar-minimize { display: none; }
    .card .form-horizontal .label-on-left, .card .form-horizontal .label-on-right { padding-left: 15px; padding-top: 8px; }
    .card .form-horizontal .form-group { margin-top: 0px; }
    .card .form-horizontal .checkbox-radios { padding-bottom: 15px; }
        .card .form-horizontal .checkbox-radios .checkbox:first-child, .card .form-horizontal .checkbox-radios .radio:first-child { margin-top: 0; }
    .card .form-horizontal .checkbox-inline { margin-top: 0; }
    .sidebar { display: none; box-shadow: none; }
        .sidebar .sidebar-wrapper { padding-bottom: 60px; }
        .sidebar .nav-mobile-menu { margin-top: 0; }
            .sidebar .nav-mobile-menu .notification { float: left; line-height: 30px; margin-right: 8px; }
            .sidebar .nav-mobile-menu .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .main-panel { width: 100%; }
    .navbar-transparent { padding-top: 15px; background-color: rgba(0, 0, 0, 0.45); }
    body { position: relative; }
    .nav-open .main-panel, .nav-open .wrapper-full-page, .nav-open .navbar .container .navbar-header, .nav-open .navbar .container { left: 0; -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); }
    .nav-open .sidebar { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
    .nav-open .off-canvas-sidebar .navbar-collapse, .nav-open .sidebar { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .wrapper-full-page, .navbar .container .navbar-header, .navbar .container { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); left: 0; }
    .off-canvas-sidebar .navbar .container { transform: none; }
    .main-panel { -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .navbar .navbar-collapse.collapse, .navbar .navbar-collapse.collapse.in, .navbar .navbar-collapse.collapsing { display: none !important; }
    .off-canvas-sidebar .navbar .navbar-collapse.collapse, .off-canvas-sidebar .navbar .navbar-collapse.collapse.in, .off-canvas-sidebar .navbar .navbar-collapse.collapsing { display: block !important; }
    .navbar-nav > li { float: none; position: relative; display: block; }
    .off-canvas-sidebar nav .navbar-collapse { margin: 0; }
        .off-canvas-sidebar nav .navbar-collapse > ul { margin-top: 19px; }
    .sidebar, .off-canvas-sidebar nav .navbar-collapse { position: fixed; display: block; top: 0; height: 100vh; width: 260px; right: 0; left: auto; z-index: 1032; visibility: visible; background-color: #9A9A9A; overflow-y: visible; border-top: none; text-align: left; padding-right: 0px; padding-left: 0; -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
        .sidebar > ul, .off-canvas-sidebar nav .navbar-collapse > ul { position: relative; z-index: 4; width: 100%; }
        .sidebar::before, .off-canvas-sidebar nav .navbar-collapse::before { top: 0; left: 0; height: 100%; width: 100%; position: absolute; background-color: #282828; display: block; content: ""; z-index: 1; }
        .sidebar .logo, .off-canvas-sidebar nav .navbar-collapse .logo { position: relative; z-index: 4; }
        .sidebar .navbar-form, .off-canvas-sidebar nav .navbar-collapse .navbar-form { margin: 10px 0px; float: none !important; padding-top: 1px; padding-bottom: 1px; position: relative; }
        .sidebar .table-responsive, .off-canvas-sidebar nav .navbar-collapse .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
    .form-group.form-search .form-control { font-size: 1.7em; height: 37px; width: 78%; }
    .navbar-form .btn { position: absolute; top: 12px; right: 15px; }
    .close-layer { height: 100%; width: 100%; position: absolute; opacity: 0; top: 0; left: auto; background: rgba(0, 0, 0, 0.35); content: ""; z-index: 9999; overflow-x: hidden; -webkit-transition: all 370ms ease-in; -moz-transition: all 370ms ease-in; -o-transition: all 370ms ease-in; -ms-transition: all 370ms ease-in; transition: all 370ms ease-in; }
        .close-layer.visible { opacity: 1; }
    .navbar-toggle .icon-bar { display: block; position: relative; background: #fff; width: 24px; height: 2px; border-radius: 1px; margin: 0 auto; }
    .navbar-header .navbar-toggle { padding: 15px; margin-top: 4px; width: 40px; height: 40px; }
    .bar1, .bar2, .bar3 { outline: 1px solid transparent; }
    @keyframes topbar-x {
        0% { top: 0px; transform: rotate(0deg); }
        45% { top: 6px; transform: rotate(145deg); }
        75% { transform: rotate(130deg); }
        100% { transform: rotate(135deg); }
    }
    @-webkit-keyframes topbar-x {
        0% { top: 0px; -webkit-transform: rotate(0deg); }
        45% { top: 6px; -webkit-transform: rotate(145deg); }
        75% { -webkit-transform: rotate(130deg); }
        100% { -webkit-transform: rotate(135deg); }
    }
    @-moz-keyframes topbar-x {
        0% { top: 0px; -moz-transform: rotate(0deg); }
        45% { top: 6px; -moz-transform: rotate(145deg); }
        75% { -moz-transform: rotate(130deg); }
        100% { -moz-transform: rotate(135deg); }
    }
    @keyframes topbar-back {
        0% { top: 6px; transform: rotate(135deg); }
        45% { transform: rotate(-10deg); }
        75% { transform: rotate(5deg); }
        100% { top: 0px; transform: rotate(0); }
    }
    @-webkit-keyframes topbar-back {
        0% { top: 6px; -webkit-transform: rotate(135deg); }
        45% { -webkit-transform: rotate(-10deg); }
        75% { -webkit-transform: rotate(5deg); }
        100% { top: 0px; -webkit-transform: rotate(0); }
    }
    @-moz-keyframes topbar-back {
        0% { top: 6px; -moz-transform: rotate(135deg); }
        45% { -moz-transform: rotate(-10deg); }
        75% { -moz-transform: rotate(5deg); }
        100% { top: 0px; -moz-transform: rotate(0); }
    }
    @keyframes bottombar-x {
        0% { bottom: 0px; transform: rotate(0deg); }
        45% { bottom: 6px; transform: rotate(-145deg); }
        75% { transform: rotate(-130deg); }
        100% { transform: rotate(-135deg); }
    }
    @-webkit-keyframes bottombar-x {
        0% { bottom: 0px; -webkit-transform: rotate(0deg); }
        45% { bottom: 6px; -webkit-transform: rotate(-145deg); }
        75% { -webkit-transform: rotate(-130deg); }
        100% { -webkit-transform: rotate(-135deg); }
    }
    @-moz-keyframes bottombar-x {
        0% { bottom: 0px; -moz-transform: rotate(0deg); }
        45% { bottom: 6px; -moz-transform: rotate(-145deg); }
        75% { -moz-transform: rotate(-130deg); }
        100% { -moz-transform: rotate(-135deg); }
    }
    @keyframes bottombar-back {
        0% { bottom: 6px; transform: rotate(-135deg); }
        45% { transform: rotate(10deg); }
        75% { transform: rotate(-5deg); }
        100% { bottom: 0px; transform: rotate(0); }
    }
    @-webkit-keyframes bottombar-back {
        0% { bottom: 6px; -webkit-transform: rotate(-135deg); }
        45% { -webkit-transform: rotate(10deg); }
        75% { -webkit-transform: rotate(-5deg); }
        100% { bottom: 0px; -webkit-transform: rotate(0); }
    }
    @-moz-keyframes bottombar-back {
        0% { bottom: 6px; -moz-transform: rotate(-135deg); }
        45% { -moz-transform: rotate(10deg); }
        75% { -moz-transform: rotate(-5deg); }
        100% { bottom: 0px; -moz-transform: rotate(0); }
    }
    .navbar-toggle .icon-bar:nth-child(2) { top: 0px; -webkit-animation: topbar-back 500ms linear 0s; -moz-animation: topbar-back 500ms linear 0s; animation: topbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    .navbar-toggle .icon-bar:nth-child(3) { opacity: 1; }
    .navbar-toggle .icon-bar:nth-child(4) { bottom: 0px; -webkit-animation: bottombar-back 500ms linear 0s; -moz-animation: bottombar-back 500ms linear 0s; animation: bottombar-back 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    .navbar-toggle.toggled .icon-bar:nth-child(2) { top: 6px; -webkit-animation: topbar-x 500ms linear 0s; -moz-animation: topbar-x 500ms linear 0s; animation: topbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    .navbar-toggle.toggled .icon-bar:nth-child(3) { opacity: 0; }
    .navbar-toggle.toggled .icon-bar:nth-child(4) { bottom: 6px; -webkit-animation: bottombar-x 500ms linear 0s; -moz-animation: bottombar-x 500ms linear 0s; animation: bottombar-x 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    @-webkit-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }
    @-moz-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }
    .dropdown-menu .divider { background-color: rgba(229, 229, 229, 0.15); }
    .navbar-nav { margin: 1px 0; }
        .navbar-nav .open .dropdown-menu > li > a { padding: 15px 15px 5px 50px; }
        .navbar-nav .open .dropdown-menu > li:first-child > a { padding: 5px 15px 5px 50px; }
        .navbar-nav .open .dropdown-menu > li:last-child > a { padding: 15px 15px 25px 50px; }
    [class*="navbar-"] .navbar-nav > li > a, [class*="navbar-"] .navbar-nav > li > a:hover, [class*="navbar-"] .navbar-nav > li > a:focus, [class*="navbar-"] .navbar-nav .active > a, [class*="navbar-"] .navbar-nav .active > a:hover, [class*="navbar-"] .navbar-nav .active > a:focus, [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a, [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover, [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus, [class*="navbar-"] .navbar-nav .navbar-nav .open .dropdown-menu > li > a:active { color: white; }
        [class*="navbar-"] .navbar-nav > li > a, [class*="navbar-"] .navbar-nav > li > a:hover, [class*="navbar-"] .navbar-nav > li > a:focus, [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a, [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover, [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus { opacity: .7; background: transparent; }
    [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu > li > a:active { opacity: 1; }
    [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret { border-bottom-color: #777; border-top-color: #777; }
    [class*="navbar-"] .navbar-nav .dropdown > a:active .caret { border-bottom-color: white; border-top-color: white; }
    .dropdown-menu { display: none; }
    .navbar-fixed-top { -webkit-backface-visibility: hidden; }
    #bodyClick { height: 100%; width: 100%; position: fixed; opacity: 0; top: 0; left: auto; right: 260px; content: ""; z-index: 9999; overflow-x: hidden; }
    .social-line .btn { margin: 0 0 10px 0; }
    .subscribe-line .form-control { margin: 0 0 10px 0; }
    .social-line.pull-right { float: none; }
    .footer:not(.footer-big) nav > ul li { float: none; }
    .social-area.pull-right { float: none !important; }
    .form-control + .form-control-feedback { margin-top: -8px; }
    .navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent !important; }
    .media-post .author { width: 20%; float: none !important; display: block; margin: 0 auto 10px; }
    .media-post .media-body { width: 100%; }
    .navbar-collapse.collapse { height: 100% !important; }
        .navbar-collapse.collapse.in { display: block; }
    .navbar-header .collapse, .navbar-toggle { display: block !important; }
    .navbar-header { float: none; }
    .navbar-collapse .nav p { font-size: 14px; margin: 0; }
}
@media (min-width: 768px) {
    .navbar > .container-fluid .navbar-brand { margin-left: 0; }
}
@media (max-width: 767px) {
    .main-panel .content { padding-left: 0; padding-right: 0; }
    .fileinput { display: block; }
    .card .card-header.card-header-text { display: block; }
    .navbar-form .form-group { margin-bottom: 0; }
    .table-responsive { border: none; }
    .modal-small { width: auto; margin-left: 15px; margin-right: 15px; }
}
@media (min-width: 992px) {
    .table-full-width { margin-left: -20px; margin-right: -20px; }
    .table-responsive { overflow: auto; }
}
@media all and (max-width: 490px) {
    .nav-center .nav-pills-icons { max-width: 211px; }
}
@media screen and (max-width: 470px) {
    .fc-toolbar .fc-left { margin-bottom: 15px; }
}
.rtl-active .sidebar, .rtl-active .bootstrap-navbar { right: 0; left: auto; }
    .rtl-active .sidebar .nav-mobile-menu .notification, .rtl-active .bootstrap-navbar .nav-mobile-menu .notification { float: right; margin-right: 0; margin-left: 8px; }
    .rtl-active .sidebar .nav i, .rtl-active .bootstrap-navbar .nav i { float: right; margin-left: 15px; margin-right: 0; }
    .rtl-active .sidebar .nav p, .rtl-active .bootstrap-navbar .nav p { margin-right: 45px; text-align: right; }
    .rtl-active .sidebar .nav .caret, .rtl-active .bootstrap-navbar .nav .caret { left: 11px; right: auto; }
    .rtl-active .sidebar .logo a.logo-mini, .rtl-active .bootstrap-navbar .logo a.logo-mini { float: right; margin-right: 30px; margin-left: 10px; }
    .rtl-active .sidebar .logo .simple-text, .rtl-active .bootstrap-navbar .logo .simple-text { text-align: right; }
    .rtl-active .sidebar .user .info > a > span, .rtl-active .bootstrap-navbar .user .info > a > span { text-align: right; }
    .rtl-active .sidebar .user .photo, .rtl-active .bootstrap-navbar .user .photo { float: right; margin-left: 12px; margin-right: 23px; }
    .rtl-active .sidebar .user .info .caret, .rtl-active .bootstrap-navbar .user .info .caret { left: 22px; right: auto; }
    .rtl-active .sidebar .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini, .rtl-active .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini, .rtl-active .bootstrap-navbar .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini, .rtl-active .bootstrap-navbar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini { float: right; margin-left: 15px; margin-right: 0; }
.rtl-active .navbar-header .navbar-toggle { margin: 10px 0 10px 15px; }
.rtl-active .btn:not(.btn-just-icon):not(.btn-fab) .fa, .rtl-active .navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa { left: 5px; }
.rtl-active .card .card-header.card-header-icon { float: right; }
.rtl-active .main-panel { float: left; }
.rtl-active .navbar > .container-fluid .navbar-brand { margin-right: 0; }
.rtl-active .dropdown-menu { right: 0; left: auto; }
.rtl-active .card .card-header.card-header-tabs .nav-tabs-title { float: right; padding: 10px 0 10px 10px; }
.rtl-active .card.card-product .card-footer { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; }
.rtl-active .navbar-nav.navbar-right > li > .dropdown-menu:before, .rtl-active .navbar-nav.navbar-right > li > .dropdown-menu:after { right: auto; left: 12px; }
.rtl-active .card .form-horizontal .label-on-left { padding-top: 16px; text-align: left; }
.rtl-active .checkbox .checkbox-material .check:before { left: 0; }
.rtl-active .form-horizontal .radio label span { right: 2px; }
.rtl-active .checkbox .checkbox-material { padding-left: 5px; padding-right: 0; }
    .rtl-active .checkbox .checkbox-material:before { left: 5px; }
.rtl-active .card .checkbox .checkbox-material:before { left: 0; }
.rtl-active .nav-pills > li + li { margin-right: 0; }
.rtl-active .radio-inline, .rtl-active .checkbox-inline { padding-right: 0; margin-top: 5px; }
.rtl-active .form-horizontal .checkbox-radios .checkbox:first-child, .rtl-active .form-horizontal .checkbox-radios .radio:first-child { margin-top: 5px; }
.rtl-active .checkbox label, .rtl-active .radio label { padding: 0; }
.rtl-active .radio label { padding-right: 28px; }
.rtl-active .card .form-horizontal .label-on-right { text-align: right; padding-top: 17px; }
.rtl-active .alert button.close { left: 10px !important; right: auto !important; }
.rtl-active .alert span[data-notify="icon"] { right: 15px; left: auto; }
.rtl-active .alert.alert-with-icon { padding-right: 65px; padding-left: 15px; }
    .rtl-active .alert.alert-with-icon i[data-notify="icon"] { right: 15px; left: auto; }
@media (max-width: 991px) {
    .rtl-active .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal { text-align: right; }
}
@media (max-width: 768px) {
    .rtl-active .navbar > .container-fluid .navbar-brand { margin-right: 15px; }
    .rtl-active .navbar-header .navbar-toggle { margin-left: 30px; }
}
@media (min-width: 991px) {
    .rtl-active.sidebar-mini .sidebar .nav i, .rtl-active.sidebar-mini .bootstrap-navbar .nav i { margin: 0; }
    .rtl-active.sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p { position: relative; }
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p, .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info > a > span, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span, .rtl-active.sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p, .rtl-active.sidebar-mini .sidebar .logo a.logo-normal { -webkit-transform: translatX(25px); -moz-transform: translateX(25px); -o-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); }
    .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p, .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .rtl-active.sidebar-mini .sidebar:hover .sidebar-wrapper .user .info > a > span, .rtl-active.sidebar-mini .sidebar:hover .logo a.logo-normal { -webkit-transform: translat3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}