body[data-theme="dark"] {
    color: #b2b9bf;
    background: #212529;
}
body[data-theme="dark"] a.link {
    color: #e9ecef;
}
body[data-theme="dark"] a.link:focus,
body[data-theme="dark"] a.link:hover {
    color: #4798e8;
}
body[data-theme="dark"] .bg-white {
    background-color: #000 !important;
}
body[data-theme="dark"] .bg-dark {
    background-color: #6c757d !important;
}
body[data-theme="dark"] .text-dark {
    color: #e9ecef !important;
}
body[data-theme="dark"] .badge-light {
    background-color: #343a40;
    color: #b2b9bf;
}
body[data-theme="dark"] .btn-light {
    background-color: #343a40;
    border-color: #343a40;
    color: #b2b9bf;
}
body[data-theme="dark"] .custom-control-label::before {
    background-color: #6c757d;
}
body[data-theme="dark"] .card,
body[data-theme="dark"] .css-bar:after,
body[data-theme="dark"] .custom-file-label,
body[data-theme="dark"] .custom-select,
body[data-theme="dark"] .dtp > .dtp-content,
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell,
body[data-theme="dark"] .jsgrid-row > .jsgrid-cell,
body[data-theme="dark"] .list-group-item,
body[data-theme="dark"] .lobilists .lobilist,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
body[data-theme="dark"] .nav-tabs .nav-link.active,
body[data-theme="dark"] .note-editor.note-frame .note-editing-area .note-editable,
body[data-theme="dark"] .note-editor.note-frame .note-statusbar,
body[data-theme="dark"] .page-item.disabled .page-link,
body[data-theme="dark"] .page-link,
body[data-theme="dark"] .select2-container--classic .select2-selection--single,
body[data-theme="dark"] .select2-container--default .select2-selection--multiple,
body[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: #2b3142;
}
body[data-theme="dark"] .dropdown-item:focus,
body[data-theme="dark"] .dropdown-item:hover,
body[data-theme="dark"] .dropzone,
body[data-theme="dark"] .mailbox .message-center .message-item:hover,
body[data-theme="dark"] .picker__button--clear,
body[data-theme="dark"] .picker__button--close,
body[data-theme="dark"] .picker__button--today {
    background: #2b3142;
}
body[data-theme="dark"] .card-footer,
body[data-theme="dark"] .left-part,
body[data-theme="dark"] .right-part.mail-compose,
body[data-theme="dark"] .right-part.mail-details,
body[data-theme="dark"] .right-part.mail-list,
body[data-theme="dark"] .select2-dropdown,
body[data-theme="dark"] .typeahead.form-control {
    background-color: #2b3142 !important;
}
body[data-theme="dark"] #main-wrapper,
body[data-theme="dark"] .breadcrumb,
body[data-theme="dark"] .cke_toolbar_separator,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .jumbotron,
body[data-theme="dark"] .page-wrapper,
body[data-theme="dark"] .progress,
body[data-theme="dark"] .wizard-content .wizard > .steps .step,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a:active,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a:hover,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .content,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a:active,
body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a:hover {
    background-color: #2d3548;
}
body[data-theme="dark"] .daterangepicker,
body[data-theme="dark"] .daterangepicker .calendar-table,
body[data-theme="dark"] .fc-toolbar .fc-button.fc-state-active,
body[data-theme="dark"] .fc-unthemed td.fc-today,
body[data-theme="dark"] .picker--time .picker__box,
body[data-theme="dark"] .picker__box,
body[data-theme="dark"] .picker__list-item {
    background: #343a40;
}
body[data-theme="dark"] .fc-unthemed .fc-divider,
body[data-theme="dark"] .fc-unthemed .fc-list-heading td,
body[data-theme="dark"] .fc-unthemed .fc-popover .fc-header {
    background: #b2b9bf;
}
body[data-theme="dark"] .daterangepicker td.off,
body[data-theme="dark"] .daterangepicker td.off.end-date,
body[data-theme="dark"] .daterangepicker td.off.in-range,
body[data-theme="dark"] .daterangepicker td.off.start-date {
    background: #000;
}
body[data-theme="dark"] .timeline:before {
    background-color: #343a40;
}
body[data-theme="dark"] .cd-horizontal-timeline .events {
    background: #343a40;
}
body[data-theme="dark"] .bootstrap-switch .bootstrap-switch-label,
body[data-theme="dark"] .cd-horizontal-timeline .events a::after,
body[data-theme="dark"] .cke_top,
body[data-theme="dark"] .css-bar > i,
body[data-theme="dark"] .dp-off,
body[data-theme="dark"] .footable-odd,
body[data-theme="dark"] .jsgrid-alt-row > .jsgrid-cell,
body[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell,
body[data-theme="dark"] .mce-menu-item.mce-disabled,
body[data-theme="dark"] .mce-menu-item.mce-disabled:hover,
body[data-theme="dark"] .noUi-target,
body[data-theme="dark"] .noUi-tooltip,
body[data-theme="dark"] .striped-rows .row:nth-child(odd),
body[data-theme="dark"] div.mce-edit-area {
    background: #212529 !important;
}
body[data-theme="dark"] .bg-light,
body[data-theme="dark"] .chat-list .chat-item .chat-content .box.bg-light-info,
body[data-theme="dark"] .custom-file-label::after,
body[data-theme="dark"] .customizer,
body[data-theme="dark"] .f-icon:hover,
body[data-theme="dark"] .if-icon:hover,
body[data-theme="dark"] .input-group-text,
body[data-theme="dark"] .m-icon:hover,
body[data-theme="dark"] .mce-panel,
body[data-theme="dark"] .myadmin-dd .dd-list .dd-item .dd-handle,
body[data-theme="dark"] .myadmin-dd-empty .dd-list .dd3-content,
body[data-theme="dark"] .myadmin-dd-empty .dd-list .dd3-handle,
body[data-theme="dark"] .sl-icon:hover,
body[data-theme="dark"] .t-icon:hover,
body[data-theme="dark"] .table .thead-light th,
body[data-theme="dark"] .table-hover tbody tr:hover,
body[data-theme="dark"] .w-icon:hover,
body[data-theme="dark"] pre[class*="language-"] {
    background-color: #262d35 !important;
}
body[data-theme="dark"] .timeline > .timeline-item > .timeline-panel:after {
    border-right: #2e3548;
    border-left: #2e3548;
}
body[data-theme="dark"] .mce-menubar .mce-menubtn.mce-active,
body[data-theme="dark"] .mce-menubar .mce-menubtn:focus,
body[data-theme="dark"] .mce-menubar .mce-menubtn:hover {
    background: #343a40;
    border-color: #2e3548;
}
body[data-theme="dark"] .mce-btn {
    background: #343a40;
    text-shadow: none;
}
.btn-outline-cyan,
.btn-outline-danger,
.btn-outline-dark,
.btn-outline-info,
.btn-outline-light-danger,
.btn-outline-light-info,
.btn-outline-light-success,
.btn-outline-light-warning,
.btn-outline-orange,
.btn-outline-primary,
.btn-outline-purple,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-warning,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none;
}
.dropdown-menu,
.form-control,
.modal-content,
.popover {
    background-clip: padding-box;
}
body[data-theme="dark"] .breadcrumb-item.active,
body[data-theme="dark"] .chat-list .chat-item .chat-content .box.bg-light-info,
body[data-theme="dark"] .cke_reset_all,
body[data-theme="dark"] .cke_reset_all *,
body[data-theme="dark"] .cke_reset_all a,
body[data-theme="dark"] .cke_reset_all textarea,
body[data-theme="dark"] .custom-file-label::after,
body[data-theme="dark"] .custom-select,
body[data-theme="dark"] .dropdown-item,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .dtp .dtp-picker-time > a,
body[data-theme="dark"] .dtp table.dtp-picker-days tr > td > a,
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .input-group-text,
body[data-theme="dark"] .lobilists .btn-link,
body[data-theme="dark"] .mce-btn button,
body[data-theme="dark"] .mce-ico,
body[data-theme="dark"] .mce-menubar .mce-menubtn button span,
body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
body[data-theme="dark"] .nav-tabs .nav-link.active,
body[data-theme="dark"] .nav-tabs .nav-link:focus,
body[data-theme="dark"] .nav-tabs .nav-link:hover,
body[data-theme="dark"] .noUi-tooltip,
body[data-theme="dark"] .note-editor.note-frame .note-editing-area .note-editable,
body[data-theme="dark"] .page-wrapper,
body[data-theme="dark"] .picker,
body[data-theme="dark"] .select2-container--classic .select2-selection--single,
body[data-theme="dark"] .select2-container--default .select2-selection--multiple,
body[data-theme="dark"] .select2-container--default .select2-selection--single,
body[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow,
body[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-theme="dark"] .table .thead-light th,
body[data-theme="dark"] ul.list-style-none li a {
    color: #b2b9bf;
}
body[data-theme="dark"] .lobilists .lobilist-item-title,
body[data-theme="dark"] .mailbox .message-center .message-item .message-title,
body[data-theme="dark"] .wizard-content .wizard > .steps > ul > li.current > a {
    color: #fff;
}
body[data-theme="dark"] .b-form .row,
body[data-theme="dark"] .bootstrap-switch,
body[data-theme="dark"] .border,
body[data-theme="dark"] .border-bottom,
body[data-theme="dark"] .border-left,
body[data-theme="dark"] .border-right,
body[data-theme="dark"] .border-top,
body[data-theme="dark"] .card-group .card,
body[data-theme="dark"] .cd-horizontal-timeline .events a::after,
body[data-theme="dark"] .cd-timeline-navigation a,
body[data-theme="dark"] .cke_chrome,
body[data-theme="dark"] .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after,
body[data-theme="dark"] .cke_toolgroup a.cke_button:last-child:after,
body[data-theme="dark"] .custom-file-label,
body[data-theme="dark"] .custom-file-label::after,
body[data-theme="dark"] .custom-select,
body[data-theme="dark"] .datepaginator .pagination li a,
body[data-theme="dark"] .datepaginator-lg .pagination li a,
body[data-theme="dark"] .datepaginator-sm .pagination li a,
body[data-theme="dark"] .daterangepicker,
body[data-theme="dark"] .daterangepicker .calendar-table,
body[data-theme="dark"] .daterangepicker .drp-buttons,
body[data-theme="dark"] .dropdown-divider,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .dropzone,
body[data-theme="dark"] .e-campaign .c-cost,
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .input-group-text,
body[data-theme="dark"] .jsgrid-edit-row > .jsgrid-cell,
body[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell,
body[data-theme="dark"] .jsgrid-grid-body,
body[data-theme="dark"] .jsgrid-grid-header,
body[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell,
body[data-theme="dark"] .jsgrid-insert-row > .jsgrid-cell,
body[data-theme="dark"] .jsgrid-pager-current-page,
body[data-theme="dark"] .jsgrid-pager-nav-button a,
body[data-theme="dark"] .jsgrid-pager-page a,
body[data-theme="dark"] .left-part,
body[data-theme="dark"] .list-group-item,
body[data-theme="dark"] .lobilists .lobilist,
body[data-theme="dark"] .lobilists .lobilist-footer,
body[data-theme="dark"] .lobilists .lobilist-form-footer,
body[data-theme="dark"] .lobilists .lobilist-item,
body[data-theme="dark"] .lobilists .lobilist-item .drag-handler,
body[data-theme="dark"] .mailbox .message-center .message-item,
body[data-theme="dark"] .mailbox .nav-link,
body[data-theme="dark"] .mce-btn-group:not(:first-child),
body[data-theme="dark"] .mce-btn:active,
body[data-theme="dark"] .mce-btn:hover,
body[data-theme="dark"] .mce-menubar,
body[data-theme="dark"] .mce-panel,
body[data-theme="dark"] .mce-splitbtn:hover .mce-open,
body[data-theme="dark"] .modal-footer,
body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .nav-tabs,
body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
body[data-theme="dark"] .nav-tabs .nav-link.active,
body[data-theme="dark"] .nav-tabs .nav-link:focus,
body[data-theme="dark"] .nav-tabs .nav-link:hover,
body[data-theme="dark"] .noUi-tooltip,
body[data-theme="dark"] .note-editor.note-frame,
body[data-theme="dark"] .note-editor.note-frame .note-statusbar,
body[data-theme="dark"] .page-link,
body[data-theme="dark"] .picker__button--clear,
body[data-theme="dark"] .picker__button--close,
body[data-theme="dark"] .picker__button--today,
body[data-theme="dark"] .picker__list-item,
body[data-theme="dark"] .profiletimeline,
body[data-theme="dark"] .ql-container.ql-snow,
body[data-theme="dark"] .ql-toolbar.ql-snow,
body[data-theme="dark"] .r-separator .form-group,
body[data-theme="dark"] .select2-container--classic .select2-selection--single,
body[data-theme="dark"] .select2-container--default .select2-selection--multiple,
body[data-theme="dark"] .select2-container--default .select2-selection--single,
body[data-theme="dark"] .select2-dropdown,
body[data-theme="dark"] .table td,
body[data-theme="dark"] .table th,
body[data-theme="dark"] .table-bordered,
body[data-theme="dark"] .table-bordered td,
body[data-theme="dark"] .table-bordered th,
body[data-theme="dark"] .timeline > .timeline-item > .timeline-panel,
body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps .step,
body[data-theme="dark"] blockquote,
body[data-theme="dark"] pre[class*="language-"] {
    border-color: #2e3548 !important;
}
body[data-theme="dark"] .wizard-content .wizard > .steps > ul > li.current .step {
    border-color: #4798e8 !important;
    background-color: #000;
}
body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current:after,
body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after,
body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: #2e3548;
}
a,
body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current:after,
body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current:before,
body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after,
body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before,
body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li:after,
body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li:before {
    background-color: transparent;
}
body[data-theme="dark"] .custom-select.is-valid,
body[data-theme="dark"] .form-control.is-valid,
body[data-theme="dark"] .was-validated .custom-select:valid,
body[data-theme="dark"] .was-validated .form-control:valid {
    border-color: #22c6ab !important;
}
body[data-theme="dark"] .custom-select.is-invalid,
body[data-theme="dark"] .form-control.is-invalid,
body[data-theme="dark"] .was-validated .custom-select:invalid,
body[data-theme="dark"] .was-validated .form-control:invalid {
    border-color: #ef6e6e !important;
}
body[data-theme="dark"] .ct-label {
    fill: #b2b9bf;
    color: #b2b9bf;
}
body[data-theme="dark"] .ct-grid {
    stroke: #262d35;
} /*!
 * Bootstrap v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --gray-dark: #343a40;
    --blue: #4798e8;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --red: #ef6e6e;
    --yellow: #ffbc34;
    --green: #22c6ab;
    --teal: #20c997;
    --white: #fff;
    --gray: #6c757d;
    --primary: #7460ee;
    --secondary: #6c757d;
    --success: #22c6ab;
    --info: #4798e8;
    --warning: #ffbc34;
    --danger: #ef6e6e;
    --light: #f8f9fa;
    --dark: #343a40;
    --cyan: #01c0c8;
    --orange: #fb8c00;
    --purple: #7460ee;
    --light-info: #e6f2fa;
    --light-danger: #fae6e6;
    --light-success: #e9f9f7;
    --light-warning: #f8efd7;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1600px;
    /*--font-family-sans-serif: "Poppins", sans-serif;*/
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
::after,
::before {
    box-sizing: border-box;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
}
@-ms-viewport {
    width: device-width;
}
body {
    font-size: 15px;
    /*font-weight: 300;*/
    line-height: 1.5;
    background-color: #fff;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}
.btn:focus,
.btn:hover,
a {
    text-decoration: none;
}
.btn:not(:disabled):not(.disabled),
.navbar-toggler:not(:disabled):not(.disabled),
.page-link:not(:disabled):not(.disabled),
summary {
    cursor: pointer;
}
address {
    font-style: normal;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 600;
}
dd {
    margin-left: 0;
}
blockquote,
figure {
    margin: 0 0 1rem;
}
dfn {
    font-style: italic;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #381be7;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
code,
kbd,
pre,
samp {
    font-size: 1em;
}
pre {
    -ms-overflow-style: scrollbar;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #a1aab2;
    caption-side: bottom;
}
th {
    text-align: inherit;
}
button {
    border-radius: 0;
}
button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal;
}
.badge,
.btn,
.dropdown-header,
.dropdown-item,
.input-group-text,
.navbar-brand,
.progress-bar {
    white-space: nowrap;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
.display-1,
.display-2,
.display-3,
.display-4 {
    line-height: 1.2;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.blockquote,
hr {
    margin-bottom: 1rem;
}
.text-monospace,
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.display-1,
.display-2,
.display-3,
.display-4,
.lead,
.small,
small {
    /*font-weight: 300;*/
}
.h1,
h1 {
    font-size: 36px;
}
.h2,
h2 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 22px;
}
.h4,
h4 {
    font-size: 18px;
}
.h5,
h5 {
    font-size: 16px;
}
.h6,
h6 {
    font-size: 14px;
}
.lead {
    font-size: 1.09375rem;
}
.display-1 {
    font-size: 6rem;
}
.display-2 {
    font-size: 5.5rem;
}
.display-3 {
    font-size: 4.5rem;
}
.display-4 {
    font-size: 3.5rem;
}
hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto;
}
.small,
small {
    font-size: 80%;
}
.mark,
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    font-size: 1.09375rem;
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.blockquote-footer::before {
    content: "\2014 \00A0";
}
.img-thumbnail {
    padding: 0.25rem;
    width : 100px;
    background-color : #6b62a3 !important;
    border: 5px solid #6b62a3 !important;  
    border-radius: 100%;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 90%;
    color: #6c757d;
}
code,
kbd {
    font-size: 87.5%;
}
a > code,
pre code {
    color: inherit;
}
code {
    color: #e83e8c;
    word-break: break-word;
}
kbd {
    padding: 0.2rem 0.4rem;
    color: #fff;
    background-color: #212529;
    border-radius: 1px;
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 600;
}
.container,
.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.btn,
.btn-link,
.dropdown-item {
    /*font-weight: 300;*/
}
pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}
pre code {
    font-size: inherit;
    word-break: normal;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1140px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 13;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.offset-1 {
    margin-left: 8.33333%;
}
.offset-2 {
    margin-left: 16.66667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333%;
}
.offset-5 {
    margin-left: 41.66667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333%;
}
.offset-8 {
    margin-left: 66.66667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333%;
}
.offset-11 {
    margin-left: 91.66667%;
}
@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333%;
    }
    .offset-sm-2 {
        margin-left: 16.66667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333%;
    }
    .offset-sm-5 {
        margin-left: 41.66667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333%;
    }
    .offset-sm-8 {
        margin-left: 66.66667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333%;
    }
    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333%;
    }
    .offset-md-2 {
        margin-left: 16.66667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333%;
    }
    .offset-md-5 {
        margin-left: 41.66667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333%;
    }
    .offset-md-8 {
        margin-left: 66.66667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333%;
    }
    .offset-md-11 {
        margin-left: 91.66667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333%;
    }
    .offset-lg-2 {
        margin-left: 16.66667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333%;
    }
    .offset-lg-5 {
        margin-left: 41.66667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333%;
    }
    .offset-lg-8 {
        margin-left: 66.66667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333%;
    }
    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}
@media (min-width: 1600px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333%;
    }
    .offset-xl-2 {
        margin-left: 16.66667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333%;
    }
    .offset-xl-5 {
        margin-left: 41.66667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333%;
    }
    .offset-xl-8 {
        margin-left: 66.66667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333%;
    }
    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.table td,
.table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
    border-top: 2px solid #dee2e6;
}
.table .table {
    background-color: #fff;
}
.table-sm td,
.table-sm th {
    padding: 0.3rem;
}
.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px;
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
    background-color: #f8f9fa;
}
.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #d8d2fa;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #c4bbf7;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #d6d8db;
}
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}
.table-success,
.table-success > td,
.table-success > th {
    background-color: #c1efe7;
}
.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #adeadf;
}
.table-info,
.table-info > td,
.table-info > th {
    background-color: #cbe2f9;
}
.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #b4d5f6;
}
.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #ffecc6;
}
.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe4ad;
}
.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #fbd6d6;
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f9bfbf;
}
.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe;
}
.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}
.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #c6c8ca;
}
.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}
.table-cyan,
.table-cyan > td,
.table-cyan > th {
    background-color: #b8edf0;
}
.table-hover .table-cyan:hover,
.table-hover .table-cyan:hover > td,
.table-hover .table-cyan:hover > th {
    background-color: #a3e8ec;
}
.table-orange,
.table-orange > td,
.table-orange > th {
    background-color: #fedfb8;
}
.table-hover .table-orange:hover,
.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
    background-color: #fed49f;
}
.table-purple,
.table-purple > td,
.table-purple > th {
    background-color: #d8d2fa;
}
.table-hover .table-purple:hover,
.table-hover .table-purple:hover > td,
.table-hover .table-purple:hover > th {
    background-color: #c4bbf7;
}
.table-light-info,
.table-light-info > td,
.table-light-info > th {
    background-color: #f8fbfe;
}
.table-hover .table-light-info:hover,
.table-hover .table-light-info:hover > td,
.table-hover .table-light-info:hover > th {
    background-color: #e2eefb;
}
.table-light-danger,
.table-light-danger > td,
.table-light-danger > th {
    background-color: #fef8f8;
}
.table-hover .table-light-danger:hover,
.table-hover .table-light-danger:hover > td,
.table-hover .table-light-danger:hover > th {
    background-color: #fbe2e2;
}
.table-light-success,
.table-light-success > td,
.table-light-success > th {
    background-color: #f9fdfd;
}
.table-hover .table-light-success:hover,
.table-hover .table-light-success:hover > td,
.table-hover .table-light-success:hover > th {
    background-color: #e6f7f7;
}
.table-light-warning,
.table-light-warning > td,
.table-light-warning > th {
    background-color: #fdfbf4;
}
.table-hover .table-light-warning:hover,
.table-hover .table-light-warning:hover > td,
.table-hover .table-light-warning:hover > th {
    background-color: #f9f3de;
}
.table-active,
.table-active > td,
.table-active > th {
    background-color: #f8f9fa;
}
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: #e9ecef;
}
.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}
.table .thead-light th {
    color: #4f5467;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.table-dark {
    color: #fff;
    background-color: #212529;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e;
}
.table-dark.table-bordered,
.table-responsive > .table-bordered {
    border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-md > .table-bordered {
        border: 0;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}
@media (max-width: 1599.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.collapsing,
.modal,
.modal-open,
.progress {
    overflow: hidden;
}




.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.76563rem;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #3e5569;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.custom-file-input.is-valid ~ .custom-file-label,
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-file-input:valid ~ .custom-file-label,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: #22c6ab;
}


.custom-range::-moz-range-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff, transparent;
}
.custom-range::-moz-range-thumb:active {
    background-color: #e6f1fc;
}
.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #4798e8;
    border: 0;
    border-radius: 1rem;
    appearance: none;
}
.custom-range::-ms-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff, transparent;
}
.custom-range::-ms-thumb:active {
    background-color: #e6f1fc;
}
.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}


.breadcrumb,
.pagination {
    border-radius: 2px;
    list-style: none;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    background-color: #fff;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #6c757d;
}
.pagination {
    display: flex;
    padding-left: 0;
}
.page-link {
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #7460ee;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item:first-child .page-link,
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.page-item:last-child .page-link,
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.page-link:hover {
    z-index: 2;
    color: #381be7;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: transparent;
}
.page-item:first-child .page-link {
    margin-left: 0;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #4798e8;
    border-color: #4798e8;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.09375rem;
    line-height: 1.5;
}
.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
    line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    text-align: center;
    vertical-align: baseline;
    border-radius: 2px;
}
.badge:empty {
    display: none;
}
.btn .badge {
    top: -1px;
}
.badge-pill {
    padding-right: 0.2em;
    padding-left: 0.2em;
    border-radius: 10rem;
}
.badge-primary {
    color: #fff;
    background-color: #7460ee;
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #4c32e9;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62;
}
.badge-success {
    color: #fff;
    background-color: #22c6ab;
}
.badge-success[href]:focus,
.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1b9a85;
}
.badge-info {
    color: #fff;
    background-color: #4798e8;
}
.badge-info[href]:focus,
.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1c7fe0;
}
.badge-warning {
    color: #212529;
    background-color: #ffbc34;
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #ffab01;
}
.badge-danger {
    color: #fff;
    background-color: #ef6e6e;
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ea4040;
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}
.badge-light[href]:focus,
.badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5;
}
.badge-dark {
    color: #fff;
    background-color: #343a40;
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
}
.badge-cyan {
    color: #fff;
    background-color: #01c0c8;
}
.badge-cyan[href]:focus,
.badge-cyan[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #018f95;
}
.badge-orange {
    color: #212529;
    background-color: #fb8c00;
}
.badge-orange[href]:focus,
.badge-orange[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #c87000;
}
.badge-purple {
    color: #fff;
    background-color: #7460ee;
}
.badge-purple[href]:focus,
.badge-purple[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #4c32e9;
}
.badge-light-info {
    color: #212529;
    background-color: #e6f2fa;
}
.badge-light-info[href]:focus,
.badge-light-info[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #bcdcf2;
}
.badge-light-danger {
    color: #212529;
    background-color: #fae6e6;
}
.badge-light-danger[href]:focus,
.badge-light-danger[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f2bcbc;
}
.badge-light-success {
    color: #212529;
    background-color: #e9f9f7;
}
.badge-light-success[href]:focus,
.badge-light-success[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #c1eee8;
}
.badge-light-warning {
    color: #212529;
    background-color: #f8efd7;
}
.badge-light-warning[href]:focus,
.badge-light-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f0deac;
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 2px;
}
@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}
.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px;
}
.alert-heading {
    color: inherit;
}
.alert-dismissible {
    padding-right: 3.8125rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}
.alert-primary {
    color: #3c327c;
    background-color: #e3dffc;
    border-color: #d8d2fa;
}
.alert-primary hr {
    border-top-color: #c4bbf7;
}
.alert-primary .alert-link {
    color: #2a2358;
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.alert-secondary hr {
    border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
    color: #202326;
}
.alert-success {
    color: #126759;
    background-color: #d3f4ee;
    border-color: #c1efe7;
}
.alert-success hr {
    border-top-color: #adeadf;
}
.alert-success .alert-link {
    color: #0a3c33;
}
.alert-info {
    color: #254f79;
    background-color: #daeafa;
    border-color: #cbe2f9;
}
.alert-info hr {
    border-top-color: #b4d5f6;
}
.alert-info .alert-link {
    color: #193652;
}
.alert-warning {
    color: #85621b;
    background-color: #fff2d6;
    border-color: #ffecc6;
}
.alert-warning hr {
    border-top-color: #ffe4ad;
}
.alert-warning .alert-link {
    color: #5b4312;
}
.alert-danger {
    color: #7c3939;
    background-color: #fce2e2;
    border-color: #fbd6d6;
}
.alert-danger hr {
    border-top-color: #f9bfbf;
}
.alert-danger .alert-link {
    color: #592929;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-light hr {
    border-top-color: #ececf6;
}
.alert-light .alert-link {
    color: #686868;
}
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.alert-dark hr {
    border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
    color: #040505;
}
.alert-cyan {
    color: #016468;
    background-color: #ccf2f4;
    border-color: #b8edf0;
}
.alert-cyan hr {
    border-top-color: #a3e8ec;
}
.alert-cyan .alert-link {
    color: #013335;
}
.alert-orange {
    color: #834900;
    background-color: #fee8cc;
    border-color: #fedfb8;
}
.alert-orange hr {
    border-top-color: #fed49f;
}
.alert-orange .alert-link {
    color: #502d00;
}
.alert-purple {
    color: #3c327c;
    background-color: #e3dffc;
    border-color: #d8d2fa;
}
.alert-purple hr {
    border-top-color: #c4bbf7;
}
.alert-purple .alert-link {
    color: #2a2358;
}
.alert-light-info {
    color: #787e82;
    background-color: #fafcfe;
    border-color: #f8fbfe;
}
.alert-light-info hr {
    border-top-color: #e2eefb;
}
.alert-light-info .alert-link {
    color: #606467;
}
.alert-light-danger {
    color: #827878;
    background-color: #fefafa;
    border-color: #fef8f8;
}
.alert-light-danger hr {
    border-top-color: #fbe2e2;
}
.alert-light-danger .alert-link {
    color: #676060;
}
.alert-light-success {
    color: #798180;
    background-color: #fbfefd;
    border-color: #f9fdfd;
}
.alert-light-success hr {
    border-top-color: #e6f7f7;
}
.alert-light-success .alert-link {
    color: #606766;
}
.alert-light-warning {
    color: #817c70;
    background-color: #fefcf7;
    border-color: #fdfbf4;
}
.alert-light-warning hr {
    border-top-color: #f9f3de;
}
.alert-light-warning .alert-link {
    color: #666258;
}
@keyframes progress-bar-stripes {
    from {
        background-position: 5px 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    display: flex;
    height: 5px;
    font-size: 0.65625rem;
    background-color: #f8f9fa;
    border-radius: 2px;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #7460ee;
    transition: width 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 5px 5px;
}
.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item-action {
    width: 100%;
    color: #4f5467;
    text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #4f5467;
    text-decoration: none;
    background-color: #f8f9fa;
}
.list-group-item-action:active {
    color: #3e5569;
    background-color: #e9ecef;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.list-group-item:focus,
.list-group-item:hover {
    z-index: 1;
    text-decoration: none;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #4798e8;
    border-color: #4798e8;
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}
.list-group-item-primary {
    color: #3c327c;
    background-color: #d8d2fa;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #3c327c;
    background-color: #c4bbf7;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #3c327c;
    border-color: #3c327c;
}
.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}
.list-group-item-success {
    color: #126759;
    background-color: #c1efe7;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #126759;
    background-color: #adeadf;
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #126759;
    border-color: #126759;
}
.list-group-item-info {
    color: #254f79;
    background-color: #cbe2f9;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #254f79;
    background-color: #b4d5f6;
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #254f79;
    border-color: #254f79;
}
.list-group-item-warning {
    color: #85621b;
    background-color: #ffecc6;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #85621b;
    background-color: #ffe4ad;
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #85621b;
    border-color: #85621b;
}
.list-group-item-danger {
    color: #7c3939;
    background-color: #fbd6d6;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #7c3939;
    background-color: #f9bfbf;
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7c3939;
    border-color: #7c3939;
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}
.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}
.list-group-item-cyan {
    color: #016468;
    background-color: #b8edf0;
}
.list-group-item-cyan.list-group-item-action:focus,
.list-group-item-cyan.list-group-item-action:hover {
    color: #016468;
    background-color: #a3e8ec;
}
.list-group-item-cyan.list-group-item-action.active {
    color: #fff;
    background-color: #016468;
    border-color: #016468;
}
.list-group-item-orange {
    color: #834900;
    background-color: #fedfb8;
}
.list-group-item-orange.list-group-item-action:focus,
.list-group-item-orange.list-group-item-action:hover {
    color: #834900;
    background-color: #fed49f;
}
.list-group-item-orange.list-group-item-action.active {
    color: #fff;
    background-color: #834900;
    border-color: #834900;
}
.list-group-item-purple {
    color: #3c327c;
    background-color: #d8d2fa;
}
.list-group-item-purple.list-group-item-action:focus,
.list-group-item-purple.list-group-item-action:hover {
    color: #3c327c;
    background-color: #c4bbf7;
}
.list-group-item-purple.list-group-item-action.active {
    color: #fff;
    background-color: #3c327c;
    border-color: #3c327c;
}
.list-group-item-light-info {
    color: #787e82;
    background-color: #f8fbfe;
}
.list-group-item-light-info.list-group-item-action:focus,
.list-group-item-light-info.list-group-item-action:hover {
    color: #787e82;
    background-color: #e2eefb;
}
.list-group-item-light-info.list-group-item-action.active {
    color: #fff;
    background-color: #787e82;
    border-color: #787e82;
}
.list-group-item-light-danger {
    color: #827878;
    background-color: #fef8f8;
}
.list-group-item-light-danger.list-group-item-action:focus,
.list-group-item-light-danger.list-group-item-action:hover {
    color: #827878;
    background-color: #fbe2e2;
}
.list-group-item-light-danger.list-group-item-action.active {
    color: #fff;
    background-color: #827878;
    border-color: #827878;
}
.list-group-item-light-success {
    color: #798180;
    background-color: #f9fdfd;
}
.list-group-item-light-success.list-group-item-action:focus,
.list-group-item-light-success.list-group-item-action:hover {
    color: #798180;
    background-color: #e6f7f7;
}
.list-group-item-light-success.list-group-item-action.active {
    color: #fff;
    background-color: #798180;
    border-color: #798180;
}
.list-group-item-light-warning {
    color: #817c70;
    background-color: #fdfbf4;
}
.list-group-item-light-warning.list-group-item-action:focus,
.list-group-item-light-warning.list-group-item-action:hover {
    color: #817c70;
    background-color: #f9f3de;
}
.list-group-item-light-warning.list-group-item-action.active {
    color: #fff;
    background-color: #817c70;
    border-color: #817c70;
}
.close {
    float: right;
    font-size: 1.3125rem;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
.popover,
.tooltip {
    /*font-family: Poppins, sans-serif;*/
    font-style: normal;
    /*font-weight: 300;*/
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.76563rem;
    word-wrap: break-word;
    text-decoration: none;
}
.modal-title,
.popover,
.tooltip {
    line-height: 1.5;
}
.popover,
.text-hide,
.tooltip {
    text-shadow: none;
}
.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    /*transform: translate(0, -25%);*/
}
@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: translate(0, 0);
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    outline: 0;
}
.chartist-tooltip,
.ct-area,
.ct-line,
.dd-dragel {
    pointer-events: none;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.modal-title {
    margin-bottom: 0;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.popover,
.popover .arrow,
.popover .arrow::after,
.popover .arrow::before,
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block;
}
.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}
.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px;
}
.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}
.popover .arrow {
    width: 1rem;
    height: 0.5rem;
    margin: 0 2px;
}
.popover .arrow::after,
.popover .arrow::before {
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
    margin-bottom: 0.5rem;
}
.bs-popover-auto[x-placement^="top"] .arrow,
.bs-popover-top .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="top"] .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-top .arrow::before {
    border-width: 0.5rem 0.5rem 0;
}
.bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="top"] .arrow::after,
.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}
.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: 0.5rem;
}
.bs-popover-auto[x-placement^="right"] .arrow,
.bs-popover-right .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 2px 0;
}
.bs-popover-auto[x-placement^="right"] .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-right .arrow::before {
    border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="right"] .arrow::after,
.bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] .arrow,
.bs-popover-bottom .arrow {
    top: calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="bottom"] .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-bottom .arrow::before {
    border-width: 0 0.5rem 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="bottom"] .arrow::after,
.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.carousel,
.carousel-inner,
.carousel-item {
    position: relative;
}
.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: 0.5rem;
}
.bs-popover-auto[x-placement^="left"] .arrow,
.bs-popover-left .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 2px 0;
}
.bs-popover-auto[x-placement^="left"] .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-left .arrow::before {
    border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="left"] .arrow::after,
.bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff;
}
.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(2px - 1px);
    border-top-right-radius: calc(2px - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #3e5569;
}
.carousel-inner {
    width: 100%;
    overflow: hidden;
}
.carousel-item {
    display: none;
    align-items: center;
    width: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    perspective: 1000px;
}
@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}
.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translateX(0);
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        transform: translate3d(0, 0, 0);
    }
}
.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center no-repeat;
    background-size: 100% 100%;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::after,
.carousel-indicators li::before {
    left: 0;
    display: inline-block;
    height: 10px;
    position: absolute;
    content: "";
    width: 100%;
}
.carousel-indicators li::before {
    top: -10px;
}
.carousel-indicators li::after {
    bottom: -10px;
}
.carousel-indicators .active {
    background-color: #fff;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.cell,
.v-middle td,
.v-middle th,
.vm.table td,
.vm.table th,
.waves-effect {
    vertical-align: middle;
}
.bg-primary {
    background-color: #7460ee !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #4c32e9 !important;
}
.bg-secondary {
    background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important;
}
.bg-success {
    background-color: #22c6ab !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1b9a85 !important;
}
.bg-info {
    background-color: #4798e8 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #1c7fe0 !important;
}
.bg-warning {
    background-color: #ffbc34 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #ffab01 !important;
}
.bg-danger {
    background-color: #ef6e6e !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #ea4040 !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important;
}
.bg-dark {
    background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important;
}
.bg-cyan {
    background-color: #01c0c8 !important;
}
a.bg-cyan:focus,
a.bg-cyan:hover,
button.bg-cyan:focus,
button.bg-cyan:hover {
    background-color: #018f95 !important;
}
.bg-orange {
    background-color: #fb8c00 !important;
}
a.bg-orange:focus,
a.bg-orange:hover,
button.bg-orange:focus,
button.bg-orange:hover {
    background-color: #c87000 !important;
}
.bg-purple {
    background-color: #7460ee !important;
}
a.bg-purple:focus,
a.bg-purple:hover,
button.bg-purple:focus,
button.bg-purple:hover {
    background-color: #4c32e9 !important;
}
.bg-light-info {
    background-color: #e6f2fa !important;
}
a.bg-light-info:focus,
a.bg-light-info:hover,
button.bg-light-info:focus,
button.bg-light-info:hover {
    background-color: #bcdcf2 !important;
}
.bg-light-danger {
    background-color: #fae6e6 !important;
}
a.bg-light-danger:focus,
a.bg-light-danger:hover,
button.bg-light-danger:focus,
button.bg-light-danger:hover {
    background-color: #f2bcbc !important;
}
.bg-light-success {
    background-color: #e9f9f7 !important;
}
a.bg-light-success:focus,
a.bg-light-success:hover,
button.bg-light-success:focus,
button.bg-light-success:hover {
    background-color: #c1eee8 !important;
}
.bg-light-warning {
    background-color: #f8efd7 !important;
}
a.bg-light-warning:focus,
a.bg-light-warning:hover,
button.bg-light-warning:focus,
button.bg-light-warning:hover {
    background-color: #f0deac !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.border {
    border: 1px solid #e9ecef !important;
}
.border-top {
    border-top: 1px solid #e9ecef !important;
}
.border-right {
    border-right: 1px solid #e9ecef !important;
}
.border-bottom {
    border-bottom: 1px solid #e9ecef !important;
}
.border-left {
    border-left: 1px solid #e9ecef !important;
}
.border-0 {
    border: 0 !important;
}
.rounded-right,
.rounded-top {
    border-top-right-radius: 2px !important;
}
.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: 2px !important;
}
.rounded-left,
.rounded-top {
    border-top-left-radius: 2px !important;
}
.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: 2px !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-left: 0 !important;
}
.border-primary {
    border-color: #7460ee !important;
}
.border-secondary {
    border-color: #6c757d !important;
}
.border-success {
    border-color: #22c6ab !important;
}
.border-info {
    border-color: #4798e8 !important;
}
.border-warning {
    border-color: #ffbc34 !important;
}
.border-danger {
    border-color: #ef6e6e !important;
}
.border-light {
    border-color: #f8f9fa !important;
}
.border-dark {
    border-color: #343a40 !important;
}
.border-cyan {
    border-color: #01c0c8 !important;
}
.border-orange {
    border-color: #fb8c00 !important;
}
.border-purple {
    border-color: #7460ee !important;
}
.border-light-info {
    border-color: #e6f2fa !important;
}
.border-light-danger {
    border-color: #fae6e6 !important;
}
.border-light-success {
    border-color: #e9f9f7 !important;
}
.border-light-warning {
    border-color: #f8efd7 !important;
}
.border-white {
    border-color: #fff !important;
}
.rounded {
    border-radius: 2px !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1600px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1600px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}
#file_export_filter,
.card .card-actions {
    float: right;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: sticky !important;
}
.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-top {
    top: 0;
}
.fixed-bottom {
    bottom: 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-right: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-left: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
    margin-left: auto !important;
}
@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}
.text-justify {
    text-align: justify !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1600px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.font-weight-light,
.font-weight-normal {
    font-weight: 300 !important;
}
.font-weight-bold {
    font-weight: 600 !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white {
    color: #fff !important;
}
.text-primary {
    color: #7460ee !important;
}
a.text-primary:focus,
a.text-primary:hover {
    color: #4c32e9 !important;
}
.text-secondary {
    color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
    color: #545b62 !important;
}
.text-success {
    color: #22c6ab !important;
}
a.text-success:focus,
a.text-success:hover {
    color: #1b9a85 !important;
}
.text-info {
    color: #4798e8 !important;
}
a.text-info:focus,
a.text-info:hover {
    color: #1c7fe0 !important;
}
.text-warning {
    color: #ffbc34 !important;
}
a.text-warning:focus,
a.text-warning:hover {
    color: #ffab01 !important;
}
.text-danger {
    color: #ef6e6e !important;
}
a.text-danger:focus,
a.text-danger:hover {
    color: #ea4040 !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
    color: #dae0e5 !important;
}
.text-dark {
    color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124 !important;
}
.text-cyan {
    color: #01c0c8 !important;
}
a.text-cyan:focus,
a.text-cyan:hover {
    color: #018f95 !important;
}
.text-orange {
    color: #fb8c00 !important;
}
a.text-orange:focus,
a.text-orange:hover {
    color: #c87000 !important;
}
.text-purple {
    color: #7460ee !important;
}
a.text-purple:focus,
a.text-purple:hover {
    color: #4c32e9 !important;
}
.text-light-info {
    color: #e6f2fa !important;
}
a.text-light-info:focus,
a.text-light-info:hover {
    color: #bcdcf2 !important;
}
.text-light-danger {
    color: #fae6e6 !important;
}
a.text-light-danger:focus,
a.text-light-danger:hover {
    color: #f2bcbc !important;
}
.text-light-success {
    color: #e9f9f7 !important;
}
a.text-light-success:focus,
a.text-light-success:hover {
    color: #c1eee8 !important;
}
.text-light-warning {
    color: #f8efd7 !important;
}
a.text-light-warning:focus,
a.text-light-warning:hover {
    color: #f0deac !important;
}
.text-body {
    color: #3e5569 !important;
}
.text-muted {
    color: #a1aab2 !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0;
}
body,
html {
    /*font-family: Poppins, sans-serif;*/
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
html[dir="ltr"] body .m-t-5 {
    margin-top: 5px;
}
html[dir="ltr"] body .m-b-5 {
    margin-bottom: 5px;
}
html[dir="ltr"] body .m-r-5 {
    margin-right: 5px;
}
html[dir="ltr"] body .m-l-5 {
    margin-left: 5px;
}
html[dir="ltr"] body .p-t-5 {
    padding-top: 5px;
}
html[dir="ltr"] body .p-b-5 {
    padding-bottom: 5px;
}
html[dir="ltr"] body .p-r-5 {
    padding-right: 5px;
}
html[dir="ltr"] body .p-l-5 {
    padding-left: 5px;
}
html[dir="ltr"] body .p-5 {
    padding: 5px;
}
html[dir="ltr"] body .m-5 {
    margin: 5px;
}
html[dir="ltr"] body .m-t-10 {
    margin-top: 10px;
}
html[dir="ltr"] body .m-b-10 {
    margin-bottom: 10px;
}
html[dir="ltr"] body .m-r-10 {
    margin-right: 10px;
}
html[dir="ltr"] body .m-l-10 {
    margin-left: 10px;
}
html[dir="ltr"] body .p-t-10 {
    padding-top: 10px;
}
html[dir="ltr"] body .p-b-10 {
    padding-bottom: 10px;
}
html[dir="ltr"] body .p-r-10 {
    padding-right: 10px;
}
html[dir="ltr"] body .p-l-10 {
    padding-left: 10px;
}
html[dir="ltr"] body .p-10 {
    padding: 10px;
}
html[dir="ltr"] body .m-10 {
    margin: 10px;
}
html[dir="ltr"] body .m-t-15 {
    margin-top: 15px;
}
html[dir="ltr"] body .m-b-15 {
    margin-bottom: 15px;
}
html[dir="ltr"] body .m-r-15 {
    margin-right: 15px;
}
html[dir="ltr"] body .m-l-15 {
    margin-left: 15px;
}
html[dir="ltr"] body .p-t-15 {
    padding-top: 15px;
}
html[dir="ltr"] body .p-b-15 {
    padding-bottom: 15px;
}
html[dir="ltr"] body .p-r-15 {
    padding-right: 15px;
}
html[dir="ltr"] body .p-l-15 {
    padding-left: 15px;
}
html[dir="ltr"] body .p-15 {
    padding: 15px;
}
html[dir="ltr"] body .m-15 {
    margin: 15px;
}
html[dir="ltr"] body .m-t-20 {
    margin-top: 20px;
}
html[dir="ltr"] body .m-b-20 {
    margin-bottom: 20px;
}
html[dir="ltr"] body .m-r-20 {
    margin-right: 20px;
}
html[dir="ltr"] body .m-l-20 {
    margin-left: 20px;
}
html[dir="ltr"] body .p-t-20 {
    padding-top: 20px;
}
html[dir="ltr"] body .p-b-20 {
    padding-bottom: 20px;
}
html[dir="ltr"] body .p-r-20 {
    padding-right: 20px;
}
html[dir="ltr"] body .p-l-20 {
    padding-left: 20px;
}
html[dir="ltr"] body .p-20 {
    padding: 20px;
}
html[dir="ltr"] body .m-20 {
    margin: 20px;
}
html[dir="ltr"] body .m-t-25 {
    margin-top: 25px;
}
html[dir="ltr"] body .m-b-25 {
    margin-bottom: 25px;
}
html[dir="ltr"] body .m-r-25 {
    margin-right: 25px;
}
html[dir="ltr"] body .m-l-25 {
    margin-left: 25px;
}
html[dir="ltr"] body .p-t-25 {
    padding-top: 25px;
}
html[dir="ltr"] body .p-b-25 {
    padding-bottom: 25px;
}
html[dir="ltr"] body .p-r-25 {
    padding-right: 25px;
}
html[dir="ltr"] body .p-l-25 {
    padding-left: 25px;
}
html[dir="ltr"] body .p-25 {
    padding: 25px;
}
html[dir="ltr"] body .m-25 {
    margin: 25px;
}
html[dir="ltr"] body .m-t-30 {
    margin-top: 30px;
}
html[dir="ltr"] body .m-b-30 {
    margin-bottom: 30px;
}
html[dir="ltr"] body .m-r-30 {
    margin-right: 30px;
}
html[dir="ltr"] body .m-l-30 {
    margin-left: 30px;
}
html[dir="ltr"] body .p-t-30 {
    padding-top: 30px;
}
html[dir="ltr"] body .p-b-30 {
    padding-bottom: 30px;
}
html[dir="ltr"] body .p-r-30 {
    padding-right: 30px;
}
html[dir="ltr"] body .p-l-30 {
    padding-left: 30px;
}
html[dir="ltr"] body .p-30 {
    padding: 30px;
}
html[dir="ltr"] body .m-30 {
    margin: 30px;
}
html[dir="ltr"] body .m-t-40 {
    margin-top: 40px;
}
html[dir="ltr"] body .m-b-40 {
    margin-bottom: 40px;
}
html[dir="ltr"] body .m-r-40 {
    margin-right: 40px;
}
html[dir="ltr"] body .m-l-40 {
    margin-left: 40px;
}
html[dir="ltr"] body .p-t-40 {
    padding-top: 40px;
}
html[dir="ltr"] body .p-b-40 {
    padding-bottom: 40px;
}
html[dir="ltr"] body .p-r-40 {
    padding-right: 40px;
}
html[dir="ltr"] body .p-l-40 {
    padding-left: 40px;
}
html[dir="ltr"] body .p-40 {
    padding: 40px;
}
html[dir="ltr"] body .m-40 {
    margin: 40px;
}
html[dir="ltr"] body .m-0-0 {
    margin: 0;
}
html[dir="ltr"] body .m-t-0 {
    margin-top: 0;
}
html[dir="ltr"] body .m-r-0 {
    margin-right: 0;
}
html[dir="ltr"] body .m-b-0 {
    margin-bottom: 0;
}
html[dir="ltr"] body .m-l-0 {
    margin-left: 0;
}
html[dir="ltr"] body .p-0-0 {
    padding: 0;
}
html[dir="ltr"] body .p-t-0 {
    padding-top: 0;
}
html[dir="ltr"] body .p-r-0 {
    padding-right: 0;
}
html[dir="ltr"] body .p-b-0 {
    padding-bottom: 0;
}
html[dir="ltr"] body .p-l-0 {
    padding-left: 0;
}

.page-wrapper {
    background: #fff;
    position: relative;
    display: none;
}
.page-wrapper > .container-fluid {
    padding: 20px;
    min-height: calc(100vh - 180px);
}
.footer {
    padding: 15px 20px;
}
.left-part {
    height: 100%;
    width: 260px;
    position: absolute;
    border-right: 1px solid #e9ecef;
}
.left-part.fixed-left-part {
    position: fixed;
    top: 0;
    padding-top: 10px;
}
.left-part .show-left-part {
    position: absolute;
    top: 45%;
    right: -41px;
}
.right-part {
    width: calc(100% - 260px);
    min-height: calc(100vh - 64px);
    overflow: auto;
    margin-left: 260px;
}
.reverse-mode .left-part {
    right: 0;
    border-left: 1px solid #e9ecef;
}
.reverse-mode .show-left-part {
    right: auto;
    left: -41px;
}
.reverse-mode .right-part {
    margin-left: 0;
    margin-right: 260px;
}

@media (max-width: 766px) {
    #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {
        left: -250px;
    }
    #main-wrapper.show-sidebar .left-sidebar {
        left: 0;
    }
    #main-wrapper[data-layout="vertical"][data-header-position="fixed"][data-sidebar-position="fixed"] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .topbar .top-navbar .navbar-collapse {
        position: relative;
        top: 64px;
    }
    .left-part {
        left: -260px;
        background: #fff;
        z-index: 1;
        position: fixed;
        transition: 0.1s ease-in;
    }
    .left-part.show-panel {
        left: 0;
    }
    .reverse-mode .left-part {
        right: -260px;
        left: auto;
    }
    .reverse-mode .left-part.show-panel {
        right: 0;
    }
    .right-part {
        width: 100%;
        margin-left: 0;
    }
}
* {
    outline: 0;
}
body {
    margin: 0;
    overflow-x: hidden;
    color: #3e5569;
    background: #fff;
}
html {
    position: relative;
    min-height: 100%;
}
a {
    color: #4798e8;
}
a:focus,
a:hover {
    text-decoration: none;
}
a.link {
    color: #3e5569;
}
a.link:focus,
a.link:hover {
    color: #4798e8;
}
.box {
    border-radius: 2px;
    padding: 10px;
}
.no-wrap td,
.no-wrap th {
    white-space: nowrap;
}
html body blockquote {
    border: 1px solid #e9ecef;
    padding: 15px;
}
.clear {
    clear: both;
}
ol li {
    margin: 5px 0;
}
.thumb-sm {
    height: 32px;
    width: 32px;
}
.thumb-md {
    height: 48px;
    width: 48px;
}
.thumb-lg {
    height: 88px;
    width: 88px;
}
.hide {
    display: none;
}
.radius {
    border-radius: 2px;
}
.round,
.round img {
    border-radius: 100%;
}
.op-5 {
    opacity: 0.5;
}
.op-3 {
    opacity: 0.3;
}
html body .font-bold {
    font-weight: 600;
}
html body .font-light,
html body .font-normal {
    /*font-weight: 300;*/
}
html body .font-medium {
    font-weight: 500;
}
html body .font-16 {
    font-size: 16px;
}
html body .font-12 {
    font-size: 12px;
}
html body .font-14 {
    font-size: 14px;
}
html body .font-10 {
    font-size: 10px;
}
html body .font-18 {
    font-size: 18px;
}
html body .font-20 {
    font-size: 20px;
}
html body .font-22 {
    font-size: 22px;
}
html body .font-24 {
    font-size: 24px;
}
html body .display-5 {
    font-size: 3rem;
}
html body .display-6 {
    font-size: 2.5rem;
}
html body .display-7 {
    font-size: 2rem;
}
html body .bg-megna {
    background-color: #01c0c8;
}
html body .bg-theme {
    background-color: #4798e8;
}
html body .bg-inverse {
    background-color: #212529;
}
html body .bg-purple {
    background-color: #7460ee;
}
html body .bg-light {
    background-color: #e9ecef;
}
html body .bg-white {
    background-color: #fff;
}
.round,
.round.round-info {
    background: #4798e8;
}
.round {
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    line-height: 52px;
}
.round.round-warning {
    background: #ffbc34;
}
.round.round-danger {
    background: #ef6e6e;
}
.round.round-success {
    background: #22c6ab;
}
.round.round-primary {
    background: #7460ee;
}
.round-lg {
    line-height: 65px;
    width: 60px;
    height: 60px;
    font-size: 30px;
}
.badge {
    /*font-weight: 300;*/
    line-height: normal;
}
.badge.badge-pill {
    padding: 0.2em 0.6em;
}
.badge-xs {
    font-size: 9px;
}
.badge-sm,
.badge-xs {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}
ul.list-style-none {
    margin: 0;
    padding: 0;
}
ul.list-style-none li {
    list-style: none;
}
ul.list-style-none li a {
    color: #3e5569;
    padding: 8px 0;
    display: block;
    text-decoration: none;
}
ul.list-style-none li a:hover {
    color: #4798e8;
}
.card {
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.card .card-subtitle {
    /*font-weight: 300;*/
    margin-bottom: 10px;
    color: #a1aab2;
}
.card .card-title {
    position: relative;
    font-weight: 500;
    margin-bottom: 10px;
}
.card-fullscreen,
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}
.card .card-actions a {
    padding: 0 5px;
    cursor: pointer;
}
.card .card-header .card-title {
    margin-bottom: 0;
}
.card.no-card-border {
    border: 0;
}
.card-alt {
    margin: 0 -20px;
    background: #e4e9ef;
}
.card-group {
    margin-bottom: 20px;
}
.card-group .card {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.card-fullscreen {
    left: 0;
    z-index: 9999;
    overflow: auto;
}
.oh {
    overflow: hidden;
}
.card-hover {
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.left-sidebar,
.topbar,
.topbar .top-navbar .navbar-nav > .nav-item {
    transition: 0.2s ease-in;
}
.card-hover:hover {
    webkit-transform: translateY(-4px) scale(1.01);
    -moz-transform: translateY(-4px) scale(1.01);
    -ms-transform: translateY(-4px) scale(1.01);
    -o-transform: translateY(-4px) scale(1.01);
    transform: translateY(-4px) scale(1.01);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
    box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
}
.draggable-cards .card-header {
    cursor: move;
}
.card-moved .card {
    background: #4798e8;
    color: #fff;
}
.label {
    padding: 3px 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    font-size: 75%;
}
.table th,
.table thead th,
label {
    font-weight: 500;
}
.label-rounded {
    border-radius: 60px;
}
.label-custom {
    background-color: #01c0c8;
}
.label-success {
    background-color: #22c6ab;
}
.label-info {
    background-color: #4798e8;
}
.label-warning {
    background-color: #ffbc34;
}
.label-danger {
    background-color: #ef6e6e;
}
.label-megna {
    background-color: #01c0c8;
}
.label-primary,
.label-purple {
    background-color: #7460ee;
}
.label-red {
    background-color: #ef6e6e;
}
.label-inverse {
    background-color: #343a40;
}
.label-default {
    background-color: #f8f9fa;
}
.preloader {
    z-index: 99999;
    background: #fff;
}
.lds-ripple {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px);
}
.lds-ripple .lds-pos {
    position: absolute;
    border: 2px solid #2962ff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite;
}
.lds-ripple .lds-pos:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0;
    }
    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}
.notify {
    position: relative;
    top: -18px;
    right: -11px;
}
.notify .heartbit {
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #ef6e6e;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.notify .point {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #ef6e6e;
    position: absolute;
    right: 6px;
    top: -10px;
}
@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    25% {
        -moz-transform: scale(0.1);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
.topbar {
    position: relative;
    z-index: 50;
    background: #fff;
    height: 64px;
}
.topbar .navbar-collapse {
    padding: 0 10px 0 0;
}
.topbar .top-navbar {
    min-height: 64px;
    padding: 0;
}
.topbar .top-navbar .dropdown-toggle::after {
    display: none;
}
.topbar .top-navbar .navbar-header {
    line-height: 64px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.topbar .top-navbar .navbar-header .navbar-brand {
    display: flex;
    align-items: center;
    margin: 0;
    text-align: center;
    padding: 0 15px;
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
    margin-right: 5px;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding: 0 15px;
    font-size: 0.875rem;
    line-height: 64px;
    height: 64px;
}
.topbar .mailbox,
.topbar .user-dd {
    min-width: 280px;
}
.topbar .nav-toggler,
.topbar .topbartoggler {
    color: #fff;
    padding: 0 15px;
}
.search-box .app-search {
    z-index: 110;
    width: 100%;
    top: -1px;
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    display: none;
    left: 0;
}
.search-box .app-search .form-control {
    padding: 23px 40px 20px 23px;
    transition: 0.2s ease-in;
}
.search-box .app-search .form-control:focus {
    border-color: transparent;
}
.search-box .app-search .srh-btn {
    position: absolute;
    top: 23px;
    cursor: pointer;
    right: 20px;
}
.topbar .mega-dropdown {
    position: static;
}
.topbar .mega-dropdown .dropdown-menu {
    padding: 30px;
    width: 100%;
    max-height: 480px;
    overflow: auto;
}
.topbar .dropdown-menu {
    padding-top: 0;
    border: 0;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}
.auth-wrapper .auth-box,
.customizer {
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
}
.topbar .dropdown-menu .with-arrow {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px;
}
.topbar .dropdown-menu .with-arrow > span {
    background-color: #fff;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 15px;
    position: absolute;
    content: "";
    -moz-border-radius: 6px 0 0;
    border-radius: 6px 0 0;
}
.topbar .dropdown-menu.dropdown-menu-right .with-arrow {
    right: 0;
}
.topbar .dropdown-menu.dropdown-menu-right .with-arrow > span {
    right: 20px;
    left: auto;
}
@media (max-width: 767px) {
    .topbar .top-navbar .navbar-collapse.collapsing,
    .topbar .top-navbar .navbar-collapse.show {
        display: block;
        width: 100%;
        border-top: 1px solid #e9ecef;
    }
    .topbar .top-navbar .navbar-nav {
        flex-direction: row;
    }
    .topbar .top-navbar .navbar-nav .dropdown {
        position: static;
    }
    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
        padding: 0 10px;
    }
    .topbar .top-navbar .navbar-header {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .topbar .top-navbar .dropdown-menu {
        position: absolute;
        width: 100%;
    }
    .topbar .top-navbar .dropdown-menu .with-arrow {
        display: none;
    }
}
.table-box {
    display: table;
    width: 100%;
}
.cell {
    display: table-cell;
}
.nowrap {
    white-space: nowrap;
}
.lite-padding td {
    padding: 5px;
}
.no-th-brd.table th,
.table.no-border tbody td {
    border: 0;
}
.jsgrid-pager-current-page,
.jsgrid-pager-nav-button a,
.jsgrid-pager-page a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid #ddd;
}
.jsgrid-pager-current-page,
.jsgrid-pager-nav-button a:hover,
.jsgrid-pager-page a:hover {
    background-color: #4798e8;
    color: #fff;
}
.jsgrid-pager-nav-button,
.jsgrid-pager-page {
    padding: 0;
}
.jsgrid-pager-page.jsgrid-pager-current-page {
    padding: 0.5em 1em !important;
}
.page-breadcrumb {
    padding: 20px 20px 0;
}
.page-breadcrumb .page-title {
    margin-bottom: 0;
}
.page-breadcrumb .breadcrumb {
    padding: 0;
    margin: 0;
    background: 0 0;
    font-size: 12px;
}
.page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\e649";
    font-family: themify;
    color: #ced4da;
    font-size: 11px;
}
.left-sidebar {
    position: absolute;
    width: 250px;
    height: 100%;
    top: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding-top: 64px;
    background: #fff;
}
.scroll-sidebar,
.sidebar-nav .has-arrow {
    position: relative;
}
.scroll-sidebar {
    height: calc(100% - 20px);
}
.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #fff;
    padding: 12px 15px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 25px;
    opacity: 0.6;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link,
.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item .sidebar-link:hover,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
    opacity: 1;
}
.sidebar-nav ul .sidebar-item .sidebar-link i {
    font-style: normal;
    width: 35px;
    line-height: 25px;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.sidebar-nav ul .sidebar-item .first-level {
    padding: 0px 0px 0px 18px;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 10px 15px;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
    font-size: 14px;
}
.sidebar-nav ul .nav-small-cap {
    font-size: 12px;
    padding: 12px 15px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 30px;
    margin-top: 10px;
    color: #fff;
    opacity: 0.5;
    text-transform: uppercase;
}
.sidebar-nav ul .nav-small-cap i {
    line-height: 30px;
    margin: 0 5px;
}
.sidebar-nav ul {
    margin: 0;
    padding: 0;
}
.sidebar-nav ul li {
    list-style: none;
}
.sidebar-nav > ul > li.selected {
    padding: 0 0 0 10px;
}
.sidebar-nav > ul > li.selected > a {
    border-radius: 60px 0 0 60px;
    background: #4798e8;
    color: #fff;
}
.collapse.in {
    display: block;
}
.sidebar-nav .has-arrow::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    margin-left: 10px;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 23px;
    right: 15px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidebar-nav .has-arrow[aria-expanded="true"]::after,
.sidebar-nav li.active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    transform: rotate(-135deg) translate(0, -50%);
}
.user-profile {
    padding: 15px;
    text-align: center;
}
.user-profile .user-content,
.user-profile .user-email,
.user-profile .user-name {
    color: #fff;
    position: relative;
    white-space: nowrap;
}
.user-profile .user-pic img {
    width: 60px;
}
.user-profile .btn-circle.btn-sm,
.user-profile .btn-group-sm > .btn-circle.btn {
    width: 25px;
    height: 25px;
    font-size: 10px;
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    opacity: 0.7;
}
.user-profile .btn-circle.btn-sm:hover,
.user-profile .btn-group-sm > .btn-circle.btn:hover {
    opacity: 1;
}
.user-profile .dropdown-menu {
    width: 220px;
    margin-top: 70px;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}
html body .waves-notransition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}
.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.waves-block {
    display: block;
}
.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
}
.btn-circle.btn-sm,
.btn-group-sm > .btn-circle.btn {
    width: 35px;
    height: 35px;
    padding: 8px 10px;
    font-size: 14px;
}
.btn-circle.btn-lg,
.btn-group-lg > .btn-circle.btn {
    width: 50px;
    height: 50px;
    padding: 14px 15px;
    font-size: 18px;
    line-height: 23px;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 14px 15px;
    font-size: 24px;
}
.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 10px;
}
.btn-rounded {
    border-radius: 60px;
    padding: 7px 18px;
}
.btn-group-lg > .btn-rounded.btn,
.btn-rounded.btn-lg {
    padding: 0.75rem 1.5rem;
}
.btn-group-sm > .btn-rounded.btn,
.btn-rounded.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 12px;
}
.btn-rounded.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 10px;
}
.btn-rounded.btn-md {
    padding: 12px 35px;
    font-size: 16px;
}
.btn-default,
.btn-default:hover,
.btn-outline-primary:hover,
.btn-outline-primary:hover:hover,
.btn-outline-warning:hover,
.btn-outline-warning:hover:hover,
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover {
    color: #fff;
}
.btn-default {
    background-color: #4798e8;
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
}
.btn-facebook:hover {
    color: #fff;
}
.btn-twitter {
    color: #fff;
    background-color: #55acee;
}
.btn-twitter:hover {
    color: #fff;
}
.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
}
.btn-linkedin:hover {
    color: #fff;
}
.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
}
.btn-dribbble:hover {
    color: #fff;
}
.btn-googleplus {
    color: #fff;
    background-color: #dd4b39;
}
.btn-googleplus:hover {
    color: #fff;
}
.btn-instagram {
    color: #fff;
    background-color: #3f729b;
}
.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
}
.btn-dropbox {
    color: #fff;
    background-color: #007ee5;
}
.btn-flickr {
    color: #fff;
    background-color: #ff0084;
}
.btn-tumblr {
    color: #fff;
    background-color: #32506d;
}
.btn-skype {
    color: #fff;
    background-color: #00aff0;
}
.btn-youtube {
    color: #fff;
    background-color: #b00;
}
.btn-github {
    color: #fff;
    background-color: #171515;
}
.button-group .btn {
    margin-bottom: 5px;
    margin-right: 5px;
}
.no-button-group .btn {
    margin-bottom: 5px;
    margin-right: 0;
}
.btn .text-active {
    display: none;
}
.btn.active .text-active {
    display: inline-block;
}
.btn.active .text {
    display: none;
}
.customizer {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 280px;
    top: 0;
    right: -280px;
    z-index: 100;
    transition: 0.3s ease-in;
}
.customizer .service-panel-toggle {
    background: #ef6e6e;
    padding: 12px 20px;
    color: #fff;
    position: absolute;
    top: 30%;
    left: -54px;
}
.customizer.show-service-panel {
    right: 0;
}
.customizer .customizer-body {
    position: relative;
    height: 100%;
}
.customizer .customizer-tab {
    display: flex;
}
.customizer .customizer-tab .nav-item {
    width: 33.33%;
    text-align: center;
}
.customizer .customizer-tab .nav-item .nav-link {
    padding: 15px 12px;
    color: #3e5569;
    border-bottom: 3px solid transparent;
}
.customizer .customizer-tab .nav-item .nav-link.active,
.customizer .customizer-tab .nav-item .nav-link:hover {
    border-bottom: 3px solid #4798e8;
    color: #4798e8;
}
.custom-control-label::after,
.custom-control-label::before {
    top: 0.15rem;
}
.theme-color {
    padding: 0;
    margin: 0;
    list-style: none;
}
.theme-color .theme-item {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}
.theme-color .theme-item .theme-link {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: block;
}
.theme-color .theme-item .theme-link[data-logobg="skin1"],
.theme-color .theme-item .theme-link[data-navbarbg="skin1"],
.theme-color .theme-item .theme-link[data-sidebarbg="skin1"] {
    background: #3587d8;
}
.theme-color .theme-item .theme-link[data-logobg="skin2"],
.theme-color .theme-item .theme-link[data-navbarbg="skin2"],
.theme-color .theme-item .theme-link[data-sidebarbg="skin2"] {
    background: #d83939;
}
.theme-color .theme-item .theme-link[data-logobg="skin3"],
.theme-color .theme-item .theme-link[data-navbarbg="skin3"],
.theme-color .theme-item .theme-link[data-sidebarbg="skin3"] {
    background: #17a991;
}
.theme-color .theme-item .theme-link[data-logobg="skin4"],
.theme-color .theme-item .theme-link[data-navbarbg="skin4"],
.theme-color .theme-item .theme-link[data-sidebarbg="skin4"] {
    background: #6659f7;
}
.theme-color .theme-item .theme-link[data-logobg="skin5"],
.theme-color .theme-item .theme-link[data-navbarbg="skin5"],
.theme-color .theme-item .theme-link[data-sidebarbg="skin5"] {
    background: #333d54;
}
.theme-color .theme-item .theme-link[data-logobg="skin6"],
.theme-color .theme-item .theme-link[data-navbarbg="skin6"],
.theme-color .theme-item .theme-link[data-sidebarbg="skin6"] {
    background: #e9ecef;
} /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 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,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}
@keyframes pulse {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
}
@keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-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 headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
}
@keyframes tada {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
}
@keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}
@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-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 fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-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 fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-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;
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-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;
}
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
.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: transparent;
    opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0, 0, 0, 0.2);
    height: 11px;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0, 0, 0, 0.2);
    width: 11px;
}
.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    bottom: 0;
    height: 15px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
    -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
    bottom: 2px;
    height: 6px;
}
.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    height: 6px;
}
.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    right: 0;
    width: 15px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
    -o-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    -moz-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
    right: 2px;
    width: 6px;
}
.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y,
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    width: 6px;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: rgba(0, 0, 0, 0.2);
    height: 6px;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: rgba(0, 0, 0, 0.2);
    width: 6px;
}
.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: transparent;
    opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: rgba(0, 0, 0, 0.2);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: transparent;
    opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: rgba(0, 0, 0, 0.2);
}
.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}
html body .flotTip,
html body .jqstooltip {
    width: auto !important;
    height: auto !important;
    background: #212529;
    color: #fff;
    padding: 5px 10px;
}
body .jqstooltip {
    border-color: transparent;
    border-radius: 60px;
}
.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    border-radius: 2px;
    padding: 10px 20px;
    background: #343a40;
    color: #fff;
    ext-align: center;
    z-index: 1;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #343a40;
}
.chartist-tooltip.tooltip-show {
    opacity: 1;
}
.morris-hover.morris-default-style {
    border-radius: 2px;
    padding: 6px;
    color: #666;
    background: #fff;
    border: 1px solid #e9ecef;
}
.c3-chart-arcs-title {
    fill: #a1aab2;
}
.c3 line,
.c3 path {
    stroke: #e9ecef;
}
.c3-chart-arc path {
    stroke: transparent;
}
.popover-item {
    margin-left: -15px;
}
.popover-item:hover {
    z-index: 10;
    position: relative;
}
.custom-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background-size: auto;
}
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-color: #e9ecef;
    height: 40px;
    color: #3e5569;
    line-height: 40px;
}
.select2-container--default .select2-selection--multiple {
    line-height: 27px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #4798e8;
    border-color: #4798e8;
    color: #fff;
}
.m-icon {
    width: 33%;
    display: inline-block;
}
@media (max-width: 767.98px) {
    .m-icon {
        width: 100%;
    }
}
.f-icon,
.if-icon,
.m-icon,
.sl-icon,
.t-icon,
.w-icon {
    cursor: pointer;
    padding: 13px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-family: Poppins, sans-serif;*/
}
.f-icon:hover,
.if-icon:hover,
.m-icon:hover,
.sl-icon:hover,
.t-icon:hover,
.w-icon:hover {
    background-color: #f8f9fa;
}
.table.dataTable {
    border-collapse: collapse !important;
}
.dataTables_wrapper {
    padding: 0;
}
.dropzone,
.note-editor.note-frame {
    border-color: #e9ecef;
}
.dropzone {
    border-style: dotted;
}
.note-toolbar {
    z-index: 1;
}
.nav-pills.custom-pills .nav-link {
    border-radius: 0;
    opacity: 0.7;
}
.nav-pills.custom-pills .nav-link.active {
    color: #4798e8;
    opacity: 1;
    background-color: transparent;
    border-bottom: 2px solid #4798e8;
}

.striped-rows .row:nth-child(odd) {
    background-color: #f8f9fa;
}
.b-form .row {
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0;
    padding: 15px 0;
}
.b-form .row:last-child {
    border-bottom: none;
}
.b-label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.error .form-control {
    border-color: #ef6e6e;
}
.error .help-block {
    color: #ef6e6e;
}
.validate .form-control {
    border-color: #22c6ab;
}
.validate .help-block {
    color: #22c6ab;
}
@media (min-height: 33.875em) {
    .picker--opened .picker__frame {
        top: 30%;
        bottom: auto;
    }
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #1d50de;
}
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp table.dtp-picker-days tr > td > a.selected {
    background: #4798e8;
}
.dtp .p10 > a {
    color: #fff;
}
.datepicker .day,
.datepicker .dow {
    padding: 5px 10px;
}
.docs-buttons .btn,
.docs-data .input-group {
    margin-bottom: 5px;
}
.scrollable {
    position: relative;
}
.error-box {
    height: 100%;
    position: fixed;
    background: url("../../assets/images/background/error-bg.jpg.html") center center no-repeat #fff;
    width: 100%;
}
.error-box .error-body {
    padding-top: 5%;
}
.error-box .error-title {
    font-size: 210px;
    font-weight: 900;
    text-shadow: 4px 4px 0 #fff, 6px 6px 0 #343a40;
    line-height: 210px;
}
.price-label {
    position: absolute;
    top: -10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100px;
    padding: 5px 10px;
}
.price-sign {
    position: absolute;
    font-size: 15px;
    top: 5px;
    margin-left: -10px;
}
.gaugejs-box {
    position: relative;
    margin: 0 auto;
}
.gaugejs-box canvas.gaugejs {
    width: 100% !important;
    height: auto !important;
}
.dt-buttons {
    display: inline-block;
}
.auth-wrapper #recoverform,
html[dir="rtl"] .dz-hidden-input {
    display: none;
}
html[dir="rtl"] body .m-t-5 {
    margin-top: 5px;
}
html[dir="rtl"] body .m-b-5 {
    margin-bottom: 5px;
}
html[dir="rtl"] body .m-r-5 {
    margin-left: 5px;
}
html[dir="rtl"] body .m-l-5 {
    margin-right: 5px;
}
html[dir="rtl"] body .p-t-5 {
    padding-top: 5px;
}
html[dir="rtl"] body .p-b-5 {
    padding-bottom: 5px;
}
html[dir="rtl"] body .p-r-5 {
    padding-left: 5px;
}
html[dir="rtl"] body .p-l-5 {
    padding-right: 5px;
}
html[dir="rtl"] body .p-5 {
    padding: 5px;
}
html[dir="rtl"] body .m-5 {
    margin: 5px;
}
html[dir="rtl"] body .m-t-10 {
    margin-top: 10px;
}
html[dir="rtl"] body .m-b-10 {
    margin-bottom: 10px;
}
html[dir="rtl"] body .m-r-10 {
    margin-left: 10px;
}
html[dir="rtl"] body .m-l-10 {
    margin-right: 10px;
}
html[dir="rtl"] body .p-t-10 {
    padding-top: 10px;
}
html[dir="rtl"] body .p-b-10 {
    padding-bottom: 10px;
}
html[dir="rtl"] body .p-r-10 {
    padding-left: 10px;
}
html[dir="rtl"] body .p-l-10 {
    padding-right: 10px;
}
html[dir="rtl"] body .p-10 {
    padding: 10px;
}
html[dir="rtl"] body .m-10 {
    margin: 10px;
}
html[dir="rtl"] body .m-t-15 {
    margin-top: 15px;
}
html[dir="rtl"] body .m-b-15 {
    margin-bottom: 15px;
}
html[dir="rtl"] body .m-r-15 {
    margin-left: 15px;
}
html[dir="rtl"] body .m-l-15 {
    margin-right: 15px;
}
html[dir="rtl"] body .p-t-15 {
    padding-top: 15px;
}
html[dir="rtl"] body .p-b-15 {
    padding-bottom: 15px;
}
html[dir="rtl"] body .p-r-15 {
    padding-left: 15px;
}
html[dir="rtl"] body .p-l-15 {
    padding-right: 15px;
}
html[dir="rtl"] body .p-15 {
    padding: 15px;
}
html[dir="rtl"] body .m-15 {
    margin: 15px;
}
html[dir="rtl"] body .m-t-20 {
    margin-top: 20px;
}
html[dir="rtl"] body .m-b-20 {
    margin-bottom: 20px;
}
html[dir="rtl"] body .m-r-20 {
    margin-left: 20px;
}
html[dir="rtl"] body .m-l-20 {
    margin-right: 20px;
}
html[dir="rtl"] body .p-t-20 {
    padding-top: 20px;
}
html[dir="rtl"] body .p-b-20 {
    padding-bottom: 20px;
}
html[dir="rtl"] body .p-r-20 {
    padding-left: 20px;
}
html[dir="rtl"] body .p-l-20 {
    padding-right: 20px;
}
html[dir="rtl"] body .p-20 {
    padding: 20px;
}
html[dir="rtl"] body .m-20 {
    margin: 20px;
}
html[dir="rtl"] body .m-t-25 {
    margin-top: 25px;
}
html[dir="rtl"] body .m-b-25 {
    margin-bottom: 25px;
}
html[dir="rtl"] body .m-r-25 {
    margin-left: 25px;
}
html[dir="rtl"] body .m-l-25 {
    margin-right: 25px;
}
html[dir="rtl"] body .p-t-25 {
    padding-top: 25px;
}
html[dir="rtl"] body .p-b-25 {
    padding-bottom: 25px;
}
html[dir="rtl"] body .p-r-25 {
    padding-left: 25px;
}
html[dir="rtl"] body .p-l-25 {
    padding-right: 25px;
}
html[dir="rtl"] body .p-25 {
    padding: 25px;
}
html[dir="rtl"] body .m-25 {
    margin: 25px;
}
html[dir="rtl"] body .m-t-30 {
    margin-top: 30px;
}
html[dir="rtl"] body .m-b-30 {
    margin-bottom: 30px;
}
html[dir="rtl"] body .m-r-30 {
    margin-left: 30px;
}
html[dir="rtl"] body .m-l-30 {
    margin-right: 30px;
}
html[dir="rtl"] body .p-t-30 {
    padding-top: 30px;
}
html[dir="rtl"] body .p-b-30 {
    padding-bottom: 30px;
}
html[dir="rtl"] body .p-r-30 {
    padding-left: 30px;
}
html[dir="rtl"] body .p-l-30 {
    padding-right: 30px;
}
html[dir="rtl"] body .p-30 {
    padding: 30px;
}
html[dir="rtl"] body .m-30 {
    margin: 30px;
}
html[dir="rtl"] body .m-t-40 {
    margin-top: 40px;
}
html[dir="rtl"] body .m-b-40 {
    margin-bottom: 40px;
}
html[dir="rtl"] body .m-r-40 {
    margin-left: 40px;
}
html[dir="rtl"] body .m-l-40 {
    margin-right: 40px;
}
html[dir="rtl"] body .p-t-40 {
    padding-top: 40px;
}
html[dir="rtl"] body .p-b-40 {
    padding-bottom: 40px;
}
html[dir="rtl"] body .p-r-40 {
    padding-left: 40px;
}
html[dir="rtl"] body .p-l-40 {
    padding-right: 40px;
}
html[dir="rtl"] body .p-40 {
    padding: 40px;
}
html[dir="rtl"] body .m-40 {
    margin: 40px;
}
html[dir="rtl"] body .m-0-0 {
    margin: 0;
}
html[dir="rtl"] body .m-t-0 {
    margin-top: 0;
}
html[dir="rtl"] body .m-r-0 {
    margin-left: 0;
}
html[dir="rtl"] body .m-b-0 {
    margin-bottom: 0;
}
html[dir="rtl"] body .m-l-0 {
    margin-right: 0;
}
html[dir="rtl"] body .p-0-0 {
    padding: 0;
}
html[dir="rtl"] body .p-t-0 {
    padding-top: 0;
}
html[dir="rtl"] body .p-r-0 {
    padding-left: 0;
}
html[dir="rtl"] body .p-b-0 {
    padding-bottom: 0;
}
html[dir="rtl"] body .p-l-0 {
    padding-right: 0;
}
html[dir="rtl"] body {
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}
html[dir="rtl"] .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\e64a";
    padding-right: 0;
    padding-left: 0.5rem;
}
html[dir="rtl"] .custom-select {
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    background: url("../../html/ltr/assets/images/custom-select.png") left 0.35rem center no-repeat #fff;
}
html[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}
html[dir="rtl"] .custom-control-label::after,
html[dir="rtl"] .custom-control-label::before {
    left: auto;
    right: 0;
}
html[dir="rtl"] .list-group {
    padding: 0;
}
html[dir="rtl"] .float-left {
    float: right !important;
}
html[dir="rtl"] .float-right {
    float: left !important;
}
html[dir="rtl"] .text-left {
    text-align: right !important;
}
html[dir="rtl"] .text-right {
    text-align: left !important;
}
html[dir="rtl"] .close {
    float: left;
}
html[dir="rtl"] .modal-header .close {
    float: left;
    margin: -1rem auto -1rem -1rem;
}
html[dir="rtl"] .wizard-content .wizard.vertical > .steps,
html[dir="rtl"] .wizard > .actions > ul > li,
html[dir="rtl"] .wizard > .steps > ul > li {
    float: right;
}
html[dir="rtl"] .modal-footer > :not(:last-child) {
    margin-left: 0.25rem;
    margin-right: 0;
}
html[dir="rtl"] .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}
html[dir="rtl"] .border-right {
    border-right: none !important;
    border-left: 1px solid #e9ecef !important;
}
html[dir="rtl"] .border-left {
    border-left: none !important;
    border-right: 1px solid #e9ecef !important;
}
html[dir="rtl"] .alert-dismissible {
    padding-left: 3.8125rem;
    padding-right: 1.25rem;
}
html[dir="rtl"] .alert-dismissible .close {
    left: 0;
    right: auto;
}
html[dir="rtl"] .custom-file-label {
    left: auto;
    right: 0;
    width: 100%;
}
html[dir="rtl"] .custom-file-label::after,
html[dir="rtl"] .dropdown-menu-right {
    right: auto;
    left: 0;
}
html[dir="rtl"] .dropdown-menu {
    text-align: right;
}
html[dir="rtl"] .topbar .navbar-collapse {
    padding: 0 0 0 10px;
}
html[dir="rtl"] .list-unstyled,
html[dir="rtl"] .nav,
html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .pagination {
    padding-right: 0;
}
html[dir="rtl"] .topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
    margin-right: 0;
}
html[dir="rtl"] .topbar .dropdown-menu.dropdown-menu-right .with-arrow {
    left: 0;
    right: auto;
}
html[dir="rtl"] .search-box .app-search .srh-btn,
html[dir="rtl"] .topbar .dropdown-menu.dropdown-menu-right .with-arrow > span {
    left: 20px;
    right: auto;
}
html[dir="rtl"] .mailbox .message-center .message-item .mail-contnet {
    padding-right: 10px;
    padding-left: 0;
}
html[dir="rtl"] .customizer {
    left: -280px;
    right: auto;
}
html[dir="rtl"] .customizer.show-service-panel {
    left: 0;
    right: auto;
}
html[dir="rtl"] .customizer .service-panel-toggle {
    right: -54px;
    left: auto;
}
html[dir="rtl"] .sidebar-nav .has-arrow::after {
    margin-left: 0;
    margin-right: 10px;
    right: auto;
    left: 15px;
}
html[dir="rtl"] .left-part {
    border-left: 1px solid #e9ecef;
    border-right: none;
}
html[dir="rtl"] .left-part .show-left-part {
    left: -41px;
    right: auto;
}
html[dir="rtl"] .right-part {
    margin-right: 260px;
    margin-left: 0;
}
html[dir="rtl"] .reverse-mode .left-part {
    right: auto;
    left: 0;
}
html[dir="rtl"] .reverse-mode .show-left-part {
    left: auto;
    right: -41px;
}
html[dir="rtl"] .reverse-mode .right-part {
    margin-right: 0;
    margin-left: 260px;
}
html[dir="rtl"] .profiletimeline {
    padding-right: 40px;
    padding-left: 0;
    margin: 40px 30px 0 10px;
    border-right: 1px solid #e9ecef;
    border-left: none;
}
html[dir="rtl"] .profiletimeline .sl-left {
    float: right;
    margin-right: -60px;
    margin-left: 15px;
}
html[dir="rtl"] .feed-widget .feed-body .feed-item > .feed-icon {
    margin-right: 0;
    margin-left: 10px;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
html[dir="rtl"] table.table-bordered.dataTable td,
html[dir="rtl"] table.table-bordered.dataTable th {
    border-left-width: 1px;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter input {
    margin-right: 0.5rem;
    margin-left: 0;
}
html[dir="rtl"] div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-left: 1px;
}
html[dir="rtl"] .lobilists .lobilist-actions {
    right: auto;
    left: 8px;
}
html[dir="rtl"] .lobilists .lobilist-item .todo-actions {
    right: auto;
    left: 4px;
}
html[dir="rtl"] .lobilists .lobilist-check {
    left: auto;
    right: 12px;
}
html[dir="rtl"] .lobilists .lobilist-item,
html[dir="rtl"] .lobilists .lobilist-item-placeholder {
    padding-left: 0;
    padding-right: 35px;
}
html[dir="rtl"] .lobilists .lobilist-item .drag-handler {
    left: auto;
    right: 0;
}
html[dir="rtl"] .lobilists .lobilist-placeholder,
html[dir="rtl"] .lobilists .lobilist-wrapper {
    margin-left: 16px;
    margin-right: 0;
}
html[dir="rtl"] .datepicker {
    direction: rtl;
}
html[dir="rtl"] .minicolors .minicolors-grid {
    right: 22px;
    left: auto;
}
html[dir="rtl"] .wizard-content .wizard > .steps > ul > li:after {
    right: auto;
    left: 0;
}
html[dir="rtl"] .wizard-content .wizard > .steps > ul > li:before {
    left: auto;
    right: 0;
}
html[dir="rtl"] .css-bar > i {
    margin-left: 0;
    margin-right: 5px;
}
html[dir="rtl"] .treeview span.icon {
    margin-right: 0;
    margin-left: 5px;
}
html[dir="rtl"] #main-wrapper[data-sidebartype="full"] .page-wrapper {
    margin-right: 250px;
    margin-left: 0;
}
html[dir="rtl"] #main-wrapper[data-sidebartype="iconbar"] .page-wrapper {
    margin-right: 180px;
    margin-left: 0;
}
html[dir="rtl"] #main-wrapper[data-sidebartype="overlay"] .left-sidebar {
    right: -250px;
    left: auto;
}
html[dir="rtl"] #main-wrapper[data-sidebartype="overlay"].show-sidebar .left-sidebar {
    right: 0;
    left: auto;
}
@media (min-width: 768px) {
    html[dir="rtl"] #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="full"] .topbar .top-navbar .navbar-collapse,
    html[dir="rtl"] #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="overlay"] .topbar .top-navbar .navbar-collapse {
        margin-right: 250px;
        margin-left: 0;
    }
    html[dir="rtl"] #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="iconbar"] .topbar .top-navbar .navbar-collapse {
        margin-right: 180px;
        margin-left: 0;
    }
    html[dir="rtl"] #main-wrapper[data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar .top-navbar .navbar-collapse,
    html[dir="rtl"] #main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper {
        margin-right: 70px;
        margin-left: 0;
    }
}
@media (max-width: 766px) {
    html[dir="rtl"] #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {
        right: -250px;
        left: auto;
    }
    html[dir="rtl"] #main-wrapper.show-sidebar .left-sidebar {
        right: 0;
        left: auto;
    }
    html[dir="rtl"] .left-part {
        right: -260px;
        left: auto;
    }
    html[dir="rtl"] .left-part.show-panel {
        right: 0;
        left: auto;
    }
    html[dir="rtl"] .right-part {
        margin-right: 0;
    }
}
@keyframes dasharray-craziness {
    0% {
        stroke-dasharray: 5px;
    }
    50% {
        stroke-dasharray: 6px;
    }
    100% {
        stroke-dasharray: 7px;
    }
}
#ct-weather .ct-series-a .ct-line,
#ct-weather .ct-series-a .ct-point {
    stroke: rgba(0, 0, 0, 0.4);
    stroke-width: 2;
}
#ct-weather .ct-series-a .ct-area {
    fill: none;
}
#ct-weather .ct-grid {
    stroke: rgba(255, 255, 255, 0.2);
    stroke-dasharray: 0;
}
#ct-weather .ct-series-a .ct-line {
    animation: dasharray-craziness 2s infinite;
}
#weeksales-bar .ct-series-a .ct-bar {
    stroke: rgba(0, 0, 0, 0.15);
}
.auth-wrapper {
    min-height: 100vh;
    position: relative;
}
.auth-wrapper .auth-box {
    background: #fff;
    padding: 20px;
    max-width: 400px;
    width: 90%;
    margin: 10% 0;
}
.auth-wrapper .auth-box .logo {
    text-align: center;
}
.auth-wrapper .auth-box.on-sidebar {
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    position: absolute;
}
.auth-wrapper .auth-sidebar {
    position: fixed;
    height: 100%;
    right: 0;
    overflow: auto;
    margin: 0;
    top: 0;
}
@media (max-width: 767px) {
    .auth-wrapper .auth-sidebar {
        position: relative;
        max-width: 100%;
        width: 100%;
        margin: 40px 0 60px;
    }
    .auth-wrapper .demo-text {
        margin-top: 30px;
    }
    .email-table {
        min-width: 500px;
    }
}
.email-app {
    position: relative;
}
.email-app .list-group .list-group-item {
    padding: 0;
    background: 0 0;
    border: none;
}
.email-app .list-group .list-group-item .list-group-item-action {
    padding: 12px 15px;
    display: block;
    color: #3e5569;
}
.email-app .list-group .list-group-item .list-group-item-action .mdi {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}
.email-app .list-group .list-group-item .list-group-item-action.active,
.email-app .list-group .list-group-item .list-group-item-action:hover {
    background: rgba(0, 0, 0, 0.03);
}
.email-app .email-table {
    table-layout: fixed;
}
.email-app .email-table .selected {
    background: #fff8e1;
}
.email-app .email-table .max-texts,
.email-app .email-table .user-name h6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.email-app .email-table .max-texts {
    padding: 1rem 5px;
}
.email-app .email-table .chb {
    width: 50px;
}
.email-app .email-table .time {
    width: 100px;
    text-align: right;
}
.email-app .email-table .clip,
.email-app .email-table .starred {
    width: 25px;
    padding: 1rem 5px;
}
.email-app .email-table .user-image {
    width: 45px;
    padding: 1rem 5px;
}
.email-app .email-table .user-name {
    width: 130px;
    padding: 1rem 5px;
}
.email-app .email-table .user-name .m-b-0 {
    /*font-weight: 300;*/
}
.email-app .email-table .unread .m-b-0,
.email-app .email-table .unread .max-texts {
    font-weight: 500;
}
.lobilists .lobilist {
    box-shadow: none;
}
.lobilists .lobilist.lobilist-primary {
    border-color: #e9ecef;
}
.lobilists .lobilist.lobilist-primary .lobilist-footer,
.lobilists .lobilist.lobilist-primary .lobilist-form-footer,
.lobilists .lobilist.lobilist-primary .lobilist-header {
    border-color: #7460ee;
    background-color: #7460ee;
}
.lobilists .lobilist.lobilist-danger {
    border-color: #e9ecef;
}
.lobilists .lobilist.lobilist-danger .lobilist-footer,
.lobilists .lobilist.lobilist-danger .lobilist-form-footer,
.lobilists .lobilist.lobilist-danger .lobilist-header {
    border-color: #ef6e6e;
    background-color: #ef6e6e;
}
.lobilists .lobilist.lobilist-info {
    border-color: #e9ecef;
}
.lobilists .lobilist.lobilist-info .lobilist-footer,
.lobilists .lobilist.lobilist-info .lobilist-form-footer,
.lobilists .lobilist.lobilist-info .lobilist-header {
    border-color: #4798e8;
    background-color: #4798e8;
}
.lobilists .lobilist.lobilist-success {
    border-color: #e9ecef;
}
.lobilists .lobilist.lobilist-success .lobilist-footer,
.lobilists .lobilist.lobilist-success .lobilist-header {
    border-color: #22c6ab;
    background-color: #22c6ab;
}
.lobilists .lobilist-footer,
.lobilists .lobilist-form-footer {
    border-color: #e9ecef !important;
    background: rgba(0, 0, 0, 0.02) !important;
}
.lobilists .btn-link {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #343a40 !important;
}
.lobilists.single-line {
    height: 500px;
}
.lobilist,
.lobilists {
    position: relative;
}
.lobilists [type="checkbox"]:checked,
.lobilists [type="checkbox"]:not(:checked) {
    opacity: 1;
    position: relative;
}
.lobilists .lobilist-item {
    margin-bottom: 16px;
    padding-top: 5px;
}
.lobilists .lobilist-item-title {
    color: #343a40;
}
.lobilists .lobilist-item-description {
    font-style: normal;
    font-size: 13px;
}
.lobilists .lobilist-check {
    top: 10px;
}
.lobilists .lobilist-item-duedate {
    position: relative;
    font-size: 12px;
    left: 0;
}
.lobilists .lobilist-actions {
    top: 0;
}
.lobilist-actions .btn i {
    font-size: 15px;
    vertical-align: middle;
}
.twitter-typeahead {
    width: 100%;
}
.twitter-typeahead .tt-menu {
    width: 100%;
    background: #fff;
    border: 1px solid #f8f9fa;
    border-radius: 5px;
    padding: 0.75rem 0;
}
.twitter-typeahead .tt-menu .tt-suggestion {
    padding: 0.25rem 0.75rem;
    cursor: pointer;
}
.twitter-typeahead .tt-menu .tt-suggestion:hover {
    background-color: #7460ee;
    color: #fff;
}
.twitter-typeahead .empty-message {
    padding: 5px 10px;
    text-align: center;
}
.twitter-typeahead .rtl-typeahead .tt-menu {
    text-align: right;
}
.twitter-typeahead .league-name {
    margin: 0 10px 5px;
    padding: 7px 5px 10px;
    border-bottom: 1px solid #e9ecef;
}
.scrollable-dropdown .twitter-typeahead .tt-menu {
    max-height: 80px;
    overflow-y: auto;
}
.bootstrap-maxlength {
    margin-top: 0.5rem;
}
.el-element-overlay .white-box {
    padding: 0;
}
.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 20px;
}
.el-element-overlay .el-card-item .el-card-avatar {
    margin-bottom: 20px;
}
.el-element-overlay .el-card-item .el-card-content {
    text-align: center;
}
.el-element-overlay .el-card-item .el-overlay-1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.el-element-overlay .el-card-item .el-overlay-1 img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    width: 100%;
    height: auto;
}
.el-element-overlay .el-card-item .el-overlay-1:hover img {
    -ms-transform: scale(1.2) translateZ(0);
    -webkit-transform: scale(1.2) translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item {
    list-style: none;
    display: inline-block;
    margin: 0 3px;
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link {
    border-color: #fff;
    color: #fff;
    padding: 12px 15px 10px;
}
.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link:hover {
    background: #4798e8;
    border-color: #4798e8;
}
.gmaps-overlay_arrow.above,
.gmaps-overlay_arrow.below {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
}
.el-element-overlay .el-card-item .el-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
    top: -100%;
}
.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
    top: 100%;
    height: 0;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
    top: 0;
}
.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
    top: 0;
    height: 100%;
}
.gmaps,
.gmaps-panaroma {
    height: 300px;
    background: #e9ecef;
    border-radius: 2px;
}
.gmaps-overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #4798e8;
    border-radius: 4px;
    padding: 10px 20px;
}
.gmaps-overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute;
}
.gmaps-overlay_arrow.above {
    bottom: -15px;
    border-top: 16px solid #4798e8;
}
.gmaps-overlay_arrow.below {
    top: -15px;
    border-bottom: 16px solid #4798e8;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
    line-height: 10px;
}
.jvectormap-zoomout {
    top: 40px;
}
.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto;
}
.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #e9ecef;
}
.timeline > .timeline-item {
    position: relative;
    margin-bottom: 20px;
}
.timeline > .timeline-item:after,
.timeline > .timeline-item:before {
    content: " ";
    display: table;
}
.timeline > .timeline-item:after {
    clear: both;
}
.timeline > .timeline-item > .timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.timeline > .timeline-item > .timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid #e9ecef;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #e9ecef;
}
.timeline > .timeline-item > .timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -7px;
    border-top: 7px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
}
.timeline > .timeline-item > .timeline-badge {
    z-index: 10;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
}
.timeline-left > .timeline-item > .timeline-panel,
.timeline-right > .timeline-item > .timeline-panel {
    width: calc(100% - 80px);
}
.timeline > .timeline-item.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > .timeline-item.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -8px;
    border-right-width: 8px;
    border-left-width: 0;
}
.timeline > .timeline-item.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -7px;
    border-right-width: 7px;
    border-left-width: 0;
}
.timeline-badge.primary {
    background-color: #7460ee;
}
.timeline-badge.success {
    background-color: #22c6ab;
}
.timeline-badge.warning {
    background-color: #ffbc34;
}
.timeline-badge.danger {
    background-color: #ef6e6e;
}
.timeline-badge.info {
    background-color: #4798e8;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400;
}
.dd-handle,
.dd-item > button {
    font-weight: 700;
    margin: 5px 0;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-left:before {
    left: 30px;
}
.timeline-left > .timeline-item > .timeline-badge {
    left: 30px;
    top: 9px;
}
.timeline-right:before {
    right: 30px;
    left: auto;
}
.timeline-right > .timeline-item > .timeline-badge {
    right: 5px;
    top: 9px;
    left: auto;
}
.cd-horizontal-timeline .events a {
    padding-bottom: 6px;
    color: #4798e8;
}
.dd,
.dd-list {
    display: block;
    padding: 0;
    list-style: none;
}
.cd-horizontal-timeline .events a.selected::after,
.cd-horizontal-timeline .filling-line {
    background: #4798e8;
}
.cd-horizontal-timeline .events a.selected::after {
    border-color: #4798e8;
}
.cd-horizontal-timeline .m-t-40 {
    margin-top: 40px !important;
}
.dd,
.dd-list {
    margin: 0;
    position: relative;
}
.search-box .app-search .form-control,
.topbar .mega-dropdown .dropdown-menu {
    border-radius: 0;
}
.topbar .dropdown-menu .with-arrow > span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px;
}
.dd-list .dd-list {
    padding-left: 30px;
}
.dd-collapsed .dd-list {
    display: none;
}
.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.dd-handle {
    display: block;
    height: 30px;
    padding: 5px 10px;
    cursor: move;
    color: #979898;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-handle:hover {
    color: #317eeb;
    background: #fff;
}
.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}
.dd-item > button:before {
    content: "+";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
    content: "-";
}
.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f5f5f5;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}
.dd-dragel {
    position: absolute;
    z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: #979898;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd3-content:hover {
    color: #317eeb;
    background: #fff;
}
.dd-dragel > .dd3-item > .dd3-content {
    margin: 0;
}
.dd3-item > button {
    margin-left: 30px;
}
.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #d5d5d5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before {
    content: "\f0c9";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    font-weight: 400;
    color: #67757c;
    top: 7px;
}
.chat-list .chat-item.odd .chat-time,
.chat-list .chat-item.reverse {
    text-align: right;
}
.dd3-handle:hover {
    background: #404040;
    border: 1px solid #404040;
}
.myadmin-dd .dd-list .dd-item .dd-handle {
    background: #fff;
    border: 1px solid rgba(120, 130, 140, 0.13);
    padding: 8px 16px;
    height: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    border-radius: 0;
}
.myadmin-dd-empty .dd-list .dd3-content {
    height: auto;
    border: 1px solid rgba(120, 130, 140, 0.13);
    padding: 8px 16px 8px 46px;
    background: #fff;
    font-weight: 400;
}
.myadmin-dd-empty .dd-list .dd3-handle {
    border: 1px solid rgba(120, 130, 140, 0.13);
    border-bottom: 0;
    background: #fff;
    height: 36px;
    width: 36px;
}
.mailbox .drop-title {
    font-weight: 500;
    padding: 11px 20px 15px;
    border-radius: 2px 2px 0 0;
    position: relative;
}
.mailbox .drop-title:after {
    content: "";
    position: absolute;
    background: url("assets/images/background/img5.png") no-repeat;
    opacity: 0.2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
}
.mailbox .nav-link {
    border-top: 1px solid #e9ecef;
    padding-top: 15px;
    color: #3e5569;
}
.mailbox .message-center {
    height: 317px;
    overflow: auto;
    position: relative;
}
.mailbox .message-center .message-item {
    border-bottom: 1px solid #e9ecef;
    display: block;
    text-decoration: none;
    padding: 9px 15px;
}
.mailbox .message-center .message-item:hover {
    background: #f8f9fa;
}
.mailbox .message-center .message-item .message-title {
    color: #212529;
}
.mailbox .message-center .message-item .user-img {
    width: 40px;
    position: relative;
    display: inline-block;
    margin: 0 0 15px;
}
.mailbox .message-center .message-item .user-img img {
    width: 100%;
}
.mailbox .message-center .message-item .user-img .profile-status {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    left: 30px;
    position: absolute;
    top: 1px;
    width: 10px;
}
.mailbox .message-center .message-item .user-img .online {
    background: #22c6ab;
}
.mailbox .message-center .message-item .user-img .busy {
    background: #ef6e6e;
}
.mailbox .message-center .message-item .user-img .away,
.mailbox .message-center .message-item .user-img .offline {
    background: #ffbc34;
}
.mailbox .message-center .message-item .mail-contnet {
    display: inline-block;
    width: 75%;
    padding-left: 10px;
    vertical-align: middle;
}
.mailbox .message-center .message-item .mail-contnet .message-title {
    margin: 5px 0 0;
}
.mailbox .message-center .message-item .mail-contnet .mail-desc,
.mailbox .message-center .message-item .mail-contnet .time {
    font-size: 12px;
    display: block;
    margin: 1px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #a1aab2;
    white-space: nowrap;
}
.comment-widgets {
    position: relative;
    margin-bottom: 10px;
}
.comment-widgets .comment-row {
    border-bottom: 1px solid transparent;
    padding: 14px;
    display: flex;
    margin: 10px 0;
}
.comment-widgets .comment-row:last-child {
    border-bottom: 0;
}
.comment-widgets .comment-row.active,
.comment-widgets .comment-row:hover {
    background: rgba(0, 0, 0, 0.05);
}
.comment-text {
    padding-left: 15px;
    width: 100%;
}
.comment-text.active .comment-footer .action-icons,
.comment-text:hover .comment-footer .action-icons {
    visibility: visible;
}
.comment-text p {
    max-height: 65px;
    width: 100%;
    overflow: hidden;
}
.comment-footer .action-icons {
    visibility: hidden;
}
.comment-footer .action-icons a {
    padding-left: 7px;
    vertical-align: middle;
    color: #a1aab2;
}
.comment-footer .action-icons a.active,
.comment-footer .action-icons a:hover {
    color: #4798e8;
}
.chat-box {
    overflow: auto;
}
.chat-list .chat-item {
    list-style: none;
    margin-top: 30px;
}
.chat-list .chat-item .chat-img {
    display: inline-block;
    width: 45px;
    vertical-align: top;
}
.chat-list .chat-item .chat-img img {
    width: 45px;
    border-radius: 100%;
}
.chat-list .chat-item .chat-content {
    width: calc(100% - 50px);
    display: inline-block;
    padding-left: 15px;
}
.chat-list .chat-item .chat-content .box {
    display: inline-block;
    padding: 10px;
    margin-bottom: 3px;
    color: #343a40;
    background: #f8f9fa;
}
.chat-list .chat-item .chat-time {
    display: block;
    font-size: 10px;
    color: #4f5467;
    margin: 5px 0 15px 65px;
}
.chat-list .chat-item.odd .chat-content {
    text-align: right;
    width: calc(100% - 0px);
}
.chat-list .chat-item.odd .box {
    clear: both;
    color: #fff;
    background: #4798e8;
}
.chat-list .chat-item.odd + .odd {
    margin-top: 0;
}
.chat-list .chat-item.reverse .chat-time {
    text-align: left;
}
.chat-list .chat-item.reverse .chat-content {
    padding-left: 0;
    padding-right: 15px;
}
.chat-windows {
    position: fixed;
    bottom: 0;
    right: 300px;
    height: 350px;
    max-height: 350px;
    z-index: 9999;
    transition: 0.6s;
}
.chat-windows.show-chat {
    bottom: 0;
}
.chat-windows.hide-chat {
    bottom: -350px;
}
.chat-windows .user-chat {
    min-width: 300px;
    min-height: 350px;
    background-color: #fff;
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    float: right;
    margin: 0 2px 0 0;
}
.chat-windows .user-chat.mini-chat {
    min-width: 40px;
    min-height: 40px;
    bottom: 0;
    top: 310px;
    position: relative;
}
.chat-windows .user-chat.mini-chat .chat-body,
.chat-windows .user-chat.mini-chat .chat-footer,
.chat-windows .user-chat.mini-chat .chat-head .name,
.chat-windows .user-chat.mini-chat .chat-head i {
    display: none;
}
.chat-windows .user-chat.mini-chat .chat-head img {
    margin: 0;
}
.chat-windows .user-chat.mini-chat .chat-head .status {
    left: 28px;
    top: 10px;
}
.chat-windows .user-chat .chat-head {
    height: 40px;
    padding: 10px;
    background-color: #4798e8;
    color: #fff;
    position: relative;
}
.chat-windows .user-chat .chat-head img {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    vertical-align: middle;
    margin: -4px 8px 0 0;
    display: inline-block;
    cursor: pointer;
}
.chat-windows .user-chat .chat-head .status {
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    height: 8px;
    width: 8px;
    left: 28px;
    top: 7px;
}
.chat-windows .user-chat .chat-head .online {
    background-color: #22c6ab;
}
.chat-windows .user-chat .chat-head .busy {
    background-color: #ef6e6e;
}
.chat-windows .user-chat .chat-head .away {
    background-color: #fb8c00;
}
.chat-windows .user-chat .chat-head .offline {
    background-color: #ffbc34;
}
.chat-windows .user-chat .chat-head i {
    font-size: 14px;
    float: right;
    color: #fff;
    margin: 3px 0 0 5px;
    cursor: pointer;
}
.chat-windows .user-chat .chat-footer {
    padding: 0;
    border-top: 1px solid #e9ecef;
}
.chat-windows .user-chat .chat-footer .form-control {
    background-color: transparent;
    color: #3e5569;
    font-size: 14px;
    border: 0;
    width: 100%;
    height: 40px;
}
.chat-windows .user-chat .chat-footer .form-control:focus,
.chat-windows .user-chat .chat-footer .form-control:hover {
    border: 0;
}
.chat-windows .user-chat .chat-body {
    height: 270px;
    padding: 15px 15px 0;
    background-color: #fff;
    overflow: hidden;
    max-width: 300px;
    position: relative;
}
.profiletimeline .sl-left img,
.steamline .sl-left img {
    max-width: 40px;
}
.chat-list {
    margin: 0;
    padding: 0;
}
.chat-list .msg_receive,
.chat-list .msg_sent {
    list-style: none;
    margin-top: 30px;
}
.chat-list .msg_receive .chat-img,
.chat-list .msg_sent .chat-img {
    display: inline-block;
    width: 45px;
    vertical-align: top;
}
.chat-list .msg_receive .chat-img img,
.chat-list .msg_sent .chat-img img {
    width: 100%;
    border-radius: 100%;
}
.chat-list .msg_receive .chat-content,
.chat-list .msg_sent .chat-content {
    width: calc(100% - 50px);
    display: inline-block;
    padding-left: 15px;
}
.chat-list .msg_receive .chat-content .box,
.chat-list .msg_sent .chat-content .box {
    display: inline-block;
    padding: 10px;
    margin-bottom: 3px;
    background: #fff;
}
.chat-list .msg_receive .chat-time,
.chat-list .msg_sent .chat-time {
    display: block;
    font-size: 10px;
    color: #a1aab2;
    margin: 5px 0 15px 15px;
}
.chat-list .msg_receive.odd .chat-content,
.chat-list .msg_sent.odd .chat-content {
    text-align: right;
    width: calc(100% - 0px);
}
.chat-list .msg_receive.odd .chat-content .box,
.chat-list .msg_sent.odd .chat-content .box {
    clear: both;
    color: #fff;
    background: #4798e8;
}
.chat-list .msg_receive .reverse,
.chat-list .msg_receive.odd .chat-time,
.chat-list .msg_sent .reverse,
.chat-list .msg_sent.odd .chat-time {
    text-align: right;
}
.chat-list .msg_receive.odd + .odd,
.chat-list .msg_sent.odd + .odd {
    margin-top: 0;
}
.chat-list .msg_receive.reverse .chat-content,
.chat-list .msg_sent.reverse .chat-content {
    padding-left: 0;
    padding-right: 15px;
}
.chat-list .msg_receive.reverse .chat-time,
.chat-list .msg_sent.reverse .chat-time {
    text-align: left;
}
.mailbox .chat-scroll {
    height: calc(100vh - 100px);
}
.steamline {
    position: relative;
    border-left: 1px solid #e9ecef;
    margin-left: 20px;
}
.steamline .sl-left {
    float: left;
    margin-left: -20px;
    z-index: 1;
    width: 40px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    margin-right: 15px;
}
.steamline .sl-right {
    padding-left: 30px;
}
.steamline .sl-right .desc,
.steamline .sl-right .inline-photos {
    margin-bottom: 21px;
}
.steamline .sl-item {
    border-bottom: 1px solid #e9ecef;
    margin: 20px 0;
}
.steamline .sl-item:last-child {
    border-bottom: none;
}
.sl-date {
    font-size: 10px;
    color: #a1aab2;
}
.time-item {
    border-color: #e9ecef;
    padding-bottom: 1px;
    position: relative;
}
.time-item:before {
    content: " ";
    display: table;
}
.time-item:after {
    background-color: #fff;
    border-color: #e9ecef;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    content: "";
    height: 14px;
    left: 0;
    margin-left: -8px;
    position: absolute;
    top: 5px;
    width: 14px;
}
.time-item-item:after {
    content: " ";
    display: table;
}
.item-info {
    margin-bottom: 15px;
    margin-left: 15px;
}
.item-info p {
    margin-bottom: 10px !important;
}
.feed-widget .feed-body .feed-item {
    padding: 12px 0;
    display: flex;
    align-items: center;
}
.feed-widget .feed-body .feed-item:hover {
    background: #f8f9fa;
}
.feed-widget .feed-body .feed-item > .feed-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    color: #fff;
}
.feed-widget .feed-body .feed-item > .feed-icon i {
    line-height: 40px;
}
.todo-widget .todo-list .todo-item {
    border: 0;
    margin-bottom: 0;
    padding: 20px 15px 15px 0;
}
.todo-widget .todo-list .todo-item .custom-checkbox {
    width: 100%;
}
.todo-widget .todo-list .todo-item .custom-checkbox .todo-label {
    font-weight: 400;
    width: 100%;
}
.todo-widget .todo-list .todo-item .assignedto {
    padding: 0 0 0 25px;
    margin: 0;
}
.todo-widget .todo-list .todo-item .assignedto .assignee {
    padding: 0;
    display: inline-block;
    border: 0;
    margin-right: 2px;
}
.todo-widget .todo-list .todo-item .assignedto .assignee .assignee-img {
    width: 30px;
    border-radius: 100%;
}
#main-wrapper[data-layout="horizontal"][data-header-position="fixed"] .topbar,
#main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] .topbar {
    width: 100%;
    position: fixed;
}
.todo-widget .todo-list .todo-item .item-date {
    padding-left: 25px;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
    color: #a1aab2;
}
.list-task .task-done .badge,
.list-task .task-done .todo-desc {
    text-decoration: line-through;
}
.profiletimeline {
    position: relative;
    padding-left: 40px;
    margin: 40px 10px 0 30px;
    border-left: 1px solid #e9ecef;
}
.profiletimeline .sl-left {
    float: left;
    margin-left: -60px;
    z-index: 1;
    margin-right: 15px;
}
.profiletimeline .sl-item {
    margin-top: 8px;
    margin-bottom: 30px;
}
.profiletimeline .sl-date {
    font-size: 12px;
    color: #a1aab2;
}
#main-wrapper[data-layout="horizontal"][data-header-position="fixed"] .left-sidebar {
    padding-top: 64px;
}
#main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] .left-sidebar {
    padding-top: 64px;
    position: fixed;
}
#main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] .page-wrapper {
    padding-top: 78px;
}
@media (min-width: 768px) {
    #main-wrapper[data-layout="horizontal"] {
        background: #fff;
    }
    #main-wrapper[data-layout="horizontal"] .topbar {
        transition: 0s;
    }
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .page-wrapper,
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .scroll-sidebar,
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .top-navbar {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav {
        flex-wrap: wrap;
    }
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
        display: block;
    }
    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidebar-nav .sidebar-item {
        flex: 1 1 0;
    }
    #main-wrapper[data-layout="horizontal"][data-sidebar-position="fixed"] .page-wrapper {
        padding-top: 128px;
    }
    #main-wrapper[data-layout="horizontal"] .topbar .top-navbar .navbar-header {
        width: 200px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    #main-wrapper[data-layout="horizontal"] .topbar .sidebartoggler {
        display: none;
    }
    #main-wrapper[data-layout="horizontal"] .left-sidebar {
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 0;
        z-index: 45;
        transition: 0s;
        box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
        border-right: 0;
    }
    #main-wrapper[data-layout="horizontal"] .left-sidebar .scroll-sidebar {
        height: 50px;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav ul {
        display: flex;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav > ul > li.selected {
        padding: 0;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav > ul > li.selected > a {
        background: 0 0;
        border-radius: 6px 6px 0 0;
    }
    #main-wrapper[data-layout="horizontal"] .scroll-sidebar {
        height: auto;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav {
        display: flex;
        width: 100%;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .sidebar-item {
        position: relative;
        width: auto;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
        padding: 12px 10px;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
        transform: rotate(-135deg) translate(0, -50%);
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level {
        right: 0;
        left: auto;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level {
        width: 400px;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .two-column + .first-level > .sidebar-item {
        float: left;
        width: 50%;
        vertical-align: top;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul {
        position: absolute;
        left: 0;
        top: auto;
        width: 220px;
        padding-bottom: 0;
        z-index: 100;
        display: none;
        box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav ul.first-level > .sidebar-item:hover ul.second-level,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse {
        display: block;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .mega-dropdown {
        position: static;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .mega-dropdown .first-level {
        width: 100%;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .mega-dropdown .first-level > li {
        width: 25%;
        float: left;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav ul.first-level .sidebar-item .sidebar-link i {
        width: 10px;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover {
        background: rgba(0, 0, 0, 0.025);
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level.collapse:after,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:hover ul.first-level:after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.025);
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: -1;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul.second-level {
        left: 220px;
        top: 0;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .right-side-dd ul.second-level,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level ul.second-level {
        right: 220px;
        top: 0;
        left: auto;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .badge,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .nav-small-cap,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .sidebar-footer,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav .user-pro,
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item > .has-arrow:after {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    #main-wrapper[data-layout="horizontal"] .sidebar-nav > ul > .sidebar-item > .sidebar-link i {
        display: none;
    }
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item {
        flex: auto;
    }
    [data-sidebar-position="fixed"] .left-sidebar {
        overflow: auto;
    }
}
@media (min-width: 768px) {
    .bc-content {
        justify-content: flex-end;
    }
}
@media (max-width: 991.98px) {
    .do-block {
        display: block !important;
    }
}
.logo-m {
    max-width: 100%;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .logo-m {
        max-width: 30%;
    }
}

.card-body{
        padding: 1.25rem !important;

}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-menu > .dropdown-item{
    font-size: 1.45rem;
}
.dropdown-menu {
    position: absolute;
    will-change: transform;
    /*top: 0px;*/
    left: 0px;
    transform: translate3d(0px, -11px, 0px);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .65rem 1rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}
.btn, .btn-link, .dropdown-item {
    /*font-weight: 300;*/
}
.tab-content .row .table{
    margin-bottom: 30px;
}
.tab-content .row .table thead{
    border-top: 1px solid #dee2e6 !important;
}