body {
    color: #757575;
    background-color: #fff;
}

abbr[title],
abbr[data-original-title] {
    border-bottom: 1px dotted #e0e0e0;
}

a {
    color: var(--darker-main-color);
}

a:focus,
a:hover {
    color: var(--main-color);
}

table {
    background-color: transparent;
}

caption {
    color: #616161;
}

button:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #424242;
}

hr {
    border-top: 1px solid #e0e0e0;
}

mark,
.mark {
    background-color: #ff9800;
}

.blockquote {
    border-left: .285rem solid #e0e0e0;
}

.blockquote-footer {
    color: #9e9e9e;
}

.blockquote-reverse {
    border-right: .285rem solid #e0e0e0;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
}

.figure-caption {
    color: #bdbdbd;
}

code {
    color: #4f5584;
    background-color: rgba(197, 202, 233, .1);
}

kbd {
    color: #fff;
    background-color: var(--main-color);
}

pre {
    color: inherit;
}

.table th,
.table td {
    border-top: 1px solid #e0e0e0;
}

.table thead th {
    border-bottom: 2px solid #e0e0e0;
}

.table tbody+tbody {
    border-top: 2px solid #e0e0e0;
}

.table .table {
    background-color: #fff;
}

.table-bordered {
    border: 1px solid #e0e0e0;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #e0e0e0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(238, 238, 238, .3);
}

.table-hover tbody tr:hover {
    background-color: #eee;
}

.table-active,
.table-active>th,
.table-active>td {
    background-color: #eee;
}

.table-hover .table-active:hover {
    background-color: #e1e1e1;
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: #e1e1e1;
}

.table-success,
.table-success>th,
.table-success>td {
    background-color: var(--main-color);
}

.table-hover .table-success:hover {
    background-color: #449d48;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #449d48;
}

.table-info,
.table-info>th,
.table-info>td {
    background-color: var(--main-color);
}

.table-hover .table-info:hover {
    background-color: #00a5bb;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #00a5bb;
}

.table-warning,
.table-warning>th,
.table-warning>td {
    background-color: #ff9800;
}

.table-hover .table-warning:hover {
    background-color: #e68900;
}

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

.table-danger,
.table-danger>th,
.table-danger>td {
    background-color: #f44336;
}

.table-hover .table-danger:hover {
    background-color: #f32c1e;
}

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

.thead-inverse th {
    background-color: #757575;
}

.thead-default th {
    color: #9e9e9e;
    background-color: #e0e0e0;
}

.table-inverse {
    color: #e0e0e0;
    background-color: #757575;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
    border-color: #9e9e9e;
}

.table-reflow th,
.table-reflow td {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.table-reflow th:last-child,
.table-reflow td:last-child {
    border-right: 1px solid #e0e0e0;
}

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
    border-bottom: 1px solid #e0e0e0;
}

.table-reflow tr th,
.table-reflow tr td {
    border: 1px solid #e0e0e0;
}

.main-color {
    color: var(--main-color);
}

.form-control {
    color: #757575;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.form-control.focus,
.form-control:focus {
    border-color: var(--main-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: #9e9e9e;
}

.form-control::-moz-placeholder {
    color: #9e9e9e;
}

.form-control:-ms-input-placeholder {
    color: #9e9e9e;
}

.form-control::placeholder {
    color: #9e9e9e;
}

input::placeholder,
textarea::placeholder{
    color: lightgrey !important;;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #eee;
}

select.form-control:focus::-ms-value {
    color: #757575;
    background-color: #fff;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
    color: var(--main-color);
}

.has-success .form-control,
.has-success .custom-select,
.has-success .custom-file-control {
    border-color: var(--main-color);
}

.has-success .input-group-addon {
    color: var(--main-color);
    background-color: #d9eeda;
    border-color: var(--main-color);
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234297a8' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
    color: #ff9800;
}

.has-warning .form-control,
.has-warning .custom-select,
.has-warning .custom-file-control {
    border-color: #ff9800;
}

.has-warning .input-group-addon {
    color: #ff9800;
    background-color: #ffeacc;
    border-color: #ff9800;
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff9800' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
    color: #f44336 !important;
}

.has-danger .form-control,
.has-danger .custom-select,
.has-danger .custom-file-control {
    border-color: #f44336 !important;
}

.has-danger .input-group-addon {
    color: #f44336 !important;
    background-color: #fff8f7 !important;
    border-color: #f44336 !important;
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.btn-primary {
    color: #fff;
    background-color: var(--dialog-primary-button-color);
    border-color: var(--dialog-primary-button-color);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--dialog-primary-button-hover-color);
    border-color: var(--dialog-primary-button-hover-color);
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(63, 81, 181, .5);
    box-shadow: 0 0 0 2px rgba(63, 81, 181, .5);
    background-color: var(--dialog-primary-button-hover-color);
    border-color: var(--dialog-primary-button-hover-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #32408f;
    background-image: none;
    border-color: #32408f;
}

.btn-primary-light {
    color: #fff;
    background-color: var(--btn-primary-light);
    border-color: var(--btn-primary-light);
}

.btn-primary-light:hover {
    color: #fff;
    background-color: var(--light-main-color);
    border-color: var(--light-main-color);
}

.btn-primary-light:focus,
.btn-primary-light.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 80, 84, .5);
    box-shadow: 0 0 0 2px rgba(60, 80, 84, .5);
}

.btn-primary-light.disabled,
.btn-primary-light:disabled {
    background-color: var(--btn-primary-light);
    border-color: var(--btn-primary-light);
}

.btn-primary-light:active,
.btn-primary-light.active,
.show>.btn-primary-light.dropdown-toggle {
    color: #fff;
    background-color: var(--light-main-color);
    background-image: none;
    border-color: var(--light-main-color);
}

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

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

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #999;
    border-color: #999;
}

.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #aaa;
    background-image: none;
    border-color: #aaa;
}

.btn-info {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-info:hover {
    color: #fff;
    background-color: #008fa1;
    border-color: #008697;
}

.btn-info:focus,
.btn-info.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 188, 212, .5);
    box-shadow: 0 0 0 2px rgba(0, 188, 212, .5);
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #008fa1;
    background-image: none;
    border-color: #008697;
}

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

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

.btn-success.disabled,
.btn-success:disabled {
    background-color: #3d8b40;
    border-color: #39843c;
}

.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #43a047;
    background-image: none;
    border-color: #43a047;
}

.btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}

.btn-warning:hover {
    color: #fff;
    background-color: #cc7a00;
    border-color: #c27400;
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 152, 0, .5);
    box-shadow: 0 0 0 2px rgba(255, 152, 0, .5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ff9800;
    border-color: #ff9800;
}

.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #cc7a00;
    background-image: none;
    border-color: #c27400;
}

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

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

.btn-danger:focus,
.btn-danger.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(244, 67, 54, .5);
    box-shadow: 0 0 0 2px rgba(244, 67, 54, .5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #f44336;
    border-color: #f44336;
}

.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ea1c0d;
    background-image: none;
    border-color: #e11b0c;
}

.btn-outline-primary {
    color: var(--main-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--main-color);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(63, 81, 181, .5);
    box-shadow: 0 0 0 2px rgba(63, 81, 181, .5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--main-color);
    background-color: transparent;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-outline-secondary {
    color: #ccc;
    background-color: transparent;
    background-image: none;
    border-color: #ccc;
}

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

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-info {
    color: var(--main-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--main-color);
}

.btn-outline-info:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 188, 212, .5);
    box-shadow: 0 0 0 2px rgba(0, 188, 212, .5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: var(--main-color);
    background-color: transparent;
}

.btn-outline-info:active,
.btn-outline-info.active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-success {
    color: var(--main-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--main-color);
}

.btn-outline-success:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(66, 151, 168, .5);
    box-shadow: 0 0 0 2px rgba(66, 151, 168, .5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: var(--main-color);
    background-color: transparent;
}

.btn-outline-success:active,
.btn-outline-success.active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-warning {
    color: #ff9800;
    background-color: transparent;
    background-image: none;
    border-color: #ff9800;
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 152, 0, .5);
    box-shadow: 0 0 0 2px rgba(255, 152, 0, .5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ff9800;
    background-color: transparent;
}

.btn-outline-warning:active,
.btn-outline-warning.active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}

.btn-outline-danger {
    color: #f44336;
    background-color: transparent;
    background-image: none;
    border-color: #f44336;
}

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

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(244, 67, 54, .5);
    box-shadow: 0 0 0 2px rgba(244, 67, 54, .5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #f44336;
    background-color: transparent;
}

.btn-outline-danger:active,
.btn-outline-danger.active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
}

.btn-link {
    color: var(--darker-main-color);
}

.btn-link:focus,
.btn-link:hover {
    color: var(--main-color);
}

.btn-link:disabled:focus,
.btn-link:disabled:hover {
    color: #9e9e9e;
}

.dropdown-menu {
    color: #757575;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.dropdown-divider {
    height: 1px;
    margin: .5715rem 0;
    overflow: hidden;
    background-color: #e0e0e0;
}

.dropdown-item {
    color: #757575;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #757575;
    background-color: #eee;
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    color: #757575;
    background-color: #eee;
}

.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    color: #bdbdbd;
}

.dropdown-header {
    color: #424242;
}

.input-group-addon {
    color: #757575;
    background-color: #eee;
    border: 1px solid #e0e0e0;
}

.nav-link.disabled {
    color: #9e9e9e;
}

.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
    color: #9e9e9e;
    background-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #e0e0e0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent transparent #e0e0e0;
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
    color: #9e9e9e;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: #e0e0e0 #e0e0e0 transparent;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
    color: #fff;
    background-color: var(--main-color);
}

.nav-tabs .nav-link.has-danger {
    color: red !important;
    font-weight: 400;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .8);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .8);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .3);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .6);
}

.navbar-light .navbar-nav .open>.nav-link,
.navbar-light .navbar-nav .open>.nav-link:focus,
.navbar-light .navbar-nav .open>.nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .active>.nav-link:focus,
.navbar-light .navbar-nav .active>.nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
    color: rgba(0, 0, 0, .8);
}

.navbar-dark .navbar-brand {
    color: white;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: white;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

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

.navbar-dark .navbar-nav .open>.nav-link,
.navbar-dark .navbar-nav .open>.nav-link:focus,
.navbar-dark .navbar-nav .open>.nav-link:hover,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link:focus,
.navbar-dark .navbar-nav .active>.nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
    color: white;
}

.navbar-dark .navbar-toggler {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.card-header {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}

.card-footer {
    background-color: #eee;
    border-top: 1px solid #e0e0e0;
}

.card-primary {
    background-color: var(--main-color);
}

.card-primary.card-bordered,
.card-primary .card-header-bordered,
.card-primary .card-footer-bordered {
    border-color: var(--main-color);
}

.card-success {
    background-color: var(--main-color);
}

.card-success.card-bordered,
.card-success .card-header-bordered,
.card-success .card-footer-bordered {
    border-color: var(--main-color);
}

.card-info {
    background-color: var(--main-color);
}

.card-info.card-bordered,
.card-info .card-header-bordered,
.card-info .card-footer-bordered {
    border-color: var(--main-color);
}

.card-warning {
    background-color: #ff9800;
}

.card-warning.card-bordered,
.card-warning .card-header-bordered,
.card-warning .card-footer-bordered {
    border-color: #ff9800;
}

.card-danger {
    background-color: #f44336;
}

.card-danger.card-bordered,
.card-danger .card-header-bordered,
.card-danger .card-footer-bordered {
    border-color: #f44336;
}

.card-outline-primary {
    background-color: #fff;
}

.card-outline-primary.card-bordered,
.card-outline-primary .card-header-bordered,
.card-outline-primary .card-footer-bordered {
    border-color: var(--main-color);
}

.card-outline-secondary {
    background-color: #fff;
}

.card-outline-secondary.card-bordered,
.card-outline-secondary .card-header-bordered,
.card-outline-secondary .card-footer-bordered {
    border-color: #ccc;
}

.card-outline-info {
    background-color: #fff;
}

.card-outline-info.card-bordered,
.card-outline-info .card-header-bordered,
.card-outline-info .card-footer-bordered {
    border-color: var(--main-color);
}

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

.card-outline-success.card-bordered,
.card-outline-success .card-header-bordered,
.card-outline-success .card-footer-bordered {
    border-color: var(--main-color);
}

.card-outline-warning {
    background-color: #fff;
}

.card-outline-warning.card-bordered,
.card-outline-warning .card-header-bordered,
.card-outline-warning .card-footer-bordered {
    border-color: #ff9800;
}

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

.card-outline-danger.card-bordered,
.card-outline-danger .card-header-bordered,
.card-outline-danger .card-footer-bordered {
    border-color: #f44336;
}

.card-inverse.card-bordered,
.card-inverse .card-header-bordered,
.card-inverse .card-footer-bordered {
    border-color: rgba(255, 255, 255, .2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
    color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote>footer {
    color: rgba(255, 255, 255, .65);
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
    color: #fff;
}

.breadcrumb {
    background-color: transparent;
}

.breadcrumb>li+li::before {
    color: #bdbdbd;
}

.breadcrumb>.active {
    color: #757575;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
    color: #bdbdbd;
    background-color: transparent;
    border-color: #e0e0e0;
}

.page-link {
    color: #757575;
    background-color: transparent;
    border: 1px solid #e0e0e0;
}

.page-link:focus,
.page-link:hover {
    color: var(--main-color);
    background-color: #eee;
    border-color: #e0e0e0;
}

.badge {
    color: #fff;
}

a.badge:focus,
a.badge:hover {
    color: #fff;
}

.badge-default {
    background-color: #e0e0e0;
}

.badge-default[href]:focus,
.badge-default[href]:hover {
    background-color: #c7c7c7;
}

.badge-primary {
    background-color: var(--dialog-primary-button-color);
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: var(--dialog-primary-button-hover-color);
}

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

.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #3d8b40;
}

.badge-info {
    background-color: var(--main-color);
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: var(--light-main-color);
}

.badge-warning {
    background-color: #ff9800;
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #cc7a00;
}

.badge-danger {
    background-color: #f44336;
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #ea1c0d;
}

.tooltip-info .tooltip-inner {
    border-color: var(--main-color);
}

.tooltip-success .tooltip-inner {
    border-color: #4caf50;
}

.tooltip-warning .tooltip-inner {
    border-color: #ff9800;
}

.tooltip-danger .tooltip-inner {
    border-color: #f44336;
}

.jumbotron {
    background-color: #e0e0e0;
}

.jumbotron-hr {
    border-top-color: #c7c7c7;
}

.alert-success {
    color: var(--main-color);
    background-color: rgba(200, 230, 201, .8);
    border-color: #c8e6c9;
}

.alert-success .close {
    color: var(--main-color);
}

.alert-success .close:hover,
.alert-success .close:focus {
    color: var(--main-color);
}

.alert-info {
    color: var(--main-color);
    background-color: rgba(178, 235, 242, .8);
    border-color: #b2ebf2;
}

.alert-info .close {
    color: var(--main-color);
}

.alert-info .close:hover,
.alert-info .close:focus {
    color: var(--main-color);
}

.alert-warning {
    color: #ff9800;
    background-color: rgba(255, 224, 178, .8);
    border-color: #ffe0b2;
}

.alert-warning .close {
    color: #ff9800;
}

.alert-warning .close:hover,
.alert-warning .close:focus {
    color: #ff9800;
}

.alert-danger {
    color: #f44336;
    background-color: rgba(255, 205, 210, .8);
    border-color: #ffcdd2;
}

.alert-danger .close {
    color: #f44336;
}

.alert-danger .close:hover,
.alert-danger .close:focus {
    color: #f44336;
}

.list-group-item {
    background-color: #fff;
    border: 1px solid transparent;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #bdbdbd;
    background-color: transparent;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #bdbdbd;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    color: var(--main-color);
    background-color: transparent;
    border-color: transparent;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #d1d6ef;
}

.list-group-item-action {
    color: #757575;
}

.list-group-item-action .list-group-item-heading {
    color: #424242;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #757575;
    background-color: #eee;
}

.list-group-item-success {
    color: #fff;
    background-color: var(--main-color);
}

a.list-group-item-success,
button.list-group-item-success {
    color: #fff;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #fff;
    background-color: #449d48;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.list-group-item-info {
    color: #fff;
    background-color: var(--main-color);
}

a.list-group-item-info,
button.list-group-item-info {
    color: #fff;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #fff;
    background-color: #00a5bb;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.list-group-item-warning {
    color: #fff;
    background-color: #ff9800;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #fff;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #fff;
    background-color: #e68900;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.list-group-item-danger {
    color: #fff;
    background-color: #f44336;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #fff;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #fff;
    background-color: #f32c1e;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.close {
    color: #9e9e9e;
    text-shadow: none;
    opacity: 1;
}

.close:focus,
.close:hover {
    color: #000;
}

.modal-content {
    background-color: #fff;
    border: 1px solid transparent;
}

.modal-backdrop {
    background-color: #000;
}

.modal-backdrop.in {
    opacity: .5;
}

.modal-header {
    border-bottom: 1px solid #e0e0e0;
}

.modal-footer {
    border-top: 1px solid #e0e0e0;
}

.tooltip.tooltip-top .tooltip-arrow,
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, .8);
}

.tooltip.tooltip-right .tooltip-arrow,
.tooltip.bs-tether-element-attached-left .tooltip-arrow {
    border-right-color: rgba(0, 0, 0, .8);
}

.tooltip.tooltip-bottom .tooltip-arrow,
.tooltip.bs-tether-element-attached-top .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, .8);
}

.tooltip.tooltip-left .tooltip-arrow,
.tooltip.bs-tether-element-attached-right .tooltip-arrow {
    border-left-color: rgba(0, 0, 0, .8);
}

.tooltip-inner {
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
}

.popover {
    background-color: #fff;
    border: 1px solid rgba(189, 189, 189, .8);
}

.popover.popover-top .popover-arrow,
.popover.bs-tether-element-attached-bottom .popover-arrow {
    border-top-color: rgba(189, 189, 189, .85);
}

.popover.popover-top .popover-arrow::after,
.popover.bs-tether-element-attached-bottom .popover-arrow::after {
    border-top-color: #fff;
}

.popover.popover-right .popover-arrow,
.popover.bs-tether-element-attached-left .popover-arrow {
    border-right-color: rgba(189, 189, 189, .85);
}

.popover.popover-right .popover-arrow::after,
.popover.bs-tether-element-attached-left .popover-arrow::after {
    border-right-color: #fff;
}

.popover.popover-bottom .popover-arrow,
.popover.bs-tether-element-attached-top .popover-arrow {
    border-bottom-color: rgba(189, 189, 189, .85);
}

.popover.popover-bottom .popover-arrow::after,
.popover.bs-tether-element-attached-top .popover-arrow::after {
    border-bottom-color: #fff;
}

.popover.popover-left .popover-arrow,
.popover.bs-tether-element-attached-right .popover-arrow {
    border-left-color: rgba(189, 189, 189, .85);
}

.popover.popover-left .popover-arrow::after,
.popover.bs-tether-element-attached-right .popover-arrow::after {
    border-left-color: #fff;
}

.popover-title {
    background-color: #eee;
    border-bottom: 1px solid #e1e1e1;
}

.carousel-control {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-control.left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
}

.carousel-indicators li {
    border: 1px solid #fff;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.bg-faded {
    background-color: #eee;
}

.bg-primary {
    background-color: var(--main-color) !important;
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #32408f !important;
}

.bg-success {
    background-color: var(--main-color) !important;
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #3d8b40 !important;
}

.bg-info {
    background-color: var(--main-color) !important;
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #008fa1 !important;
}

.bg-warning {
    background-color: #ff9800 !important;
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #cc7a00 !important;
}

.bg-danger {
    background-color: #f44336 !important;
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #ea1c0d !important;
}

.bg-inverse {
    background-color: #757575 !important;
}

a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #5c5c5c !important;
}

.text-muted {
    color: #616161 !important;
}

a.text-muted:focus,
a.text-muted:hover {
    color: #484848 !important;
}

.text-primary {
    color: var(--main-color) !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #32408f !important;
}

.text-success {
    color: var(--main-color) !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #3d8b40 !important;
}

.text-info {
    color: var(--main-color) !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #008fa1 !important;
}

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

a.text-warning:focus,
a.text-warning:hover {
    color: #cc7a00 !important;
}

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

a.text-danger:focus,
a.text-danger:hover {
    color: #ea1c0d !important;
}

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

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

a.text-action {
    color: #9e9e9e;
}

a.text-action:hover,
a.text-action:focus {
    color: #bdbdbd;
}

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

a.text-like.active,
a.text-like:hover,
a.text-like:focus {
    color: #e53935 !important;
}

mark,
.mark {
    color: #fff;
}

.drop-cap {
    color: #212121;
}

.drop-cap-reversed {
    color: #fff;
    background-color: #212121;
}

blockquote {
    color: #616161;
    border-left: 2px solid #e0e0e0;
}

.blockquote-reverse {
    border-right-width: 2px;
}

.blockquote-success {
    background-color: rgba(66, 151, 168, .1);
    border-color: var(--main-color);
}

.blockquote-info {
    background-color: rgba(0, 188, 212, .1);
    border-color: var(--main-color);
}

.blockquote-warning {
    background-color: rgba(255, 152, 0, .1);
    border-color: #ff9800;
}

.blockquote-danger {
    background-color: rgba(244, 67, 54, .1);
    border-color: #f44336;
}

.img-bordered {
    border-color: #e0e0e0;
}

.img-bordered-primary {
    border-color: var(--main-color) !important;
}

.img-bordered-purple {
    border-color: #8e24aa !important;
}

.img-bordered-red {
    border-color: #e53935 !important;
}

.img-bordered-green {
    border-color: #67ABB9 !important;
}

.img-bordered-orange {
    border-color: #fb8c00 !important;
}

code {
    border-color: #c5cae9;
}

pre {
    color: inherit;
    border-color: #e8eaf6;
}

.container {
    max-width: 100%;
}

@media (min-width: 1600px) {
    .container {
        width: 1310px;
    }
}

.row.no-space {
    margin-right: 0;
    margin-left: 0;
}

.row.no-space>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.row-lg {
    margin-right: -1.786rem;
    margin-left: -1.786rem;
}

.row-lg>.col-1,
.row-lg>.col-2,
.row-lg>.col-3,
.row-lg>.col-4,
.row-lg>.col-5,
.row-lg>.col-6,
.row-lg>.col-7,
.row-lg>.col-8,
.row-lg>.col-9,
.row-lg>.col-10,
.row-lg>.col-11,
.row-lg>.col-12,
.row-lg>.col,
.row-lg>.col-sm-1,
.row-lg>.col-sm-2,
.row-lg>.col-sm-3,
.row-lg>.col-sm-4,
.row-lg>.col-sm-5,
.row-lg>.col-sm-6,
.row-lg>.col-sm-7,
.row-lg>.col-sm-8,
.row-lg>.col-sm-9,
.row-lg>.col-sm-10,
.row-lg>.col-sm-11,
.row-lg>.col-sm-12,
.row-lg>.col-sm,
.row-lg>.col-md-1,
.row-lg>.col-md-2,
.row-lg>.col-md-3,
.row-lg>.col-md-4,
.row-lg>.col-md-5,
.row-lg>.col-md-6,
.row-lg>.col-md-7,
.row-lg>.col-md-8,
.row-lg>.col-md-9,
.row-lg>.col-md-10,
.row-lg>.col-md-11,
.row-lg>.col-md-12,
.row-lg>.col-md,
.row-lg>.col-lg-1,
.row-lg>.col-lg-2,
.row-lg>.col-lg-3,
.row-lg>.col-lg-4,
.row-lg>.col-lg-5,
.row-lg>.col-lg-6,
.row-lg>.col-lg-7,
.row-lg>.col-lg-8,
.row-lg>.col-lg-9,
.row-lg>.col-lg-10,
.row-lg>.col-lg-11,
.row-lg>.col-lg-12,
.row-lg>.col-lg,
.row-lg>.col-xl-1,
.row-lg>.col-xl-2,
.row-lg>.col-xl-3,
.row-lg>.col-xl-4,
.row-lg>.col-xl-5,
.row-lg>.col-xl-6,
.row-lg>.col-xl-7,
.row-lg>.col-xl-8,
.row-lg>.col-xl-9,
.row-lg>.col-xl-10,
.row-lg>.col-xl-11,
.row-lg>.col-xl-12,
.row-lg>.col-xl,
.row-lg>.col-xxl-1,
.row-lg>.col-xxl-2,
.row-lg>.col-xxl-3,
.row-lg>.col-xxl-4,
.row-lg>.col-xxl-5,
.row-lg>.col-xxl-6,
.row-lg>.col-xxl-7,
.row-lg>.col-xxl-8,
.row-lg>.col-xxl-9,
.row-lg>.col-xxl-10,
.row-lg>.col-xxl-11,
.row-lg>.col-xxl-12,
.row-lg>.col-xxl {
    padding-right: 1.786rem;
    padding-left: 1.786rem;
}

.table {
    color: #757575;
}

.table thead th,
.table tfoot th {
    color: #616161;
}

.table thead:first-child th {
    border-top: none;
}

.table-active,
.table-active>th,
.table-active>td {
    color: inherit;
    background-color: #eee;
}

.table-active a {
    color: inherit;
}

.table-hover .table-active:hover {
    background-color: #e1e1e1;
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    color: inherit;
    background-color: #e1e1e1;
}

.table-success,
.table-success>th,
.table-success>td {
    color: #fff;
    background-color: var(--main-color);
}

.table-success a {
    color: #fff;
}

.table-hover .table-success:hover {
    background-color: #449d48;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    color: #fff;
    background-color: #449d48;
}

.table-info,
.table-info>th,
.table-info>td {
    color: #fff;
    background-color: var(--main-color);
}

.table-info a {
    color: #fff;
}

.table-hover .table-info:hover {
    background-color: #00a5bb;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    color: #fff;
    background-color: #00a5bb;
}

.table-warning,
.table-warning>th,
.table-warning>td {
    color: #fff;
    background-color: #ff9800;
}

.table-warning a {
    color: #fff;
}

.table-hover .table-warning:hover {
    background-color: #e68900;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    color: #fff;
    background-color: #e68900;
}

.table-danger,
.table-danger>th,
.table-danger>td {
    color: #fff;
    background-color: #f44336;
}

.table-danger a {
    color: #fff;
}

.table-hover .table-danger:hover {
    background-color: #f32c1e;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    color: #fff;
    background-color: #f32c1e;
}

.table .thead-default th {
    color: inherit;
    background-color: #eee;
}

.table .thead-primary th {
    color: #fff;
    background-color: var(--main-color);
}

.table .thead-success th {
    color: #fff;
    background-color: var(--main-color);
}

.table .thead-info th {
    color: #fff;
    background-color: var(--main-color);
}

.table .thead-warning th {
    color: #fff;
    background-color: #ff9800;
}

.table .thead-danger th {
    color: #fff;
    background-color: #f44336;
}

.table .thead-dark th {
    color: #fff;
    background-color: #616161;
}

.table .thead-gray th {
    color: #616161;
    background-color: #bdbdbd;
}

.table-section.active tr {
    background-color: #eee;
}

.form-control {
    border-color: #e0e0e0;
}

select[multiple].form-control {
    background: #fff;
}

.has-success .form-control-label {
    color: var(--main-color);
}

.has-success .form-control-feedback {
    color: var(--main-color);
}

.has-success .form-control {
    border-color: var(--main-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.has-warning .form-control-label {
    color: #ff9800;
}

.has-warning .form-control-feedback {
    color: #ff9800;
}

.has-warning .form-control {
    border-color: #ff9800;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.has-danger .form-control-label {
    color: #f44336 !important;
}

.has-danger .form-control-feedback {
    color: #f44336 !important;
}

.has-danger .form-control {
    border-color: #f44336 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.input-group-file input[type="text"] {
    background-color: #fff;
}

.text-help {
    color: #959595;
}

.input-search-close {
    color: #000;
    text-shadow: none;
}

.input-search-close:hover,
.input-search-close:focus {
    color: #000;
}

button.input-search-close {
    background: transparent;
    border: 0;
}

.input-search .input-search-icon {
    color: #9e9e9e;
}

.input-search-btn {
    background: transparent;
}

.input-search-dark .input-search-icon {
    color: #757575;
}

.input-search-dark .form-control {
    background: #eee;
}

.input-search-dark .form-control:focus {
    background-color: transparent;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    background-color: var(--dialog-primary-button-color) !important;
    border-color: var(--dialog-primary-button-color) !important;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.btn-primary.dropdown-toggle:hover {
    background-color: var(--dialog-primary-button-hover-color) !important;
    border-color: var(--dialog-primary-button-hover-color) !important;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    color: #fff;
    background-color: var(--dialog-primary-button-hover-color);
    border-color: var(--dialog-primary-button-hover-color);
}

.btn-primary .badge-pill {
    color: var(--main-color);
    background-color: #fff;
}

.btn-primary.btn-up:before {
    border-bottom-color: var(--main-color);
}

.btn-primary.btn-up:focus:before,
.btn-primary.btn-up:hover:before {
    border-bottom-color: var(--lighter-main-color);
}

.btn-primary.btn-up.active:before,
.btn-primary.btn-up:active:before,
.open>.btn-primary.btn-up.dropdown-toggle:before {
    border-bottom-color: var(--darker-main-color);
}

.btn-primary.btn-right:before {
    border-left-color: var(--main-color);
}

.btn-primary.btn-right:focus:before,
.btn-primary.btn-right:hover:before {
    border-left-color: var(--lighter-main-color);
}

.btn-primary.btn-right.active:before,
.btn-primary.btn-right:active:before,
.open>.btn-primary.btn-right.dropdown-toggle:before {
    border-left-color: var(--darker-main-color);
}

.btn-primary.btn-bottom:before {
    border-top-color: var(--main-color);
}

.btn-primary.btn-bottom:focus:before,
.btn-primary.btn-bottom:hover:before {
    border-top-color: var(--lighter-main-color);
}

.btn-primary.btn-bottom.active:before,
.btn-primary.btn-bottom:active:before,
.open>.btn-primary.btn-bottom.dropdown-toggle:before {
    border-top-color: var(--darker-main-color);
}

.btn-primary.btn-left:before {
    border-right-color: var(--main-color);
}

.btn-primary.btn-left:focus:before,
.btn-primary.btn-left:hover:before {
    border-right-color: var(--lighter-main-color);
}

.btn-primary.btn-left.active:before,
.btn-primary.btn-left:active:before,
.open>.btn-primary.btn-left.dropdown-toggle:before {
    border-right-color: var(--darker-main-color);
}

.btn-primary.btn-flat {
    color: var(--main-color);
}

.btn-primary.btn-flat:hover,
.btn-primary.btn-flat:focus,
.btn-primary.btn-flat.focus {
    color: #fff;
}

.btn-primary.btn-flat:active,
.btn-primary.btn-flat.active,
.open>.btn-primary.btn-flat.dropdown-toggle {
    color: #fff;
}

.btn-primary.btn-flat:active:hover,
.btn-primary.btn-flat:active:focus,
.btn-primary.btn-flat:active.focus,
.btn-primary.btn-flat.active:hover,
.btn-primary.btn-flat.active:focus,
.btn-primary.btn-flat.active.focus,
.open>.btn-primary.btn-flat.dropdown-toggle:hover,
.open>.btn-primary.btn-flat.dropdown-toggle:focus,
.open>.btn-primary.btn-flat.dropdown-toggle.focus {
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
    background-color: var(--lighter-secondary-color);
    border-color: var(--lighter-secondary-color);
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    background-color: #00acc1;
    border-color: #00acc1;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
    background-color: #00acc1;
    border-color: #00acc1;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    color: #fff;
    background-color: #26c6da;
    border-color: #26c6da;
}

.btn-info .badge-pill {
    color: var(--main-color);
    background-color: #fff;
}

.btn-info.btn-up:before {
    border-bottom-color: var(--main-color);
}

.btn-info.btn-up:focus:before,
.btn-info.btn-up:hover:before {
    border-bottom-color: #26c6da;
}

.btn-info.btn-up.active:before,
.btn-info.btn-up:active:before,
.open>.btn-info.btn-up.dropdown-toggle:before {
    border-bottom-color: #00acc1;
}

.btn-info.btn-right:before {
    border-left-color: var(--main-color);
}

.btn-info.btn-right:focus:before,
.btn-info.btn-right:hover:before {
    border-left-color: #26c6da;
}

.btn-info.btn-right.active:before,
.btn-info.btn-right:active:before,
.open>.btn-info.btn-right.dropdown-toggle:before {
    border-left-color: #00acc1;
}

.btn-info.btn-bottom:before {
    border-top-color: var(--main-color);
}

.btn-info.btn-bottom:focus:before,
.btn-info.btn-bottom:hover:before {
    border-top-color: #26c6da;
}

.btn-info.btn-bottom.active:before,
.btn-info.btn-bottom:active:before,
.open>.btn-info.btn-bottom.dropdown-toggle:before {
    border-top-color: #00acc1;
}

.btn-info.btn-left:before {
    border-right-color: var(--main-color);
}

.btn-info.btn-left:focus:before,
.btn-info.btn-left:hover:before {
    border-right-color: #26c6da;
}

.btn-info.btn-left.active:before,
.btn-info.btn-left:active:before,
.open>.btn-info.btn-left.dropdown-toggle:before {
    border-right-color: #00acc1;
}

.btn-info.btn-flat {
    color: var(--main-color);
}

.btn-info.btn-flat:hover,
.btn-info.btn-flat:focus,
.btn-info.btn-flat.focus {
    color: #fff;
}

.btn-info.btn-flat:active,
.btn-info.btn-flat.active,
.open>.btn-info.btn-flat.dropdown-toggle {
    color: #fff;
}

.btn-info.btn-flat:active:hover,
.btn-info.btn-flat:active:focus,
.btn-info.btn-flat:active.focus,
.btn-info.btn-flat.active:hover,
.btn-info.btn-flat.active:focus,
.btn-info.btn-flat.active.focus,
.open>.btn-info.btn-flat.dropdown-toggle:hover,
.open>.btn-info.btn-flat.dropdown-toggle:focus,
.open>.btn-info.btn-flat.dropdown-toggle.focus {
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
    background-color: #ffa726;
    border-color: #ffa726;
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    background-color: #fb8c00;
    border-color: #fb8c00;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
    background-color: #fb8c00;
    border-color: #fb8c00;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    color: #fff;
    background-color: #ffa726;
    border-color: #ffa726;
}

.btn-warning .badge-pill {
    color: #ff9800;
    background-color: #fff;
}

.btn-warning.btn-up:before {
    border-bottom-color: #ff9800;
}

.btn-warning.btn-up:focus:before,
.btn-warning.btn-up:hover:before {
    border-bottom-color: #ffa726;
}

.btn-warning.btn-up.active:before,
.btn-warning.btn-up:active:before,
.open>.btn-warning.btn-up.dropdown-toggle:before {
    border-bottom-color: #fb8c00;
}

.btn-warning.btn-right:before {
    border-left-color: #ff9800;
}

.btn-warning.btn-right:focus:before,
.btn-warning.btn-right:hover:before {
    border-left-color: #ffa726;
}

.btn-warning.btn-right.active:before,
.btn-warning.btn-right:active:before,
.open>.btn-warning.btn-right.dropdown-toggle:before {
    border-left-color: #fb8c00;
}

.btn-warning.btn-bottom:before {
    border-top-color: #ff9800;
}

.btn-warning.btn-bottom:focus:before,
.btn-warning.btn-bottom:hover:before {
    border-top-color: #ffa726;
}

.btn-warning.btn-bottom.active:before,
.btn-warning.btn-bottom:active:before,
.open>.btn-warning.btn-bottom.dropdown-toggle:before {
    border-top-color: #fb8c00;
}

.btn-warning.btn-left:before {
    border-right-color: #ff9800;
}

.btn-warning.btn-left:focus:before,
.btn-warning.btn-left:hover:before {
    border-right-color: #ffa726;
}

.btn-warning.btn-left.active:before,
.btn-warning.btn-left:active:before,
.open>.btn-warning.btn-left.dropdown-toggle:before {
    border-right-color: #fb8c00;
}

.btn-warning.btn-flat {
    color: #ff9800;
}

.btn-warning.btn-flat:hover,
.btn-warning.btn-flat:focus,
.btn-warning.btn-flat.focus {
    color: #fff;
}

.btn-warning.btn-flat:active,
.btn-warning.btn-flat.active,
.open>.btn-warning.btn-flat.dropdown-toggle {
    color: #fff;
}

.btn-warning.btn-flat:active:hover,
.btn-warning.btn-flat:active:focus,
.btn-warning.btn-flat:active.focus,
.btn-warning.btn-flat.active:hover,
.btn-warning.btn-flat.active:focus,
.btn-warning.btn-flat.active.focus,
.open>.btn-warning.btn-flat.dropdown-toggle:hover,
.open>.btn-warning.btn-flat.dropdown-toggle:focus,
.open>.btn-warning.btn-flat.dropdown-toggle.focus {
    color: #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
    background-color: #ef5350;
    border-color: #ef5350;
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    background-color: #e53935;
    border-color: #e53935;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
    background-color: #e53935;
    border-color: #e53935;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    color: #fff;
    background-color: #ef5350;
    border-color: #ef5350;
}

.btn-danger .badge-pill {
    color: #f44336;
    background-color: #fff;
}

.btn-danger.btn-up:before {
    border-bottom-color: #f44336;
}

.btn-danger.btn-up:focus:before,
.btn-danger.btn-up:hover:before {
    border-bottom-color: #ef5350;
}

.btn-danger.btn-up.active:before,
.btn-danger.btn-up:active:before,
.open>.btn-danger.btn-up.dropdown-toggle:before {
    border-bottom-color: #e53935;
}

.btn-danger.btn-right:before {
    border-left-color: #f44336;
}

.btn-danger.btn-right:focus:before,
.btn-danger.btn-right:hover:before {
    border-left-color: #ef5350;
}

.btn-danger.btn-right.active:before,
.btn-danger.btn-right:active:before,
.open>.btn-danger.btn-right.dropdown-toggle:before {
    border-left-color: #e53935;
}

.btn-danger.btn-bottom:before {
    border-top-color: #f44336;
}

.btn-danger.btn-bottom:focus:before,
.btn-danger.btn-bottom:hover:before {
    border-top-color: #ef5350;
}

.btn-danger.btn-bottom.active:before,
.btn-danger.btn-bottom:active:before,
.open>.btn-danger.btn-bottom.dropdown-toggle:before {
    border-top-color: #e53935;
}

.btn-danger.btn-left:before {
    border-right-color: #f44336;
}

.btn-danger.btn-left:focus:before,
.btn-danger.btn-left:hover:before {
    border-right-color: #ef5350;
}

.btn-danger.btn-left.active:before,
.btn-danger.btn-left:active:before,
.open>.btn-danger.btn-left.dropdown-toggle:before {
    border-right-color: #e53935;
}

.btn-danger.btn-flat {
    color: #f44336;
}

.btn-danger.btn-flat:hover,
.btn-danger.btn-flat:focus,
.btn-danger.btn-flat.focus {
    color: #fff;
}

.btn-danger.btn-flat:active,
.btn-danger.btn-flat.active,
.open>.btn-danger.btn-flat.dropdown-toggle {
    color: #fff;
}

.btn-danger.btn-flat:active:hover,
.btn-danger.btn-flat:active:focus,
.btn-danger.btn-flat:active.focus,
.btn-danger.btn-flat.active:hover,
.btn-danger.btn-flat.active:focus,
.btn-danger.btn-flat.active.focus,
.open>.btn-danger.btn-flat.dropdown-toggle:hover,
.open>.btn-danger.btn-flat.dropdown-toggle:focus,
.open>.btn-danger.btn-flat.dropdown-toggle.focus {
    color: #fff;
}

.btn-inverse {
    color: #757575;
    background-color: #fff;
    border-color: #eee;
}

.btn-inverse:hover {
    color: #757575;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
}

.btn-inverse:focus,
.btn-inverse.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(238, 238, 238, .5);
    box-shadow: 0 0 0 2px rgba(238, 238, 238, .5);
}

.btn-inverse.disabled,
.btn-inverse:disabled {
    background-color: #fff;
    border-color: #eee;
}

.btn-inverse:active,
.btn-inverse.active,
.show>.btn-inverse.dropdown-toggle {
    color: #757575;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #cfcfcf;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus {
    background-color: #fff;
    border-color: #f5f5f5;
}

.btn-inverse:active,
.btn-inverse.active,
.open>.btn-inverse.dropdown-toggle {
    background-color: #fff;
    border-color: #e0e0e0;
}

.btn-inverse:active:hover,
.btn-inverse:active:focus,
.btn-inverse:active.focus,
.btn-inverse.active:hover,
.btn-inverse.active:focus,
.btn-inverse.active.focus,
.open>.btn-inverse.dropdown-toggle:hover,
.open>.btn-inverse.dropdown-toggle:focus,
.open>.btn-inverse.dropdown-toggle.focus {
    background-color: #fff;
    border-color: #e0e0e0;
}

.btn-inverse.disabled,
.btn-inverse.disabled:hover,
.btn-inverse.disabled:focus,
.btn-inverse.disabled.focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled],
.btn-inverse[disabled]:hover,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled].focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse.focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
    color: #bdbdbd;
    background-color: #fff;
    border-color: #9e9e9e;
}

.btn-inverse .badge-pill {
    color: #fff;
    background-color: #757575;
}

.btn-inverse.btn-up:before {
    border-bottom-color: #fff;
}

.btn-inverse.btn-up:focus:before,
.btn-inverse.btn-up:hover:before {
    border-bottom-color: #fff;
}

.btn-inverse.btn-up.active:before,
.btn-inverse.btn-up:active:before,
.open>.btn-inverse.btn-up.dropdown-toggle:before {
    border-bottom-color: #fff;
}

.btn-inverse.btn-right:before {
    border-left-color: #fff;
}

.btn-inverse.btn-right:focus:before,
.btn-inverse.btn-right:hover:before {
    border-left-color: #fff;
}

.btn-inverse.btn-right.active:before,
.btn-inverse.btn-right:active:before,
.open>.btn-inverse.btn-right.dropdown-toggle:before {
    border-left-color: #fff;
}

.btn-inverse.btn-bottom:before {
    border-top-color: #fff;
}

.btn-inverse.btn-bottom:focus:before,
.btn-inverse.btn-bottom:hover:before {
    border-top-color: #fff;
}

.btn-inverse.btn-bottom.active:before,
.btn-inverse.btn-bottom:active:before,
.open>.btn-inverse.btn-bottom.dropdown-toggle:before {
    border-top-color: #fff;
}

.btn-inverse.btn-left:before {
    border-right-color: #fff;
}

.btn-inverse.btn-left:focus:before,
.btn-inverse.btn-left:hover:before {
    border-right-color: #fff;
}

.btn-inverse.btn-left.active:before,
.btn-inverse.btn-left:active:before,
.open>.btn-inverse.btn-left.dropdown-toggle:before {
    border-right-color: #fff;
}

.btn-inverse.btn-flat {
    color: #fff;
}

.btn-inverse.btn-flat:hover,
.btn-inverse.btn-flat:focus,
.btn-inverse.btn-flat.focus {
    color: #757575;
}

.btn-inverse.btn-flat:active,
.btn-inverse.btn-flat.active,
.open>.btn-inverse.btn-flat.dropdown-toggle {
    color: #757575;
}

.btn-inverse.btn-flat:active:hover,
.btn-inverse.btn-flat:active:focus,
.btn-inverse.btn-flat:active.focus,
.btn-inverse.btn-flat.active:hover,
.btn-inverse.btn-flat.active:focus,
.btn-inverse.btn-flat.active.focus,
.open>.btn-inverse.btn-flat.dropdown-toggle:hover,
.open>.btn-inverse.btn-flat.dropdown-toggle:focus,
.open>.btn-inverse.btn-flat.dropdown-toggle.focus {
    color: #757575;
}

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

.btn-dark:hover {
    color: #fff;
    background-color: #484848;
    border-color: #424242;
}

.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(97, 97, 97, .5);
    box-shadow: 0 0 0 2px rgba(97, 97, 97, .5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #616161;
    border-color: #616161;
}

.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #484848;
    background-image: none;
    border-color: #424242;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
    background-color: #757575;
    border-color: #757575;
}

.btn-dark:active,
.btn-dark.active,
.open>.btn-dark.dropdown-toggle {
    background-color: #424242;
    border-color: #424242;
}

.btn-dark:active:hover,
.btn-dark:active:focus,
.btn-dark:active.focus,
.btn-dark.active:hover,
.btn-dark.active:focus,
.btn-dark.active.focus,
.open>.btn-dark.dropdown-toggle:hover,
.open>.btn-dark.dropdown-toggle:focus,
.open>.btn-dark.dropdown-toggle.focus {
    background-color: #424242;
    border-color: #424242;
}

.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled.focus,
.btn-dark.disabled:active,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled].focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark.focus,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark.active {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

.btn-dark .badge-pill {
    color: #616161;
    background-color: #fff;
}

.btn-dark.btn-up:before {
    border-bottom-color: #616161;
}

.btn-dark.btn-up:focus:before,
.btn-dark.btn-up:hover:before {
    border-bottom-color: #757575;
}

.btn-dark.btn-up.active:before,
.btn-dark.btn-up:active:before,
.open>.btn-dark.btn-up.dropdown-toggle:before {
    border-bottom-color: #424242;
}

.btn-dark.btn-right:before {
    border-left-color: #616161;
}

.btn-dark.btn-right:focus:before,
.btn-dark.btn-right:hover:before {
    border-left-color: #757575;
}

.btn-dark.btn-right.active:before,
.btn-dark.btn-right:active:before,
.open>.btn-dark.btn-right.dropdown-toggle:before {
    border-left-color: #424242;
}

.btn-dark.btn-bottom:before {
    border-top-color: #616161;
}

.btn-dark.btn-bottom:focus:before,
.btn-dark.btn-bottom:hover:before {
    border-top-color: #757575;
}

.btn-dark.btn-bottom.active:before,
.btn-dark.btn-bottom:active:before,
.open>.btn-dark.btn-bottom.dropdown-toggle:before {
    border-top-color: #424242;
}

.btn-dark.btn-left:before {
    border-right-color: #616161;
}

.btn-dark.btn-left:focus:before,
.btn-dark.btn-left:hover:before {
    border-right-color: #757575;
}

.btn-dark.btn-left.active:before,
.btn-dark.btn-left:active:before,
.open>.btn-dark.btn-left.dropdown-toggle:before {
    border-right-color: #424242;
}

.btn-dark.btn-flat {
    color: #616161;
}

.btn-dark.btn-flat:hover,
.btn-dark.btn-flat:focus,
.btn-dark.btn-flat.focus {
    color: #fff;
}

.btn-dark.btn-flat:active,
.btn-dark.btn-flat.active,
.open>.btn-dark.btn-flat.dropdown-toggle {
    color: #fff;
}

.btn-dark.btn-flat:active:hover,
.btn-dark.btn-flat:active:focus,
.btn-dark.btn-flat:active.focus,
.btn-dark.btn-flat.active:hover,
.btn-dark.btn-flat.active:focus,
.btn-dark.btn-flat.active.focus,
.open>.btn-dark.btn-flat.dropdown-toggle:hover,
.open>.btn-dark.btn-flat.dropdown-toggle:focus,
.open>.btn-dark.btn-flat.dropdown-toggle.focus {
    color: #fff;
}

.btn-dark.btn-flat {
    color: #616161;
}

.btn-default {
    color: #757575;
    background-color: #eee;
    border-color: #eee;
}

.btn-default:hover {
    color: #757575;
    background-color: #d5d5d5;
    border-color: #cfcfcf;
}

.btn-default:focus,
.btn-default.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(238, 238, 238, .5);
    box-shadow: 0 0 0 2px rgba(238, 238, 238, .5);
}

.btn-default.disabled,
.btn-default:disabled {
    background-color: #eee;
    border-color: #eee;
}

.btn-default:active,
.btn-default.active,
.show>.btn-default.dropdown-toggle {
    color: #757575;
    background-color: #d5d5d5;
    background-image: none;
    border-color: #cfcfcf;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    color: #757575;
    background-color: #eee;
    border-color: #eee;
}

.btn-default .badge-pill {
    color: #eee;
    background-color: #757575;
}

.btn-default.btn-up:before {
    border-bottom-color: #eee;
}

.btn-default.btn-up:focus:before,
.btn-default.btn-up:hover:before {
    border-bottom-color: #f5f5f5;
}

.btn-default.btn-up.active:before,
.btn-default.btn-up:active:before,
.open>.btn-default.btn-up.dropdown-toggle:before {
    border-bottom-color: #e0e0e0;
}

.btn-default.btn-right:before {
    border-left-color: #eee;
}

.btn-default.btn-right:focus:before,
.btn-default.btn-right:hover:before {
    border-left-color: #f5f5f5;
}

.btn-default.btn-right.active:before,
.btn-default.btn-right:active:before,
.open>.btn-default.btn-right.dropdown-toggle:before {
    border-left-color: #e0e0e0;
}

.btn-default.btn-bottom:before {
    border-top-color: #eee;
}

.btn-default.btn-bottom:focus:before,
.btn-default.btn-bottom:hover:before {
    border-top-color: #f5f5f5;
}

.btn-default.btn-bottom.active:before,
.btn-default.btn-bottom:active:before,
.open>.btn-default.btn-bottom.dropdown-toggle:before {
    border-top-color: #e0e0e0;
}

.btn-default.btn-left:before {
    border-right-color: #eee;
}

.btn-default.btn-left:focus:before,
.btn-default.btn-left:hover:before {
    border-right-color: #f5f5f5;
}

.btn-default.btn-left.active:before,
.btn-default.btn-left:active:before,
.open>.btn-default.btn-left.dropdown-toggle:before {
    border-right-color: #e0e0e0;
}

.btn-flat {
    background: none;
    border: none;
}

.btn-flat.disabled {
    color: #9e9e9e;
}

.btn-icon.disabled,
.btn.icon.disabled {
    color: #9e9e9e;
}

.btn-tag {
    background-color: rgba(0, 0, 0, .15);
}

.btn-direction:before {
    border: 8px solid transparent;
}

.btn-up:before {
    border-bottom-color: #e0e0e0;
}

.btn-right:before {
    border-left-color: #e0e0e0;
}

.btn-bottom:before {
    border-top-color: #e0e0e0;
}

.btn-left:before {
    border-right-color: #e0e0e0;
}

.btn-pure,
.btn-pure:hover,
.btn-pure:focus,
.btn-pure:active,
.btn-pure.active,
.open>.btn-pure.dropdown-toggle,
.btn-pure[disabled],
fieldset[disabled] .btn-pure {
    background-color: transparent;
    border-color: transparent;
}

.btn-pure:hover,
.btn-pure:focus,
.btn-pure.focus,
.btn-pure:hover:hover,
.btn-pure:hover:focus,
.btn-pure:hover.focus,
.btn-pure:focus:hover,
.btn-pure:focus:focus,
.btn-pure:focus.focus,
.btn-pure:active:hover,
.btn-pure:active:focus,
.btn-pure:active.focus,
.btn-pure.active:hover,
.btn-pure.active:focus,
.btn-pure.active.focus,
.open>.btn-pure.dropdown-toggle:hover,
.open>.btn-pure.dropdown-toggle:focus,
.open>.btn-pure.dropdown-toggle.focus,
.btn-pure[disabled]:hover,
.btn-pure[disabled]:focus,
.btn-pure[disabled].focus,
fieldset[disabled] .btn-pure:hover,
fieldset[disabled] .btn-pure:focus,
fieldset[disabled] .btn-pure.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-pure.btn-default {
    color: #9e9e9e;
}

.btn-pure.btn-default:hover,
.btn-pure.btn-default:focus,
.btn-pure.btn-default:active,
.btn-pure.btn-default.active,
.open>.btn-pure.btn-default.dropdown-toggle {
    color: #bdbdbd;
}

.btn-pure.btn-default:hover:hover,
.btn-pure.btn-default:hover:focus,
.btn-pure.btn-default:hover.focus,
.btn-pure.btn-default:focus:hover,
.btn-pure.btn-default:focus:focus,
.btn-pure.btn-default:focus.focus,
.btn-pure.btn-default:active:hover,
.btn-pure.btn-default:active:focus,
.btn-pure.btn-default:active.focus,
.btn-pure.btn-default.active:hover,
.btn-pure.btn-default.active:focus,
.btn-pure.btn-default.active.focus,
.open>.btn-pure.btn-default.dropdown-toggle:hover,
.open>.btn-pure.btn-default.dropdown-toggle:focus,
.open>.btn-pure.btn-default.dropdown-toggle.focus {
    color: #bdbdbd;
}

.btn-pure.btn-default:hover .badge-pill,
.btn-pure.btn-default:focus .badge-pill,
.btn-pure.btn-default:active .badge-pill,
.btn-pure.btn-default.active .badge-pill,
.open>.btn-pure.btn-default.dropdown-toggle .badge-pill {
    color: #bdbdbd;
}

.btn-pure.btn-primary {
    color: var(--main-color);
}

.btn-pure.btn-primary:hover,
.btn-pure.btn-primary:focus,
.btn-pure.btn-primary:active,
.btn-pure.btn-primary.active,
.open>.btn-pure.btn-primary.dropdown-toggle {;
    color: var(--dialog-primary-button-hover-color);
}

.btn-pure.btn-primary:hover:hover,
.btn-pure.btn-primary:hover:focus,
.btn-pure.btn-primary:hover.focus,
.btn-pure.btn-primary:focus:hover,
.btn-pure.btn-primary:focus:focus,
.btn-pure.btn-primary:focus.focus,
.btn-pure.btn-primary:active:hover,
.btn-pure.btn-primary:active:focus,
.btn-pure.btn-primary:active.focus,
.btn-pure.btn-primary.active:hover,
.btn-pure.btn-primary.active:focus,
.btn-pure.btn-primary.active.focus,
.open>.btn-pure.btn-primary.dropdown-toggle:hover,
.open>.btn-pure.btn-primary.dropdown-toggle:focus,
.open>.btn-pure.btn-primary.dropdown-toggle.focus {;
    color: var(--dialog-primary-button-hover-color);
}

.btn-pure.btn-primary:hover .badge-pill,
.btn-pure.btn-primary:focus .badge-pill,
.btn-pure.btn-primary:active .badge-pill,
.btn-pure.btn-primary.active .badge-pill,
.open>.btn-pure.btn-primary.dropdown-toggle .badge-pill {;
    color: var(--dialog-primary-button-hover-color);
}

.btn-pure.btn-info {
    color: var(--main-color);
}

.btn-pure.btn-info:hover,
.btn-pure.btn-info:focus,
.btn-pure.btn-info:active,
.btn-pure.btn-info.active,
.open>.btn-pure.btn-info.dropdown-toggle {
    color: #26c6da;
}

.btn-pure.btn-info:hover:hover,
.btn-pure.btn-info:hover:focus,
.btn-pure.btn-info:hover.focus,
.btn-pure.btn-info:focus:hover,
.btn-pure.btn-info:focus:focus,
.btn-pure.btn-info:focus.focus,
.btn-pure.btn-info:active:hover,
.btn-pure.btn-info:active:focus,
.btn-pure.btn-info:active.focus,
.btn-pure.btn-info.active:hover,
.btn-pure.btn-info.active:focus,
.btn-pure.btn-info.active.focus,
.open>.btn-pure.btn-info.dropdown-toggle:hover,
.open>.btn-pure.btn-info.dropdown-toggle:focus,
.open>.btn-pure.btn-info.dropdown-toggle.focus {
    color: #26c6da;
}

.btn-pure.btn-info:hover .badge-pill,
.btn-pure.btn-info:focus .badge-pill,
.btn-pure.btn-info:active .badge-pill,
.btn-pure.btn-info.active .badge-pill,
.open>.btn-pure.btn-info.dropdown-toggle .badge-pill {
    color: #26c6da;
}

.btn-pure.btn-warning {
    color: #ff9800;
}

.btn-pure.btn-warning:hover,
.btn-pure.btn-warning:focus,
.btn-pure.btn-warning:active,
.btn-pure.btn-warning.active,
.open>.btn-pure.btn-warning.dropdown-toggle {
    color: #ffa726;
}

.btn-pure.btn-warning:hover:hover,
.btn-pure.btn-warning:hover:focus,
.btn-pure.btn-warning:hover.focus,
.btn-pure.btn-warning:focus:hover,
.btn-pure.btn-warning:focus:focus,
.btn-pure.btn-warning:focus.focus,
.btn-pure.btn-warning:active:hover,
.btn-pure.btn-warning:active:focus,
.btn-pure.btn-warning:active.focus,
.btn-pure.btn-warning.active:hover,
.btn-pure.btn-warning.active:focus,
.btn-pure.btn-warning.active.focus,
.open>.btn-pure.btn-warning.dropdown-toggle:hover,
.open>.btn-pure.btn-warning.dropdown-toggle:focus,
.open>.btn-pure.btn-warning.dropdown-toggle.focus {
    color: #ffa726;
}

.btn-pure.btn-warning:hover .badge-pill,
.btn-pure.btn-warning:focus .badge-pill,
.btn-pure.btn-warning:active .badge-pill,
.btn-pure.btn-warning.active .badge-pill,
.open>.btn-pure.btn-warning.dropdown-toggle .badge-pill {
    color: #ffa726;
}

.btn-pure.btn-danger {
    color: #f44336;
}

.btn-pure.btn-danger:hover,
.btn-pure.btn-danger:focus,
.btn-pure.btn-danger:active,
.btn-pure.btn-danger.active,
.open>.btn-pure.btn-danger.dropdown-toggle {
    color: #ef5350;
}

.btn-pure.btn-danger:hover:hover,
.btn-pure.btn-danger:hover:focus,
.btn-pure.btn-danger:hover.focus,
.btn-pure.btn-danger:focus:hover,
.btn-pure.btn-danger:focus:focus,
.btn-pure.btn-danger:focus.focus,
.btn-pure.btn-danger:active:hover,
.btn-pure.btn-danger:active:focus,
.btn-pure.btn-danger:active.focus,
.btn-pure.btn-danger.active:hover,
.btn-pure.btn-danger.active:focus,
.btn-pure.btn-danger.active.focus,
.open>.btn-pure.btn-danger.dropdown-toggle:hover,
.open>.btn-pure.btn-danger.dropdown-toggle:focus,
.open>.btn-pure.btn-danger.dropdown-toggle.focus {
    color: #ef5350;
}

.btn-pure.btn-danger:hover .badge-pill,
.btn-pure.btn-danger:focus .badge-pill,
.btn-pure.btn-danger:active .badge-pill,
.btn-pure.btn-danger.active .badge-pill,
.open>.btn-pure.btn-danger.dropdown-toggle .badge-pill {
    color: #ef5350;
}

.btn-pure.btn-dark {
    color: #616161;
}

.btn-pure.btn-dark:hover,
.btn-pure.btn-dark:focus,
.btn-pure.btn-dark:active,
.btn-pure.btn-dark.active,
.open>.btn-pure.btn-dark.dropdown-toggle {
    color: #757575;
}

.btn-pure.btn-dark:hover:hover,
.btn-pure.btn-dark:hover:focus,
.btn-pure.btn-dark:hover.focus,
.btn-pure.btn-dark:focus:hover,
.btn-pure.btn-dark:focus:focus,
.btn-pure.btn-dark:focus.focus,
.btn-pure.btn-dark:active:hover,
.btn-pure.btn-dark:active:focus,
.btn-pure.btn-dark:active.focus,
.btn-pure.btn-dark.active:hover,
.btn-pure.btn-dark.active:focus,
.btn-pure.btn-dark.active.focus,
.open>.btn-pure.btn-dark.dropdown-toggle:hover,
.open>.btn-pure.btn-dark.dropdown-toggle:focus,
.open>.btn-pure.btn-dark.dropdown-toggle.focus {
    color: #757575;
}

.btn-pure.btn-dark:hover .badge-pill,
.btn-pure.btn-dark:focus .badge-pill,
.btn-pure.btn-dark:active .badge-pill,
.btn-pure.btn-dark.active .badge-pill,
.open>.btn-pure.btn-dark.dropdown-toggle .badge-pill {
    color: #757575;
}

.btn-pure.btn-inverse {
    color: #fff;
}

.btn-pure.btn-inverse:hover,
.btn-pure.btn-inverse:focus,
.btn-pure.btn-inverse:active,
.btn-pure.btn-inverse.active,
.open>.btn-pure.btn-inverse.dropdown-toggle {
    color: #fff;
}

.btn-pure.btn-inverse:hover:hover,
.btn-pure.btn-inverse:hover:focus,
.btn-pure.btn-inverse:hover.focus,
.btn-pure.btn-inverse:focus:hover,
.btn-pure.btn-inverse:focus:focus,
.btn-pure.btn-inverse:focus.focus,
.btn-pure.btn-inverse:active:hover,
.btn-pure.btn-inverse:active:focus,
.btn-pure.btn-inverse:active.focus,
.btn-pure.btn-inverse.active:hover,
.btn-pure.btn-inverse.active:focus,
.btn-pure.btn-inverse.active.focus,
.open>.btn-pure.btn-inverse.dropdown-toggle:hover,
.open>.btn-pure.btn-inverse.dropdown-toggle:focus,
.open>.btn-pure.btn-inverse.dropdown-toggle.focus {
    color: #fff;
}

.btn-pure.btn-inverse:hover .badge-pill,
.btn-pure.btn-inverse:focus .badge-pill,
.btn-pure.btn-inverse:active .badge-pill,
.btn-pure.btn-inverse.active .badge-pill,
.open>.btn-pure.btn-inverse.dropdown-toggle .badge-pill {
    color: #fff;
}

.dropdown-menu.bullet:before {
    border-bottom-color: #e0e0e0;
}

.dropdown-menu.bullet:after {
    border-bottom-color: #fff;
}

.dropup .dropdown-menu.dropdown-menu-bullet:before,
.dropup .dropdown-menu.bullet:before,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before,
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before {
    border-top-color: #e0e0e0;
}

.dropup .dropdown-menu.dropdown-menu-bullet:after,
.dropup .dropdown-menu.bullet:after,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after,
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after {
    border-top-color: #fff;
}

.dropdown-menu>.dropdown-submenu .dropdown-item:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.dropdown-menu-media .dropdown-menu-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.dropdown-menu-media .list-group-item {
    border: none;
}

.dropdown-menu-media .list-group-item .media {
    border-top: 1px solid #e0e0e0;
}

.dropdown-menu-media .list-group-item:first-child .media {
    border-top: none;
}

.dropdown-menu-media>.dropdown-menu-footer {
    background-color: #eee;
    border-top: 1px solid #e0e0e0;
}

.dropdown-menu-media>.dropdown-menu-footer>a {
    color: #9e9e9e !important;
}

.dropdown-menu-media>.dropdown-menu-footer>a:hover {
    color: var(--main-color) !important;
    background-color: transparent !important;
}

.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn:hover {
    color: var(--main-color) !important;
    background-color: transparent !important;
}

.dropdown-menu-primary .dropdown-iten.active,
.dropdown-menu-primary .dropdown-iten.active:hover,
.dropdown-menu-primary .dropdown-iten.active:focus {
    color: #fff;
    background-color: var(--main-color);
}

.dropdown-menu-success .dropdown-iten.active,
.dropdown-menu-success .dropdown-iten.active:hover,
.dropdown-menu-success .dropdown-iten.active:focus {
    color: #fff;
    background-color: var(--main-color);
}

.dropdown-menu-info .dropdown-iten.active,
.dropdown-menu-info .dropdown-iten.active:hover,
.dropdown-menu-info .dropdown-iten.active:focus {
    color: #fff;
    background-color: var(--main-color);
}

.dropdown-menu-warning .dropdown-iten.active,
.dropdown-menu-warning .dropdown-iten.active:hover,
.dropdown-menu-warning .dropdown-iten.active:focus {
    color: #fff;
    background-color: #ff9800;
}

.dropdown-menu-danger .dropdown-iten.active,
.dropdown-menu-danger .dropdown-iten.active:hover,
.dropdown-menu-danger .dropdown-iten.active:focus {
    color: #fff;
    background-color: #f44336;
}

.dropdown-menu-dark .dropdown-iten.active,
.dropdown-menu-dark .dropdown-iten.active:hover,
.dropdown-menu-dark .dropdown-iten.active:focus {
    color: #fff;
    background-color: #616161;
}

.nav-link:focus,
.nav-link:hover {
    background-color: #eee;
}

.nav-quick {
    background-color: #fff;
}

.nav-quick .nav-link {
    color: #757575;
}

.nav-quick .nav-link:hover {
    background-color: #eee;
}

.nav-quick-bordered {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.nav-quick-bordered .nav-item {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.nav-tabs .nav-link {
    color: #757575;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    background-color: #eee;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: transparent;
    border-bottom-color: var(--main-color);
}

.nav-tabs.nav-tabs-bottom {
    border-top: 1px solid #e0e0e0;
    border-bottom: none;
}

.nav-tabs.nav-tabs-bottom .nav-link:hover,
.nav-tabs.nav-tabs-bottom .nav-link:focus {
    border-top-color: #e0e0e0;
    border-bottom-color: transparent;
}

.nav-tabs-solid {
    border-bottom-color: #eee;
}

.nav-tabs-solid .nav-link:hover {
    border-color: transparent;
}

.nav-tabs-solid .nav-link.active,
.nav-tabs-solid .nav-link.active:focus,
.nav-tabs-solid .nav-link.active:hover,
.nav-tabs-solid .nav-item.open .nav-link,
.nav-tabs-solid .nav-item.open .nav-link:focus,
.nav-tabs-solid .nav-item.open .nav-link:hover {
    color: #757575;
    background-color: #eee;
    border-color: transparent;
}

.nav-tabs-solid~.tab-content {
    background-color: #eee;
    border-radius: 0 0 .215rem .215rem;
}

.nav-tabs-solid.nav-tabs-bottom .nav-link.active,
.nav-tabs-solid.nav-tabs-bottom .nav-link.active:hover,
.nav-tabs-solid.nav-tabs-bottom .nav-link.active:focus {
    border: none;
}

.nav-tabs-line .nav-link {
    border-bottom: 2px solid transparent;
}

.nav-tabs-line .nav-link:hover,
.nav-tabs-line .nav-link:focus {
    background-color: transparent;
}

.nav-tabs-line .nav-link:hover {
    border-bottom-color: #bdbdbd;
}

.nav-tabs-line .nav-link.active,
.nav-tabs-line .nav-link.active:focus,
.nav-tabs-line .nav-link.active:hover,
.nav-tabs-line .nav-item.open .nav-link,
.nav-tabs-line .nav-item.open .nav-link:focus,
.nav-tabs-line .nav-item.open .nav-link:hover {
    color: var(--main-color);
    background-color: transparent;
    border-bottom: 2px solid transparent;
}

.nav-tabs-line .nav-item.open>.nav-link,
.nav-tabs-line .nav-item.open>.nav-link:focus,
.nav-tabs-line .nav-item.open>.nav-link:hover {
    border-bottom-color: var(--main-color);
}

.nav-tabs-line>.nav-tabs-autoline {
    background-color: var(--main-color);
}

.nav-tabs-line.nav-tabs-bottom .nav-link {
    border-top: 2px solid transparent;
    border-bottom: none;
}

.nav-tabs-line.nav-tabs-bottom .nav-link:hover {
    border-top-color: #bdbdbd;
    border-bottom-color: transparent;
}

.nav-tabs-line.nav-tabs-bottom .nav-link.active,
.nav-tabs-line.nav-tabs-bottom .nav-link.active:focus,
.nav-tabs-line.nav-tabs-bottom .nav-link.active:hover,
.nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link,
.nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link:focus,
.nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link:hover {
    border-top: 2px solid transparent;
    border-bottom: none;
}

.nav-tabs-line.nav-tabs-bottom .nav-item.open>.nav-link,
.nav-tabs-line.nav-tabs-bottom .nav-item.open>.nav-link:focus,
.nav-tabs-line.nav-tabs-bottom .nav-item.open>.nav-link:hover {
    border-top-color: var(--main-color);
}

.tabs-line-top {
    border-bottom: 1px solid #e0e0e0;
}

.tabs-line-top .nav-link,
.tabs-line-top .nav-item .nav-link {
    border-top: 2px solid transparent;
    border-bottom-color: transparent;
}

.tabs-line-top .nav-link:hover,
.tabs-line-top .nav-item .nav-link:hover {
    border-top: 2px solid #bdbdbd;
    border-bottom-color: transparent;
}

.tabs-line-top .nav-link.active,
.tabs-line-top .nav-link.active:focus,
.tabs-line-top .nav-link.active:hover,
.tabs-line-top .nav-item.open .nav-link,
.tabs-line-top .nav-item.open .nav-link:focus,
.tabs-line-top .nav-item.open .nav-link:hover {
    color: var(--main-color);
    background-color: transparent;
    border-top: 2px solid transparent;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.nav-tabs-vertical .nav-tabs {
    border-right: 1px solid #e0e0e0;
    border-bottom: none;
}

.nav-tabs-vertical .nav-tabs .nav-link:hover {
    border-right-color: #e0e0e0;
    border-bottom-color: transparent;
}

.nav-tabs-vertical .nav-tabs .nav-link.active,
.nav-tabs-vertical .nav-tabs .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs .nav-link.active:hover {
    border-right-color: var(--main-color);
}

.nav-tabs-vertical .nav-tabs-reverse {
    border-right: none;
    border-left: 1px solid #e0e0e0;
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link:hover {
    border-right-color: transparent;
    border-left-color: #e0e0e0;
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link.active,
.nav-tabs-vertical .nav-tabs-reverse .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs-reverse .nav-link.active:hover {
    border-left-color: var(--main-color);
}

.nav-tabs-vertical .nav-tabs-solid {
    border-right-color: #eee;
}

.nav-tabs-vertical .nav-tabs-solid .nav-link:hover {
    border-color: transparent;
}

.nav-tabs-vertical .nav-tabs-solid .nav-link.active,
.nav-tabs-vertical .nav-tabs-solid .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs-solid .nav-link.active:hover {
    border-color: transparent;
}

.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
    border-left-color: #eee;
}

.nav-tabs-vertical .nav-tabs-line .nav-link {
    border-right: 2px solid transparent;
    border-bottom: none;
}

.nav-tabs-vertical .nav-tabs-line .nav-link:hover {
    border-right-color: #bdbdbd;
}

.nav-tabs-vertical .nav-tabs-line .nav-link.active,
.nav-tabs-vertical .nav-tabs-line .nav-link.active:hover,
.nav-tabs-vertical .nav-tabs-line .nav-link.active:focus {
    border-right: 2px solid transparent;
    border-bottom: none;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link {
    border-right-width: 1px;
    border-left: 2px solid transparent;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link:hover {
    border-color: transparent;
    border-left-color: #bdbdbd;
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active,
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:hover,
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:focus {
    border-right: 1px solid transparent;
    border-left: 2px solid transparent;
}

.nav-tabs-inverse .nav-tabs-solid {
    border-bottom-color: #fff;
}

.nav-tabs-inverse .nav-tabs-solid .nav-link.active,
.nav-tabs-inverse .nav-tabs-solid .nav-link.active:hover,
.nav-tabs-inverse .nav-tabs-solid .nav-link.active:focus {
    color: #757575;
    background-color: #fff;
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid {
    border-right-color: #fff;
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
    border-left-color: #fff;
}

.nav-tabs-inverse .tab-content {
    background: #fff;
}

.navbar {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.navbar-form .icon {
    color: rgba(66, 66, 66, .4);
}

.navbar-form .form-control {
    background-color: #eee;
    border: none;
}

@media (max-width: 767px) {
    .navbar-search .navbar-form {
        border-bottom: none;
    }
}

.navbar-search-overlap {
    background-color: #fff;
}

.navbar-search-overlap .form-control {
    background-color: transparent !important;
}

.navbar-search-overlap .form-control:focus {
    border-color: transparent;
}

.navbar-default {
    background-color: #fff;
    border-color: #e0e0e0;
}

.navbar-default .navbar-brand {
    color: #424242;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #424242;
    background-color: none;
}

.navbar-default .navbar-text {
    color: #757575;
}

.navbar-default .navbar-nav .nav-link {
    color: #757575;
}

.navbar-default .navbar-nav .nav-link:hover,
.navbar-default .navbar-nav .nav-link:focus {
    color: #616161;
    background-color: rgba(238, 238, 238, .3);
}

.navbar-default .navbar-nav>.active>.nav-link,
.navbar-default .navbar-nav>.active>.nav-link:hover,
.navbar-default .navbar-nav>.active>.nav-link:focus,
.navbar-default .navbar-nav .nav-link.active,
.navbar-default .navbar-nav .nav-link.active:hover,
.navbar-default .navbar-nav .nav-link.active:focus {
    color: #616161;
    background-color: rgba(238, 238, 238, .6);
}

.navbar-default .navbar-nav>.disabled>.nav-link,
.navbar-default .navbar-nav>.disabled>.nav-link:hover,
.navbar-default .navbar-nav>.disabled>.nav-link:focus,
.navbar-default .navbar-nav .nav-link.disabled,
.navbar-default .navbar-nav .nav-link.disabled:hover,
.navbar-default .navbar-nav .nav-link.disabled:focus {
    color: #bdbdbd;
    background-color: transparent;
}

.navbar-default .navbar-toggler {
    border-color: transparent;
}

.navbar-default .navbar-toggler:hover,
.navbar-default .navbar-toggler:focus {
    background-color: rgba(238, 238, 238, .3);
}

.navbar-default .navbar-toggler .icon-bar {
    background-color: #757575;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e0e0e0;
}

.navbar-default .navbar-nav>.open>.nav-link,
.navbar-default .navbar-nav>.open>.nav-link:hover,
.navbar-default .navbar-nav>.open>.nav-link:focus {
    color: #616161;
    background-color: rgba(238, 238, 238, .6);
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item {
        color: #757575;
    }
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus {
        color: #616161;
        background-color: rgba(238, 238, 238, .3);
    }
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:hover,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:focus {
        color: #616161;
        background-color: rgba(238, 238, 238, .6);
    }
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus {
        color: #bdbdbd;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #757575;
}

.navbar-default .navbar-link:hover {
    color: #616161;
}

.navbar-default .navbar-toolbar .nav-link {
    color: #757575;
}

.navbar-default .navbar-toolbar .nav-link:hover,
.navbar-default .navbar-toolbar .nav-link:focus {
    color: #616161;
    background-color: rgba(238, 238, 238, .3);
}

.navbar-default .navbar-toolbar>.active>.nav-link,
.navbar-default .navbar-toolbar>.active>.nav-link:hover,
.navbar-default .navbar-toolbar>.active>.nav-link:focus,
.navbar-default .navbar-toolbar .nav-link.active,
.navbar-default .navbar-toolbar .nav-link.active:hover,
.navbar-default .navbar-toolbar .nav-link.active:focus {
    color: #616161;
    background-color: rgba(238, 238, 238, .6);
}

.navbar-default .navbar-toolbar>.disabled>.nav-link,
.navbar-default .navbar-toolbar>.disabled>.nav-link:hover,
.navbar-default .navbar-toolbar>.disabled>.nav-link:focus,
.navbar-default .navbar-toolbar .nav-link.disabled,
.navbar-default .navbar-toolbar .nav-link.disabled:hover,
.navbar-default .navbar-toolbar .nav-link.disabled:focus {
    color: #bdbdbd;
    background-color: transparent;
}

.navbar-default .navbar-toggler {
    color: #757575;
}

.navbar-default .navbar-toolbar>.open>.nav-link,
.navbar-default .navbar-toolbar>.open>.nav-link:hover,
.navbar-default .navbar-toolbar>.open>.nav-link:focus {
    color: #616161;
    background-color: rgba(238, 238, 238, .6);
}

.navbar-inverse {
    background-color: var(--main-color);
    border-color: rgba(0, 0, 0, .1);
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: none;
}

.navbar-inverse .navbar-text {
    color: #fff;
}

.navbar-inverse .navbar-nav .nav-link {
    color: #fff;
}

.navbar-inverse .navbar-nav .nav-link:hover,
.navbar-inverse .navbar-nav .nav-link:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

.navbar-inverse .navbar-nav>.active>.nav-link,
.navbar-inverse .navbar-nav>.active>.nav-link:hover,
.navbar-inverse .navbar-nav>.active>.nav-link:focus,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.active:hover,
.navbar-inverse .navbar-nav .nav-link.active:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

.navbar-inverse .navbar-nav>.disabled>.nav-link,
.navbar-inverse .navbar-nav>.disabled>.nav-link:hover,
.navbar-inverse .navbar-nav>.disabled>.nav-link:focus,
.navbar-inverse .navbar-nav .nav-link.disabled,
.navbar-inverse .navbar-nav .nav-link.disabled:hover,
.navbar-inverse .navbar-nav .nav-link.disabled:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-toggler {
    color: #fff;
    border-color: transparent;
}

.navbar-inverse .navbar-toggler:hover,
.navbar-inverse .navbar-toggler:focus {
    background-color: rgba(0, 0, 0, .1);
}

.navbar-inverse .navbar-toggler .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: var(--main-color);
}

.navbar-inverse .navbar-nav>.open>.nav-link,
.navbar-inverse .navbar-nav>.open>.nav-link:hover,
.navbar-inverse .navbar-nav>.open>.nav-link:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: rgba(0, 0, 0, .1);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider,
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-divider {
        background-color: rgba(0, 0, 0, .1);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item {
        color: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item:focus {
        color: #fff;
        background-color: rgba(0, 0, 0, .1);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active,
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active:focus {
        color: #fff;
        background-color: rgba(0, 0, 0, .1);
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled,
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus {
        color: #fff;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #fff;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .navbar-toolbar .nav-link {
    color: #fff;
}

.navbar-inverse .navbar-toolbar .nav-link:hover,
.navbar-inverse .navbar-toolbar .nav-link:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

.navbar-inverse .navbar-toolbar>.active>.nav-link,
.navbar-inverse .navbar-toolbar>.active>.nav-link:hover,
.navbar-inverse .navbar-toolbar>.active>.nav-link:focus,
.navbar-inverse .navbar-toolbar .nav-link.active,
.navbar-inverse .navbar-toolbar .nav-link.active:hover,
.navbar-inverse .navbar-toolbar .nav-link.active:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

.navbar-inverse .navbar-toolbar>.disabled>.nav-link,
.navbar-inverse .navbar-toolbar>.disabled>.nav-link:hover,
.navbar-inverse .navbar-toolbar>.disabled>.nav-link:focus,
.navbar-inverse .navbar-toolbar .nav-link.disabled,
.navbar-inverse .navbar-toolbar .nav-link.disabled:hover,
.navbar-inverse .navbar-toolbar .nav-link.disabled:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-toolbar>.open>.nav-link,
.navbar-inverse .navbar-toolbar>.open>.nav-link:hover,
.navbar-inverse .navbar-toolbar>.open>.nav-link:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
}

.breadcrumb {
    background-color: transparent;
}

.page-item.disabled>span,
.page-item.disabled>span:focus,
.page-item.disabled>span:hover {
    color: #bdbdbd;
    background-color: transparent;
    border-color: #e0e0e0;
}

.pagination-gap .page-item.disabled .page-link:focus,
.pagination-gap .page-item.disabled .page-link:hover {
    border-color: #e0e0e0;
}

.pagination-gap .page-item.active .page-link {
    background-color: var(--main-color);
}

.pagination-gap .page-link:focus,
.pagination-gap .page-link:hover {
    background-color: transparent;
    border-color: var(--main-color);
}

.pagination-no-border .page-link {
    border: none;
}

.badge.badge-outline {
    color: #eee;
    background-color: transparent;
    border-color: #eee;
}

.badge-outline {
    border: 1px solid transparent;
}

.badge-default {
    color: #757575;
}

.badge-default[href]:hover,
.badge-default[href]:focus {
    background-color: #eee;
}

.badge-default.badge-outline {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #e0e0e0;
}

.badge-default[href]:hover,
.badge-default[href]:focus {
    color: #9e9e9e;
}

.badge-default.badge-outline {
    color: #757575;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: var(--lighter-main-color);
}

.badge-primary.badge-outline {
    color: var(--main-color);
    background-color: transparent;
    border-color: var(--main-color);
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    background-color: #66bb6a;
}

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

.badge-info[href]:hover,
.badge-info[href]:focus {
    background-color: #26c6da;
}

.badge-info.badge-outline {
    color: var(--main-color);
    background-color: transparent;
    border-color: var(--main-color);
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    background-color: #ffa726;
}

.badge-warning.badge-outline {
    color: #ff9800;
    background-color: transparent;
    border-color: #ff9800;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    background-color: #ef5350;
}

.badge-danger.badge-outline {
    color: #f44336;
    background-color: transparent;
    border-color: #f44336;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    background-color: #757575;
}

.badge-dark.badge-outline {
    color: #616161;
    background-color: transparent;
    border-color: #616161;
}

.alert-alt {
    color: #757575;
    background-color: rgba(238, 238, 238, .8);
    border: none;
    border-left: 3px solid transparent;
}

.alert-dismissible .close {
    opacity: .6;
}

.alert-dismissible .close:hover,
.alert-dismissible .close:focus {
    opacity: 1;
}

.alert-dismissible.alert-alt .close {
    color: #9e9e9e;
    opacity: .6;
}

.alert-dismissible.alert-alt .close:hover,
.alert-dismissible.alert-alt .close:focus {
    color: #9e9e9e;
    opacity: 1;
}

.alert-primary {
    color: white;
    background-color: rgba(66, 151, 168, .8);
    border-color: var(--main-color);
}

.alert-primary .close {
    color: white;
}

.alert-primary .close:hover,
.alert-primary .close:focus {
    color: white;
}

.alert-primary .alert-link {
    color: white;
}

.alert-alt.alert-primary {
    border-color: var(--main-color);
}

.alert-alt.alert-primary a,
.alert-alt.alert-primary .alert-link {
    color: var(--main-color);
}

.alert-success .alert-link {
    color: var(--main-color);
}

.alert-alt.alert-success {
    border-color: var(--main-color);
}

.alert-alt.alert-success a,
.alert-alt.alert-success .alert-link {
    color: var(--main-color);
}

.alert-info .alert-link {
    color: #00acc1;
}

.alert-alt.alert-info {
    border-color: var(--main-color);
}

.alert-alt.alert-info a,
.alert-alt.alert-info .alert-link {
    color: var(--main-color);
}

.alert-warning .alert-link {
    color: #fb8c00;
}

.alert-alt.alert-warning {
    border-color: #ff9800;
}

.alert-alt.alert-warning a,
.alert-alt.alert-warning .alert-link {
    color: #ff9800;
}

.alert-danger .alert-link {
    color: #e53935;
}

.alert-alt.alert-danger {
    border-color: #f44336;
}

.alert-alt.alert-danger a,
.alert-alt.alert-danger .alert-link {
    color: #f44336;
}

.alert-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.alert-facebook .close {
    color: #fff;
}

.alert-facebook .close:hover,
.alert-facebook .close:focus {
    color: #fff;
}

.alert-facebook .alert-link {
    color: #fff;
}

.alert-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: #55acee;
}

.alert-twitter .close {
    color: #fff;
}

.alert-twitter .close:hover,
.alert-twitter .close:focus {
    color: #fff;
}

.alert-twitter .alert-link {
    color: #fff;
}

.alert-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.alert-google-plus .close {
    color: #fff;
}

.alert-google-plus .close:hover,
.alert-google-plus .close:focus {
    color: #fff;
}

.alert-google-plus .alert-link {
    color: #fff;
}

.alert-linkedin {
    color: #fff;
    background-color: #0976b4;
    border-color: #0976b4;
}

.alert-linkedin .close {
    color: #fff;
}

.alert-linkedin .close:hover,
.alert-linkedin .close:focus {
    color: #fff;
}

.alert-linkedin .alert-link {
    color: #fff;
}

.alert-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: #ff0084;
}

.alert-flickr .close {
    color: #fff;
}

.alert-flickr .close:hover,
.alert-flickr .close:focus {
    color: #fff;
}

.alert-flickr .alert-link {
    color: #fff;
}

.alert-tumblr {
    color: #fff;
    background-color: #35465c;
    border-color: #35465c;
}

.alert-tumblr .close {
    color: #fff;
}

.alert-tumblr .close:hover,
.alert-tumblr .close:focus {
    color: #fff;
}

.alert-tumblr .alert-link {
    color: #fff;
}

.alert-github {
    color: #fff;
    background-color: #4183c4;
    border-color: #4183c4;
}

.alert-github .close {
    color: #fff;
}

.alert-github .close:hover,
.alert-github .close:focus {
    color: #fff;
}

.alert-github .alert-link {
    color: #fff;
}

.alert-dribbble {
    color: #fff;
    background-color: #c32361;
    border-color: #c32361;
}

.alert-dribbble .close {
    color: #fff;
}

.alert-dribbble .close:hover,
.alert-dribbble .close:focus {
    color: #fff;
}

.alert-dribbble .alert-link {
    color: #fff;
}

.alert-youtube {
    color: #fff;
    background-color: #b31217;
    border-color: #b31217;
}

.alert-youtube .close {
    color: #fff;
}

.alert-youtube .close:hover,
.alert-youtube .close:focus {
    color: #fff;
}

.alert-youtube .alert-link {
    color: #fff;
}

.alert.dark .alert-link {
    color: #fff !important;
}

.alert.dark .alert-left-border {
    border-left: 3px solid transparent;
}

.alert.dark.alert-dismissible.alert-alt .close {
    color: #fff;
}

.alert.dark.alert-dismissible.alert-alt .close:hover,
.alert.dark.alert-dismissible.alert-alt .close:focus {
    color: #fff;
}

.alert.dark.alert-primary {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.alert.dark.alert-primary .close {
    color: #fff;
}

.alert.dark.alert-primary .close:hover,
.alert.dark.alert-primary .close:focus {
    color: #fff;
}

.alert.dark.alert-primary.alert-alt {
    border-color: #263172;
}

.alert.dark.alert-primary.alert-alt a,
.alert.dark.alert-primary.alert-alt .alert-link {
    color: #fff;
}

.alert.dark.alert-success {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.alert.dark.alert-success .close {
    color: #fff;
}

.alert.dark.alert-success .close:hover,
.alert.dark.alert-success .close:focus {
    color: #fff;
}

.alert.dark.alert-success.alert-alt {
    border-color: #2c6a2f;
}

.alert.dark.alert-success.alert-alt a,
.alert.dark.alert-success.alert-alt .alert-link {
    color: #fff;
}

.alert.dark.alert-info {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.alert.dark.alert-info .close {
    color: #fff;
}

.alert.dark.alert-info .close:hover,
.alert.dark.alert-info .close:focus {
    color: #fff;
}

.alert.dark.alert-info.alert-alt {
    border-color: #006875;
}

.alert.dark.alert-info.alert-alt a,
.alert.dark.alert-info.alert-alt .alert-link {
    color: #fff;
}

.alert.dark.alert-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}

.alert.dark.alert-warning .close {
    color: #fff;
}

.alert.dark.alert-warning .close:hover,
.alert.dark.alert-warning .close:focus {
    color: #fff;
}

.alert.dark.alert-warning.alert-alt {
    border-color: #af6100;
}

.alert.dark.alert-warning.alert-alt a,
.alert.dark.alert-warning.alert-alt .alert-link {
    color: #fff;
}

.alert.dark.alert-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
}

.alert.dark.alert-danger .close {
    color: #fff;
}

.alert.dark.alert-danger .close:hover,
.alert.dark.alert-danger .close:focus {
    color: #fff;
}

.alert.dark.alert-danger.alert-alt {
    border-color: #b61b17;
}

.alert.dark.alert-danger.alert-alt a,
.alert.dark.alert-danger.alert-alt .alert-link {
    color: #fff;
}

.progress {
    background-color: #e0e0e0;
}

.progress-bar {
    color: #fff;
    background-color: var(--main-color);
}

.progress-bar-success {
    background-color: var(--main-color);
}

.progress-bar-info {
    background-color: var(--main-color);
}

.progress-bar-warning {
    background-color: #ff9800;
}

.progress-bar-danger {
    background-color: #f44336;
}

.progress-bar-indicating.active:before {
    background-color: #fff;
}

.progress-skill .progress-bar>span {
    color: #616161;
}

progress.progress[value]::-webkit-progress-value {
    background-color: var(--main-color);
}

progress.progress[value]::-moz-progress-bar {
    background-color: var(--main-color);
}

@media screen and (min-width: 0\0) {
    progress.progress .progress-bar {
        background-color: var(--main-color);
    }
}

progress.progress-success[value]::-webkit-progress-value {
    background-color: var(--main-color);
}

progress.progress-success[value]::-moz-progress-bar {
    background-color: var(--main-color);
}

@media screen and (min-width: 0\0) {
    progress.progress-success .progress-bar {
        background-color: var(--main-color);
    }
}

progress.progress-info[value]::-webkit-progress-value {
    background-color: var(--main-color);
}

progress.progress-info[value]::-moz-progress-bar {
    background-color: var(--main-color);
}

@media screen and (min-width: 0\0) {
    progress.progress-info .progress-bar {
        background-color: var(--main-color);
    }
}

progress.progress-warning[value]::-webkit-progress-value {
    background-color: #ff9800;
}

progress.progress-warning[value]::-moz-progress-bar {
    background-color: #ff9800;
}

@media screen and (min-width: 0\0) {
    progress.progress-warning .progress-bar {
        background-color: #ff9800;
    }
}

progress.progress-danger[value]::-webkit-progress-value {
    background-color: #f44336;
}

progress.progress-danger[value]::-moz-progress-bar {
    background-color: #f44336;
}

@media screen and (min-width: 0\0) {
    progress.progress-danger .progress-bar {
        background-color: #f44336;
    }
}

.media-meta {
    color: #616161;
}

a.list-group-item {
    color: #757575;
}

a.list-group-item:focus,
a.list-group-item:hover {
    color: #757575;
    background-color: #eee;
}

a.list-group-item.disabled,
a.list-group-item.disabled:focus,
a.list-group-item.disabled:hover {
    color: #bdbdbd;
    background-color: #eee;
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    color: #757575;
    background-color: #e0e0e0;
}

.list-group.bg-inherit .list-group-item {
    background-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .075);
}

.list-group.bg-inherit .list-group-item:last-child {
    border-bottom-color: transparent;
}

.list-group.bg-inherit .list-group-item:hover {
    background-color: rgba(0, 0, 0, .075);
    border-color: transparent;
}

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

.list-group-bordered .list-group-item.active,
.list-group-bordered .list-group-item.active:hover,
.list-group-bordered .list-group-item.active:focus {
    color: #fff;
    background-color: #303f9f;
    border-color: #303f9f;
}

.list-group-dividered .list-group-item {
    border-top-color: #e0e0e0;
}

.list-group-dividered .list-group-item.active:hover {
    border-top-color: #e0e0e0;
}

.list-group-dividered .list-group-item:last-child {
    border-bottom-color: #e0e0e0;
}

.list-group-dividered .list-group-item:first-child {
    border-top-color: transparent;
}

.list-group-dividered .list-group-item:first-child.active:hover {
    border-top-color: transparent;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    color: var(--main-color);
    background-color: transparent;
    border-color: transparent;
}

.list-group-item {
    border: 1px solid transparent;
}

.list-group-item-dark {
    color: #fff;
    background-color: #616161;
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #fff;
}

a.list-group-item-dark:focus,
a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover {
    color: #fff;
    background-color: #545454;
}

a.list-group-item-dark.active,
button.list-group-item-dark.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.card-header,
.card-footer {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.card-bordered {
    border: 1px solid #e0e0e0;
}

.card-header-bordered {
    border-bottom: 1px solid #e0e0e0;
}

.card-footer-bordered {
    border-top: 1px solid #e0e0e0;
}

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

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

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

.card-text.type-link a {
    color: #9e9e9e;
}

.card-text.type-link a:hover {
    color: #bdbdbd;
}

.card-text.type-link a+a:before {
    background-color: #9e9e9e;
}

.card-watermark.darker {
    color: black;
}

.card-watermark.lighter {
    color: white;
}

.card-divider:after {
    background-color: #fff;
}

.card-actions a {
    color: #9e9e9e;
}

.card-actions a.active,
.card-actions a:hover,
.card-actions a:focus {
    color: #bdbdbd;
}

.card-actions-sidebar a {
    border-right: 1px solid #e0e0e0;
}

.card-actions-sidebar a+a {
    border-top: 1px solid #e0e0e0;
}

.card-default {
    background-color: #e0e0e0;
}

.card-default.card-bordered,
.card-default .card-header-bordered,
.card-default .card-footer-bordered {
    border-color: #e0e0e0;
}

.modal-content {
    border: none;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-sidebar {
    background-color: #fff;
}

.modal-sidebar .modal-content {
    background-color: transparent;
}

.modal-sidebar .modal-header {
    border-bottom: none;
}

.modal-sidebar .modal-footer {
    border-top: none;
}

.modal-fill-in {
    background-color: transparent;
}

.modal-fill-in.in {
    background-color: rgba(255, 255, 255, .95);
}

.modal-fill-in .modal-content {
    background-color: transparent;
}

.modal-fill-in .modal-header {
    border-bottom: none;
}

.modal-fill-in .modal-footer {
    border-top: none;
}

.modal-primary .modal-header {
    background-color: var(--main-color);
    border-radius: .286rem .286rem 0 0;
}

.modal-primary .modal-header * {
    color: #fff;
}

.modal-primary .modal-header .close {
    opacity: .6;
}

.modal-success .modal-header {
    background-color: var(--main-color);
    border-radius: .286rem .286rem 0 0;
}

.modal-success .modal-header * {
    color: #fff;
}

.modal-success .modal-header .close {
    opacity: .6;
}

.modal-info .modal-header {
    background-color: var(--main-color);
    border-radius: .286rem .286rem 0 0;
}

.modal-info .modal-header * {
    color: #fff;
}

.modal-info .modal-header .close {
    opacity: .6;
}

.modal-warning .modal-header {
    background-color: #ff9800;
    border-radius: .286rem .286rem 0 0;
}

.modal-warning .modal-header * {
    color: #fff;
}

.modal-warning .modal-header .close {
    opacity: .6;
}

.modal-danger .modal-header {
    background-color: #f44336;
    border-radius: .286rem .286rem 0 0;
}

.modal-danger .modal-header * {
    color: #fff;
}

.modal-danger .modal-header .close {
    opacity: .6;
}

.modal.modal-just-me .modal-backdrop {
    background-color: #fff;
}

.modal.modal-just-me.in {
    background: #fff;
}

.tooltip-primary .tooltip-inner {
    color: #fff;
    background-color: var(--main-color);
}

.tooltip-primary.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip-primary.tooltip-top .tooltip-inner::before {
    border-bottom-color: var(--main-color);
}

.tooltip-primary.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip-primary.tooltip-right .tooltip-inner::before {
    border-left-color: var(--main-color);
}

.tooltip-primary.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip-primary.tooltip-bottom .tooltip-inner::before {
    border-top-color: var(--main-color);
}

.tooltip-primary.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip-primary.tooltip-left .tooltip-inner::before {
    border-right-color: var(--main-color);
}

.tooltip-success .tooltip-inner {
    color: #fff;
    background-color: var(--main-color);
}

.tooltip-success.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip-success.tooltip-top .tooltip-inner::before {
    border-bottom-color: var(--main-color);
}

.tooltip-success.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip-success.tooltip-right .tooltip-inner::before {
    border-left-color: var(--main-color);
}

.tooltip-success.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip-success.tooltip-bottom .tooltip-inner::before {
    border-top-color: var(--main-color);
}

.tooltip-success.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip-success.tooltip-left .tooltip-inner::before {
    border-right-color: var(--main-color);
}

.tooltip-info .tooltip-inner {
    color: #fff;
    background-color: var(--main-color);
}

.tooltip-info.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip-info.tooltip-top .tooltip-inner::before {
    border-bottom-color: var(--main-color);
}

.tooltip-info.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip-info.tooltip-right .tooltip-inner::before {
    border-left-color: var(--main-color);
}

.tooltip-info.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip-info.tooltip-bottom .tooltip-inner::before {
    border-top-color: var(--main-color);
}

.tooltip-info.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip-info.tooltip-left .tooltip-inner::before {
    border-right-color: var(--main-color);
}

.tooltip-warning .tooltip-inner {
    color: #fff;
    background-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip-warning.tooltip-top .tooltip-inner::before {
    border-bottom-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip-warning.tooltip-right .tooltip-inner::before {
    border-left-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip-warning.tooltip-bottom .tooltip-inner::before {
    border-top-color: #ff9800;
}

.tooltip-warning.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip-warning.tooltip-left .tooltip-inner::before {
    border-right-color: #ff9800;
}

.tooltip-danger .tooltip-inner {
    color: #fff;
    background-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip-danger.tooltip-top .tooltip-inner::before {
    border-bottom-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip-danger.tooltip-right .tooltip-inner::before {
    border-left-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip-danger.tooltip-bottom .tooltip-inner::before {
    border-top-color: #f44336;
}

.tooltip-danger.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip-danger.tooltip-left .tooltip-inner::before {
    border-right-color: #f44336;
}

.popover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
}

.popover.bs-tether-element-attached-top>.popover-arrow:after,
.popover.popover-bottom>.popover-arrow:after {
    border-bottom-color: #eee;
}

.popover-primary .popover-title {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.popover-primary.bs-tether-element-attached-top .popover-arrow,
.popover-primary.popover-bottom .popover-arrow {
    border-bottom-color: var(--main-color);
}

.popover-primary.bs-tether-element-attached-top .popover-arrow:after,
.popover-primary.popover-bottom .popover-arrow:after {
    border-bottom-color: var(--main-color);
}

.popover-success .popover-title {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.popover-success.bs-tether-element-attached-top .popover-arrow,
.popover-success.popover-bottom .popover-arrow {
    border-bottom-color: var(--main-color);
}

.popover-success.bs-tether-element-attached-top .popover-arrow:after,
.popover-success.popover-bottom .popover-arrow:after {
    border-bottom-color: var(--main-color);
}

.popover-info .popover-title {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.popover-info.bs-tether-element-attached-top .popover-arrow,
.popover-info.popover-bottom .popover-arrow {
    border-bottom-color: var(--main-color);
}

.popover-info.bs-tether-element-attached-top .popover-arrow:after,
.popover-info.popover-bottom .popover-arrow:after {
    border-bottom-color: var(--main-color);
}

.popover-warning .popover-title {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}

.popover-warning.bs-tether-element-attached-top .popover-arrow,
.popover-warning.popover-bottom .popover-arrow {
    border-bottom-color: #ff9800;
}

.popover-warning.bs-tether-element-attached-top .popover-arrow:after,
.popover-warning.popover-bottom .popover-arrow:after {
    border-bottom-color: #ff9800;
}

.popover-danger .popover-title {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
}

.popover-danger.bs-tether-element-attached-top .popover-arrow,
.popover-danger.popover-bottom .popover-arrow {
    border-bottom-color: #f44336;
}

.popover-danger.bs-tether-element-attached-top .popover-arrow:after,
.popover-danger.popover-bottom .popover-arrow:after {
    border-bottom-color: #f44336;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, .3);
    border: none;
}

.carousel-indicators-scaleup li {
    border: none;
}

.carousel-indicators-fillin li {
    background-color: transparent;
}

.carousel-indicators-fall li:after {
    background-color: rgba(0, 0, 0, .3);
}

.carousel-indicators-fall .active {
    background-color: transparent;
}

.site-navbar {
    background-color: var(--main-color);
}

.site-navbar .navbar-header {
    color: #fff;
    background-color: transparent;
}

@media (min-width: 768px) {
    .site-navbar .navbar-header {
        width: 240px;
    }
}
.site-navbar .navbar-header .navbar-toggle {
    color: #fff;
}

.site-navbar .navbar-header .hamburger:before,
.site-navbar .navbar-header .hamburger:after,
.site-navbar .navbar-header .hamburger .hamburger-bar {
    background-color: #fff;
}

.site-navbar .navbar-header .navbar-brand {
    color: #fff;
}

.site-navbar .navbar-container {
    background-color: #fff;
}

.site-navbar.navbar-inverse .navbar-container {
    background-color: transparent;
}

.site-menubar {
    color: rgba(117, 117, 117, .9);
    background: #fff;
}

.site-menubar.site-menubar-dark {
    background: #212121;
}

.site-menu-category {
    color: transparent;
    background: rgba(21, 101, 192, .05);
}

.site-menu-item a {
    color: rgba(117, 117, 117, .9);
}

.site-menu .site-menu-sub {
    background: transparent;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.site-menu-sub .site-menu-title {
    display: inline;
}

.site-menu .site-menu-sub .site-menu-item {
    color: rgba(117, 117, 117, .9);
    background: transparent;
    padding: 1px 0;
}

.site-menu .site-menu-sub .site-menu-item.has-sub {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.site-menu .site-menu-sub .site-menu-item.has-sub.open {
    border-top-color: rgba(40, 53, 147, .05);
    border-bottom-color: rgba(40, 53, 147, .05);
}

.site-menu .site-menu-sub .site-menu-item.hover>a,
.site-menu .site-menu-sub .site-menu-item:hover>a {
    color: var(--main-color);
    background-color: rgba(66, 151, 168, .055);
}

.site-menu .site-menu-sub {
    padding: 0;
}

.site-menu-item.has-sub::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-right-color: #959595;
    border-top-color: #959595;
}
.site-menu-item.has-sub:hover::after {
    border-right-color: var(--main-color);
    border-top-color: var(--main-color);
}

.site-menu .site-menu-sub .site-menu-item.active {
    background: rgba(40, 53, 147, .03);
}

.site-menu .site-menu-sub .site-menu-item.active>a {
    color: var(--main-color);
}

.site-menu .site-menu-sub .site-menu-item.active.hover>a {
    background-color: transparent;
}

.site-menu .site-menu-sub .site-menu-item.open {
    background: rgba(40, 53, 147, .03);
}

.site-menu .site-menu-sub .site-menu-item.open>a {
    color: var(--main-color);
}

.site-menu .site-menu-sub .site-menu-item.open.hover>a {
    background-color: transparent;
}

.site-menu>.site-menu-item>a {
    border: 0;
}

.site-menu>.site-menu-item>.site-menu-sub {
    background: #f3f8fb;
}

.site-menu>.site-menu-item.open {
    background: rgba(40, 53, 147, .05);
}

.site-menu>.site-menu-item.open>a {
    color: var(--main-color);
    background: transparent;
}

.site-menu>.site-menu-item.open.hover>a {
    background: transparent;
}

.site-menu>.site-menu-item.hover>a,
.site-menu>.site-menu-item:hover>a {
    color: var(--main-color);
    background-color: rgba(40, 53, 147, .05);
}

.site-menu>.site-menu-item.active {
    background: rgba(40, 53, 147, .05);
    border-top: none;
    border-bottom: none;
}

.site-menu>.site-menu-item.active>a {
    color: var(--main-color);
    background: transparent;
}

.site-menu>.site-menu-item.active.hover>a {
    background: transparent;
}

.site-menubar-dark .site-menu-item a {
    color: rgba(158, 158, 158, .9);
}

.site-menubar-dark .site-menu-item.hover>a,
.site-menubar-dark .site-menu-item:hover>a {
    background: transparent;
}

.site-menubar-dark .site-menu-category {
    background: #1e1e1e;
}

.site-menubar-dark .site-menu>.site-menu-item.open {
    background: #1e1e1e;
}

.site-menubar-dark .site-menu>.site-menu-item.open>a {
    color: #fff;
}

.site-menubar-dark .site-menu>.site-menu-item.hover,
.site-menubar-dark .site-menu>.site-menu-item:hover {
    background-color: rgba(255, 255, 255, .02);
}

.site-menubar-dark .site-menu>.site-menu-item.hover>a,
.site-menubar-dark .site-menu>.site-menu-item:hover>a {
    color: #fff;
}

.site-menubar-dark .site-menu>.site-menu-item.active {
    background: #1e1e1e;
}

.site-menubar-dark .site-menu>.site-menu-item.active>a {
    color: #fff;
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open {
    background: rgba(0, 0, 0, .06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open>a {
    color: #fff;
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover,
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover {
    background-color: rgba(0, 0, 0, .06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover>a,
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #fff;
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover.open,
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover.open {
    background-color: rgba(0, 0, 0, .06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active {
    background: rgba(0, 0, 0, .06);
}

.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #fff;
}

.site-menubar-dark .site-menu>.site-menu-item>.site-menu-sub {
    background: #1e1e1e;
}

.css-menubar .site-menu-item.has-sub:hover>.site-menu-sub {
    background: #f3f8fb;
}

.site-sidebar .conversation {
    background-color: #fff;
}

.site-sidebar .conversation-header {
    border-bottom: 1px solid #e0e0e0;
}

.site-sidebar .conversation-return {
    color: rgba(66, 66, 66, .4);
}

.site-sidebar .conversation-return:hover,
.site-sidebar .conversation-return:focus {
    color: rgba(66, 66, 66, .6);
}

.site-sidebar .conversation-return:active {
    color: #424242;
}

.site-sidebar .conversation-title {
    color: #424242;
}

.site-sidebar .conversation-reply {
    border-top: 1px solid #e0e0e0;
}

.site-sidebar .conversation-reply .form-control {
    border: none;
    border-right: 1px solid #e0e0e0;
}

.page {
    background: #f8f8f8;
}

.page-dark.layout-full {
    color: #fff;
}

.page-dark.layout-full:after {
    background-color: rgba(33, 33, 33, .6);
}

.page-dark.layout-full .brand-text {
    color: #fff;
}

.page-content-table .table>tbody>tr:hover>td {
    background-color: #eee;
}

.page-content-table .table>tbody>tr:last-child td {
    border-bottom: 1px solid #e0e0e0;
}

.page-content-table .table.is-indent>thead>tr>th.pre-cell,
.page-content-table .table.is-indent>thead>tr>th.suf-cell,
.page-content-table .table.is-indent>tbody>tr>th.pre-cell,
.page-content-table .table.is-indent>tbody>tr>th.suf-cell,
.page-content-table .table.is-indent>thead>tr>td.pre-cell,
.page-content-table .table.is-indent>thead>tr>td.suf-cell,
.page-content-table .table.is-indent>tbody>tr>td.pre-cell,
.page-content-table .table.is-indent>tbody>tr>td.suf-cell {
    border-top: none;
    border-bottom: none;
}

.page-content-table .table.is-indent>tbody>tr:first-child td {
    border-top: none;
}

.page-content-table .table.is-indent>tbody>tr:last-child td.pre-cell,
.page-content-table .table.is-indent>tbody>tr:last-child td.suf-cell {
    border-bottom: none;
}

.page-content-table .table.is-indent>tfoot>tr>td {
    border-top: none;
}

.page-copyright {
    color: #424242;
}

.page-copyright-inverse {
    color: #fff;
}

.page-copyright-inverse .social .icon {
    color: #fff;
}

.page-copyright-inverse .social .icon:hover,
.page-copyright-inverse .social .icon:active {
    color: rgba(255, 255, 255, .8);
}

.page-description {
    color: #9e9e9e;
}

.page-header {
    background: transparent;
    border-bottom: none;
}

.page-header-bordered {
    background-color: #fff;
    border-bottom: 1px solid transparent;
}

.page-header-tabs .nav-tabs-line {
    border-bottom-color: transparent;
}

.page-aside {
    background: #fff;
    border-right: 1px solid #e0e0e0;
}

.page-aside-section:after {
    border-bottom: 1px solid #e0e0e0;
}

.page-aside-switch {
    background-color: white;
}

.page-aside-title {
    color: #616161;
}

.page-aside.collapsed {
    visibility: hidden;
}
.page-aside-left .page-aside.collapsed+.page-main {
    margin-left: 0 !important;
}

#calendar-aside .list-group-item:hover,
#calendar-aside .list-group-item:focus {
    color: #616566 !important;
    background-color: white !important;
}

.page-aside .list-group-item .icon {
    color: #9e9e9e;
}

.page-aside .list-group-item:hover,
.page-aside .list-group-item:focus {
    color: var(--main-color);
    background-color: #eee;
    border: none;
}

.page-aside .list-group-item:hover>.icon,
.page-aside .list-group-item:focus>.icon {
    color: var(--main-color);
}

.page-aside .list-group-item.active {
    color: var(--main-color);
    background-color: transparent;
}

.page-aside .list-group-item.active>.icon {
    color: var(--main-color);
}

.page-aside .list-group-item.active:hover,
.page-aside .list-group-item.active:focus {
    color: var(--main-color);
    background-color: #eee;
    border: none;
}

.page-aside .list-group-item.active:hover>.icon,
.page-aside .list-group-item.active:focus>.icon {
    color: var(--main-color);
}

.page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close {
    background: 0 0;
    border: 0;
}

.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon {
    background-color: transparent;
}

.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon {
    color: var(--main-color);
}

.page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon {
    color: #757575;
}

@media (max-width: 767px) {
    .page-aside {
        border-color: transparent;
    }
    .page-aside .page-aside-inner {
        background-color: white;
        border-right: 1px solid #e0e0e0;
    }
}

.site-footer {
    background-color: rgba(0, 0, 0, .02);
    border-top: 1px solid #e0e0e0;
}

.site-footer .scroll-to-top {
    color: #757575;
}

@media (min-width: 1200px) {
    .layout-boxed {
        background: #e0e0e0;
    }
}

.checkbox-custom label::before {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.checkbox-custom label::after {
    color: #757575;
}

.checkbox-custom input[type="checkbox"]:checked+label::before,
.checkbox-custom input[type="radio"]:checked+label::before {
    border-color: #e0e0e0;
}

.checkbox-custom input[type="checkbox"]:disabled+label::before,
.checkbox-custom input[type="radio"]:disabled+label::before {
    background-color: #eee;
    border-color: #e0e0e0;
}

.checkbox-default input[type="checkbox"]:checked+label::before,
.checkbox-default input[type="radio"]:checked+label::before {
    background-color: #fff;
    border-color: #e0e0e0;
}

.checkbox-default input[type="checkbox"]:checked+label::after,
.checkbox-default input[type="radio"]:checked+label::after {
    color: var(--main-color);
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before {
    background-color: #f44336;
    border-color: #f44336;
}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before,
.checkbox-warning input[type="radio"]:checked+label::before {
    background-color: #ff9800;
    border-color: #ff9800;
}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {
    color: #fff;
}

.radio-custom label::before {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.radio-custom label::after {
    background-color: transparent;
    border: 2px solid #757575;
}

.radio-custom input[type="radio"]:checked+label::before {
    border-color: #e0e0e0;
}

.radio-default input[type="radio"]:checked+label::before {
    background-color: #fff;
    border-color: #e0e0e0;
}

.radio-default input[type="radio"]:checked+label::after {
    border-color: var(--main-color);
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: var(--main-color);
}

.radio-primary input[type="radio"]:checked+label::after {
    border-color: #fff;
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #f44336;
}

.radio-danger input[type="radio"]:checked+label::after {
    border-color: #fff;
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: var(--main-color);
}

.radio-info input[type="radio"]:checked+label::after {
    border-color: #fff;
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #ff9800;
}

.radio-warning input[type="radio"]:checked+label::after {
    border-color: #fff;
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: var(--main-color);
}

.radio-success input[type="radio"]:checked+label::after {
    border-color: #fff;
}

.form-material .form-control {
    background-color: transparent;
    background-color: transparent;
}

.form-material .form-control,
.form-material .form-control:focus,
.form-material .form-control.focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(var(--main-color), var(--main-color)), -o-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(var(--main-color), var(--main-color)), linear-gradient(#e0e0e0, #e0e0e0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-cssgradients .form-material .form-control {
    border-bottom: 2px solid #e0e0e0;
}

.form-material .form-control::-webkit-input-placeholder {
    color: #9e9e9e;
}

.form-material .form-control::-moz-placeholder {
    color: #9e9e9e;
}

.form-material .form-control:-ms-input-placeholder {
    color: #9e9e9e;
}

.form-material .form-control:disabled::-webkit-input-placeholder {
    color: #bdbdbd;
}

.form-material .form-control:disabled::-moz-placeholder {
    color: #bdbdbd;
}

.form-material .form-control:disabled:-ms-input-placeholder {
    color: #bdbdbd;
}

.no-cssgradients .form-material .form-control:focus,
.no-cssgradients .form-material .form-control.focus {
    background: transparent;
    border-bottom: 2px solid var(--main-color);
}

.form-material .form-control:disabled,
.form-material .form-control[disabled],
fieldset[disabled] .form-material .form-control {
    background: transparent;
    background: transparent;
    border-bottom: 1px dashed #bdbdbd;
}

.form-material .form-control:disabled~.floating-label,
.form-material .form-control[disabled]~.floating-label,
fieldset[disabled] .form-material .form-control~.floating-label {
    color: #bdbdbd;
}

.form-material .floating-label {
    color: #757575;
}

.form-material .form-control:focus~.floating-label,
.form-material .form-control.focus~.floating-label {
    color: var(--main-color);
}

.form-material select.form-control {
    border: 0;
}

.form-material .form-control:not(.empty):invalid~.floating-label,
.form-material .form-control.focus:invalid~.floating-label {
    color: #f44336;
}

.form-material .form-control:invalid {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(#f44336, #f44336), -o-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}

.form-material.form-group.has-warning .form-control:focus,
.form-material.form-group.has-warning .form-control.focus,
.form-material.form-group.has-warning .form-control:not(.empty) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9800), to(#ff9800)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(#ff9800, #ff9800), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(#ff9800, #ff9800), -o-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-warning .form-control:focus,
.no-cssgradients .form-material.form-group.has-warning .form-control.focus,
.no-cssgradients .form-material.form-group.has-warning .form-control:not(.empty) {
    background: transparent;
    border-bottom: 2px solid #ff9800;
}

.form-material.form-group.has-warning .form-control:-webkit-autofill {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9800), to(#ff9800)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(#ff9800, #ff9800), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-warning .form-control:-webkit-autofill {
    background: transparent;
    border-bottom: 2px solid #ff9800;
}

.form-material.form-group.has-warning .form-control:not(.empty) {
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
}

.form-material.form-group.has-warning .form-control-label {
    color: #ff9800;
}

.form-material.form-group.has-warning .form-control:focus~.floating-label,
.form-material.form-group.has-warning .form-control.focus~.floating-label,
.form-material.form-group.has-warning .form-control:not(.empty)~.floating-label {
    color: #ff9800;
}

.form-material.form-group.has-warning .form-control:-webkit-autofill~.floating-label {
    color: #ff9800;
}

.form-material.form-group.has-danger .form-control:focus,
.form-material.form-group.has-danger .form-control.focus,
.form-material.form-group.has-danger .form-control:not(.empty) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(#f44336, #f44336), -o-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-danger .form-control:focus,
.no-cssgradients .form-material.form-group.has-danger .form-control.focus,
.no-cssgradients .form-material.form-group.has-danger .form-control:not(.empty) {
    background: transparent;
    border-bottom: 2px solid #f44336;
}

.form-material.form-group.has-danger .form-control:-webkit-autofill {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-danger .form-control:-webkit-autofill {
    background: transparent;
    border-bottom: 2px solid #f44336;
}

.form-material.form-group.has-danger .form-control:not(.empty) {
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
}

.form-material.form-group.has-danger .form-control-label {
    color: #f44336 !important;
}

.form-material.form-group.has-danger .form-control:focus~.floating-label,
.form-material.form-group.has-danger .form-control.focus~.floating-label,
.form-material.form-group.has-danger .form-control:not(.empty)~.floating-label {
    color: #f44336 !important;
}

.form-material.form-group.has-danger .form-control:-webkit-autofill~.floating-label {
    color: #f44336 !important;
}

.form-material.form-group.has-success .form-control:focus,
.form-material.form-group.has-success .form-control.focus,
.form-material.form-group.has-success .form-control:not(.empty) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(var(--main-color), var(--main-color)), -o-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(var(--main-color), var(--main-color)), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-success .form-control:focus,
.no-cssgradients .form-material.form-group.has-success .form-control.focus,
.no-cssgradients .form-material.form-group.has-success .form-control:not(.empty) {
    background: transparent;
    border-bottom: 2px solid var(--main-color);
}

.form-material.form-group.has-success .form-control:-webkit-autofill {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(var(--main-color), var(--main-color)), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-success .form-control:-webkit-autofill {
    background: transparent;
    border-bottom: 2px solid var(--main-color);
}

.form-material.form-group.has-success .form-control:not(.empty) {
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
}

.form-material.form-group.has-success .form-control-label {
    color: var(--main-color);
}

.form-material.form-group.has-success .form-control:focus~.floating-label,
.form-material.form-group.has-success .form-control.focus~.floating-label,
.form-material.form-group.has-success .form-control:not(.empty)~.floating-label {
    color: var(--main-color);
}

.form-material.form-group.has-success .form-control:-webkit-autofill~.floating-label {
    color: var(--main-color);
}

.form-material.form-group.has-info .form-control:focus,
.form-material.form-group.has-info .form-control.focus,
.form-material.form-group.has-info .form-control:not(.empty) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(var(--main-color), var(--main-color)), -o-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(var(--main-color), var(--main-color)), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-info .form-control:focus,
.no-cssgradients .form-material.form-group.has-info .form-control.focus,
.no-cssgradients .form-material.form-group.has-info .form-control:not(.empty) {
    background: transparent;
    border-bottom: 2px solid var(--main-color);
}

.form-material.form-group.has-info .form-control:-webkit-autofill {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color))), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
    background-image: linear-gradient(var(--main-color), var(--main-color)), linear-gradient(#e0e0e0, #e0e0e0);
}

.no-cssgradients .form-material.form-group.has-info .form-control:-webkit-autofill {
    background: transparent;
    border-bottom: 2px solid var(--main-color);
}

.form-material.form-group.has-info .form-control:not(.empty) {
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
}

.form-material.form-group.has-info .form-control-label {
    color: var(--main-color);
}

.form-material.form-group.has-info .form-control:focus~.floating-label,
.form-material.form-group.has-info .form-control.focus~.floating-label,
.form-material.form-group.has-info .form-control:not(.empty)~.floating-label {
    color: var(--main-color);
}

.form-material.form-group.has-info .form-control:-webkit-autofill~.floating-label {
    color: var(--main-color);
}

.form-material .input-group .input-group-addon {
    background: transparent;
    border: 0;
}

.loader-default {
    background-color: #9e9e9e;
}

.loader-grill {
    background: #9e9e9e;
}

.loader-grill:before,
.loader-grill:after {
    background: #9e9e9e;
}

.loader-circle {
    border-top: .125em solid rgba(158, 158, 158, .5);
    border-right: .125em solid rgba(158, 158, 158, .5);
    border-bottom: .125em solid rgba(158, 158, 158, .5);
    border-left: .125em solid #9e9e9e;
}

.loader-dot:before,
.loader-dot:after {
    background: #9e9e9e;
}

.loader-bounce:before,
.loader-bounce:after {
    background: #9e9e9e;
}

.loader-cube:before,
.loader-cube:after {
    background: #9e9e9e;
}

.loader-rotate-plane {
    background: #9e9e9e;
}

.loader-folding-cube:before,
.loader-folding-cube:after {
    background: #9e9e9e;
}

.loader-overlay {
    background: var(--darker-main-color);
}

.loader-content h2 {
    color: #fff;
}

.loader-index>div {
    background: #fff;
}

.bg-red-50 {
    background-color: #ffebee !important;
}

.bg-red-100 {
    background-color: #ffcdd2 !important;
}

.bg-red-200 {
    background-color: #ef9a9a !important;
}

.bg-red-300 {
    background-color: #e57373 !important;
}

.bg-red-400 {
    background-color: #ef5350 !important;
}

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

.bg-red-600 {
    background-color: #e53935 !important;
}

.bg-red-700 {
    background-color: #d32f2f !important;
}

.bg-red-800 {
    background-color: #c62828 !important;
}

.bg-red-900 {
    background-color: #b71c1c !important;
}

.bg-red-a100 {
    background-color: #ff8a80 !important;
}

.bg-red-a200 {
    background-color: #ff5252 !important;
}

.bg-red-a300 {
    background-color: #ff1744 !important;
}

.bg-red-a400 {
    background-color: #d50000 !important;
}

.red-50 {
    color: #ffebee !important;
}

.red-100 {
    color: #ffcdd2 !important;
}

.red-200 {
    color: #ef9a9a !important;
}

.red-300 {
    color: #e57373 !important;
}

.red-400 {
    color: #ef5350 !important;
}

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

.red-600 {
    color: #e53935 !important;
}

.red-700 {
    color: #d32f2f !important;
}

.red-800 {
    color: #c62828 !important;
}

.red-900 {
    color: #b71c1c !important;
}

.red-a100 {
    color: #ff8a80 !important;
}

.red-a200 {
    color: #ff5252 !important;
}

.red-a300 {
    color: #ff1744 !important;
}

.red-a400 {
    color: #d50000 !important;
}

.bg-pink-50 {
    background-color: #fce4ec !important;
}

.bg-pink-100 {
    background-color: #f8bbd0 !important;
}

.bg-pink-200 {
    background-color: #f48fb1 !important;
}

.bg-pink-300 {
    background-color: #f06292 !important;
}

.bg-pink-400 {
    background-color: #ec407a !important;
}

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

.bg-pink-600 {
    background-color: #d81b60 !important;
}

.bg-pink-700 {
    background-color: #c2185b !important;
}

.bg-pink-800 {
    background-color: #ad1457 !important;
}

.bg-pink-900 {
    background-color: #880e4f !important;
}

.bg-pink-a100 {
    background-color: #ff80ab !important;
}

.bg-pink-a200 {
    background-color: #ff4081 !important;
}

.bg-pink-a300 {
    background-color: #f50057 !important;
}

.bg-pink-a400 {
    background-color: #c51162 !important;
}

.pink-50 {
    color: #fce4ec !important;
}

.pink-100 {
    color: #f8bbd0 !important;
}

.pink-200 {
    color: #f48fb1 !important;
}

.pink-300 {
    color: #f06292 !important;
}

.pink-400 {
    color: #ec407a !important;
}

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

.pink-600 {
    color: #d81b60 !important;
}

.pink-700 {
    color: #c2185b !important;
}

.pink-800 {
    color: #ad1457 !important;
}

.pink-900 {
    color: #880e4f !important;
}

.pink-a100 {
    color: #ff80ab !important;
}

.pink-a200 {
    color: #ff4081 !important;
}

.pink-a300 {
    color: #f50057 !important;
}

.pink-a400 {
    color: #c51162 !important;
}

.bg-purple-50 {
    background-color: #f3e5f5 !important;
}

.bg-purple-100 {
    background-color: #e1bee7 !important;
}

.bg-purple-200 {
    background-color: #ce93d8 !important;
}

.bg-purple-300 {
    background-color: #ba68c8 !important;
}

.bg-purple-400 {
    background-color: #ab47bc !important;
}

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

.bg-purple-600 {
    background-color: #8e24aa !important;
}

.bg-purple-700 {
    background-color: #7b1fa2 !important;
}

.bg-purple-800 {
    background-color: #6a1b9a !important;
}

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

.bg-purple-a100 {
    background-color: #ea80fc !important;
}

.bg-purple-a200 {
    background-color: #e040fb !important;
}

.bg-purple-a300 {
    background-color: #d500f9 !important;
}

.bg-purple-a400 {
    background-color: #a0f !important;
}

.purple-50 {
    color: #f3e5f5 !important;
}

.purple-100 {
    color: #e1bee7 !important;
}

.purple-200 {
    color: #ce93d8 !important;
}

.purple-300 {
    color: #ba68c8 !important;
}

.purple-400 {
    color: #ab47bc !important;
}

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

.purple-600 {
    color: #8e24aa !important;
}

.purple-700 {
    color: #7b1fa2 !important;
}

.purple-800 {
    color: #6a1b9a !important;
}

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

.purple-a100 {
    color: #ea80fc !important;
}

.purple-a200 {
    color: #e040fb !important;
}

.purple-a300 {
    color: #d500f9 !important;
}

.purple-a400 {
    color: #a0f !important;
}

.bg-deep-purple-50 {
    background-color: #ede7f6 !important;
}

.bg-deep-purple-100 {
    background-color: #d1c4e9 !important;
}

.bg-deep-purple-200 {
    background-color: #b39ddb !important;
}

.bg-deep-purple-300 {
    background-color: #9575cd !important;
}

.bg-deep-purple-400 {
    background-color: #7e57c2 !important;
}

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

.bg-deep-purple-600 {
    background-color: #5e35b1 !important;
}

.bg-deep-purple-700 {
    background-color: #512da8 !important;
}

.bg-deep-purple-800 {
    background-color: #4527a0 !important;
}

.bg-deep-purple-900 {
    background-color: #311b92 !important;
}

.bg-deep-purple-a100 {
    background-color: #b388ff !important;
}

.bg-deep-purple-a200 {
    background-color: #7c4dff !important;
}

.bg-deep-purple-a300 {
    background-color: #651fff !important;
}

.bg-deep-purple-a400 {
    background-color: #6200ea !important;
}

.deep-purple-50 {
    color: #ede7f6 !important;
}

.deep-purple-100 {
    color: #d1c4e9 !important;
}

.deep-purple-200 {
    color: #b39ddb !important;
}

.deep-purple-300 {
    color: #9575cd !important;
}

.deep-purple-400 {
    color: #7e57c2 !important;
}

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

.deep-purple-600 {
    color: #5e35b1 !important;
}

.deep-purple-700 {
    color: #512da8 !important;
}

.deep-purple-800 {
    color: #4527a0 !important;
}

.deep-purple-900 {
    color: #311b92 !important;
}

.deep-purple-a100 {
    color: #b388ff !important;
}

.deep-purple-a200 {
    color: #7c4dff !important;
}

.deep-purple-a300 {
    color: #651fff !important;
}

.deep-purple-a400 {
    color: #6200ea !important;
}

.bg-indigo-50 {
    background-color: #e8eaf6 !important;
}

.bg-indigo-100 {
    background-color: #c5cae9 !important;
}

.bg-indigo-200 {
    background-color: #9fa8da !important;
}

.bg-indigo-300 {
    background-color: #7986cb !important;
}

.bg-indigo-400 {
    background-color: var(--lighter-main-color) !important;
}

.bg-indigo-500 {
    background-color: var(--main-color) !important;
}

.bg-indigo-600 {
    background-color: var(--darker-main-color) !important;
}

.bg-indigo-700 {
    background-color: #303f9f !important;
}

.bg-indigo-800 {
    background-color: #283593 !important;
}

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

.bg-indigo-a100 {
    background-color: #8c9eff !important;
}

.bg-indigo-a200 {
    background-color: #536dfe !important;
}

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

.bg-indigo-a400 {
    background-color: #304ffe !important;
}

.indigo-50 {
    color: #e8eaf6 !important;
}

.indigo-100 {
    color: #c5cae9 !important;
}

.indigo-200 {
    color: #9fa8da !important;
}

.indigo-300 {
    color: #7986cb !important;
}

.indigo-400 {
    color: var(--lighter-main-color) !important;
}

.indigo-500 {
    color: var(--main-color) !important;
}

.indigo-600 {
    color: var(--darker-main-color) !important;
}

.indigo-700 {
    color: #303f9f !important;
}

.indigo-800 {
    color: #283593 !important;
}

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

.indigo-a100 {
    color: #8c9eff !important;
}

.indigo-a200 {
    color: #536dfe !important;
}

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

.indigo-a400 {
    color: #304ffe !important;
}

.bg-blue-50 {
    background-color: #e3f2fd !important;
}

.bg-blue-100 {
    background-color: #bbdefb !important;
}

.bg-blue-200 {
    background-color: #90caf9 !important;
}

.bg-blue-300 {
    background-color: #64b5f6 !important;
}

.bg-blue-400 {
    background-color: #42a5f5 !important;
}

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

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

.bg-blue-700 {
    background-color: #1976d2 !important;
}

.bg-blue-800 {
    background-color: #1565c0 !important;
}

.bg-blue-900 {
    background-color: #0d47a1 !important;
}

.bg-blue-a100 {
    background-color: #82b1ff !important;
}

.bg-blue-a200 {
    background-color: #448aff !important;
}

.bg-blue-a300 {
    background-color: #2979ff !important;
}

.bg-blue-a400 {
    background-color: #2962ff !important;
}

.blue-50 {
    color: #e3f2fd !important;
}

.blue-100 {
    color: #bbdefb !important;
}

.blue-200 {
    color: #90caf9 !important;
}

.blue-300 {
    color: #64b5f6 !important;
}

.blue-400 {
    color: #42a5f5 !important;
}

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

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

.blue-700 {
    color: #1976d2 !important;
}

.blue-800 {
    color: #1565c0 !important;
}

.blue-900 {
    color: #0d47a1 !important;
}

.blue-a100 {
    color: #82b1ff !important;
}

.blue-a200 {
    color: #448aff !important;
}

.blue-a300 {
    color: #2979ff !important;
}

.blue-a400 {
    color: #2962ff !important;
}

.bg-light-blue-50 {
    background-color: #e1f5fe !important;
}

.bg-light-blue-100 {
    background-color: #b3e5fc !important;
}

.bg-light-blue-200 {
    background-color: #81d4fa !important;
}

.bg-light-blue-300 {
    background-color: #4fc3f7 !important;
}

.bg-light-blue-400 {
    background-color: #29b6f6 !important;
}

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

.bg-light-blue-600 {
    background-color: #039be5 !important;
}

.bg-light-blue-700 {
    background-color: #0288d1 !important;
}

.bg-light-blue-800 {
    background-color: #0277bd !important;
}

.bg-light-blue-900 {
    background-color: #01579b !important;
}

.bg-light-blue-a100 {
    background-color: #80d8ff !important;
}

.bg-light-blue-a200 {
    background-color: #40c4ff !important;
}

.bg-light-blue-a300 {
    background-color: #00b0ff !important;
}

.bg-light-blue-a400 {
    background-color: #0091ea !important;
}

.light-blue-50 {
    color: #e1f5fe !important;
}

.light-blue-100 {
    color: #b3e5fc !important;
}

.light-blue-200 {
    color: #81d4fa !important;
}

.light-blue-300 {
    color: #4fc3f7 !important;
}

.light-blue-400 {
    color: #29b6f6 !important;
}

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

.light-blue-600 {
    color: #039be5 !important;
}

.light-blue-700 {
    color: #0288d1 !important;
}

.light-blue-800 {
    color: #0277bd !important;
}

.light-blue-900 {
    color: #01579b !important;
}

.light-blue-a100 {
    color: #80d8ff !important;
}

.light-blue-a200 {
    color: #40c4ff !important;
}

.light-blue-a300 {
    color: #00b0ff !important;
}

.light-blue-a400 {
    color: #0091ea !important;
}

.bg-cyan-50 {
    background-color: #e0f7fa !important;
}

.bg-cyan-100 {
    background-color: #b2ebf2 !important;
}

.bg-cyan-200 {
    background-color: #80deea !important;
}

.bg-cyan-300 {
    background-color: #4dd0e1 !important;
}

.bg-cyan-400 {
    background-color: #26c6da !important;
}

.bg-cyan-500 {
    background-color: var(--main-color) !important;
}

.bg-cyan-600 {
    background-color: #00acc1 !important;
}

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

.bg-cyan-800 {
    background-color: #00838f !important;
}

.bg-cyan-900 {
    background-color: #006064 !important;
}

.bg-cyan-a100 {
    background-color: #84ffff !important;
}

.bg-cyan-a200 {
    background-color: #18ffff !important;
}

.bg-cyan-a300 {
    background-color: #00e5ff !important;
}

.bg-cyan-a400 {
    background-color: #00b8d4 !important;
}

.cyan-50 {
    color: #e0f7fa !important;
}

.cyan-100 {
    color: #b2ebf2 !important;
}

.cyan-200 {
    color: #80deea !important;
}

.cyan-300 {
    color: #4dd0e1 !important;
}

.cyan-400 {
    color: #26c6da !important;
}

.cyan-500 {
    color: var(--main-color) !important;
}

.cyan-600 {
    color: #00acc1 !important;
}

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

.cyan-800 {
    color: #00838f !important;
}

.cyan-900 {
    color: #006064 !important;
}

.cyan-a100 {
    color: #84ffff !important;
}

.cyan-a200 {
    color: #18ffff !important;
}

.cyan-a300 {
    color: #00e5ff !important;
}

.cyan-a400 {
    color: #00b8d4 !important;
}

.bg-teal-50 {
    background-color: #e0f2f1 !important;
}

.bg-teal-100 {
    background-color: #b2dfdb !important;
}

.bg-teal-200 {
    background-color: #80cbc4 !important;
}

.bg-teal-300 {
    background-color: #4db6ac !important;
}

.bg-teal-400 {
    background-color: #26a69a !important;
}

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

.bg-teal-600 {
    background-color: #00897b !important;
}

.bg-teal-700 {
    background-color: #00796b !important;
}

.bg-teal-800 {
    background-color: #00695c !important;
}

.bg-teal-900 {
    background-color: #004d40 !important;
}

.bg-teal-a100 {
    background-color: #a7ffeb !important;
}

.bg-teal-a200 {
    background-color: #64ffda !important;
}

.bg-teal-a300 {
    background-color: #1de9b6 !important;
}

.bg-teal-a400 {
    background-color: #00bfa5 !important;
}

.teal-50 {
    color: #e0f2f1 !important;
}

.teal-100 {
    color: #b2dfdb !important;
}

.teal-200 {
    color: #80cbc4 !important;
}

.teal-300 {
    color: #4db6ac !important;
}

.teal-400 {
    color: #26a69a !important;
}

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

.teal-600 {
    color: #00897b !important;
}

.teal-700 {
    color: #00796b !important;
}

.teal-800 {
    color: #00695c !important;
}

.teal-900 {
    color: #004d40 !important;
}

.teal-a100 {
    color: #a7ffeb !important;
}

.teal-a200 {
    color: #64ffda !important;
}

.teal-a300 {
    color: #1de9b6 !important;
}

.teal-a400 {
    color: #00bfa5 !important;
}
.bg-red {
    background-color: red !important;
    border-color: red !important;
}
.bg-green {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}
.bg-green-50 {
    background-color: #e8f5e9 !important;
}

.bg-green-100 {
    background-color: #c8e6c9 !important;
}

.bg-green-200 {
    background-color: #a5d6a7 !important;
}

.bg-green-300 {
    background-color: #81c784 !important;
}

.bg-green-400 {
    background-color: #67ABB9 !important;
}

.bg-green-500 {
    background-color: var(--main-color) !important;
}

.bg-green-600 {
    background-color: var(--main-color) !important;
}

.bg-green-700 {
    background-color: #388e3c !important;
}

.bg-green-800 {
    background-color: #2e7d32 !important;
}

.bg-green-900 {
    background-color: #1b5e20 !important;
}

.bg-green-a100 {
    background-color: #b9f6ca !important;
}

.bg-green-a200 {
    background-color: #69f0ae !important;
}

.bg-green-a300 {
    background-color: #00e676 !important;
}

.bg-green-a400 {
    background-color: #00c853 !important;
}

.green-50 {
    color: #e8f5e9 !important;
}

.green-100 {
    color: #c8e6c9 !important;
}

.green-200 {
    color: #a5d6a7 !important;
}

.green-300 {
    color: #81c784 !important;
}

.green-400 {
    color: #67ABB9 !important;
}

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

.green-600 {
    color: var(--main-color) !important;
}

.green-700 {
    color: #388e3c !important;
}

.green-800 {
    color: #2e7d32 !important;
}

.green-900 {
    color: #1b5e20 !important;
}

.green-a100 {
    color: #b9f6ca !important;
}

.green-a200 {
    color: #69f0ae !important;
}

.green-a300 {
    color: #00e676 !important;
}

.green-a400 {
    color: #00c853 !important;
}

.bg-light-green-50 {
    background-color: #f1f8e9 !important;
}

.bg-light-green-100 {
    background-color: #dcedc8 !important;
}

.bg-light-green-200 {
    background-color: #c5e1a5 !important;
}

.bg-light-green-300 {
    background-color: #aed581 !important;
}

.bg-light-green-400 {
    background-color: #9ccc65 !important;
}

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

.bg-light-green-600 {
    background-color: #7cb342 !important;
}

.bg-light-green-700 {
    background-color: #689f38 !important;
}

.bg-light-green-800 {
    background-color: #558b2f !important;
}

.bg-light-green-900 {
    background-color: #33691e !important;
}

.bg-light-green-a100 {
    background-color: #ccff90 !important;
}

.bg-light-green-a200 {
    background-color: #b2ff59 !important;
}

.bg-light-green-a300 {
    background-color: #76ff03 !important;
}

.bg-light-green-a400 {
    background-color: #64dd17 !important;
}

.light-green-50 {
    color: #f1f8e9 !important;
}

.light-green-100 {
    color: #dcedc8 !important;
}

.light-green-200 {
    color: #c5e1a5 !important;
}

.light-green-300 {
    color: #aed581 !important;
}

.light-green-400 {
    color: #9ccc65 !important;
}

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

.light-green-600 {
    color: #7cb342 !important;
}

.light-green-700 {
    color: #689f38 !important;
}

.light-green-800 {
    color: #558b2f !important;
}

.light-green-900 {
    color: #33691e !important;
}

.light-green-a100 {
    color: #ccff90 !important;
}

.light-green-a200 {
    color: #b2ff59 !important;
}

.light-green-a300 {
    color: #76ff03 !important;
}

.light-green-a400 {
    color: #64dd17 !important;
}

.bg-lime-50 {
    background-color: #f9fbe7 !important;
}

.bg-lime-100 {
    background-color: #f0f4c3 !important;
}

.bg-lime-200 {
    background-color: #e6ee9c !important;
}

.bg-lime-300 {
    background-color: #dce775 !important;
}

.bg-lime-400 {
    background-color: #d4e157 !important;
}

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

.bg-lime-600 {
    background-color: #c0ca33 !important;
}

.bg-lime-700 {
    background-color: #afb42b !important;
}

.bg-lime-800 {
    background-color: #9e9d24 !important;
}

.bg-lime-900 {
    background-color: #827717 !important;
}

.bg-lime-a100 {
    background-color: #f4ff81 !important;
}

.bg-lime-a200 {
    background-color: #eeff41 !important;
}

.bg-lime-a300 {
    background-color: #c6ff00 !important;
}

.bg-lime-a400 {
    background-color: #aeea00 !important;
}

.lime-50 {
    color: #f9fbe7 !important;
}

.lime-100 {
    color: #f0f4c3 !important;
}

.lime-200 {
    color: #e6ee9c !important;
}

.lime-300 {
    color: #dce775 !important;
}

.lime-400 {
    color: #d4e157 !important;
}

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

.lime-600 {
    color: #c0ca33 !important;
}

.lime-700 {
    color: #afb42b !important;
}

.lime-800 {
    color: #9e9d24 !important;
}

.lime-900 {
    color: #827717 !important;
}

.lime-a100 {
    color: #f4ff81 !important;
}

.lime-a200 {
    color: #eeff41 !important;
}

.lime-a300 {
    color: #c6ff00 !important;
}

.lime-a400 {
    color: #aeea00 !important;
}

.bg-yellow-50 {
    background-color: #fffde7 !important;
}

.bg-yellow-100 {
    background-color: #fff9c4 !important;
}

.bg-yellow-200 {
    background-color: #fff59d !important;
}

.bg-yellow-300 {
    background-color: #fff176 !important;
}

.bg-yellow-400 {
    background-color: #ffee58 !important;
}

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

.bg-yellow-600 {
    background-color: #fdd835 !important;
}

.bg-yellow-700 {
    background-color: #fbc02d !important;
}

.bg-yellow-800 {
    background-color: #f9a825 !important;
}

.bg-yellow-900 {
    background-color: #f57f17 !important;
}

.bg-yellow-a100 {
    background-color: #ffff8d !important;
}

.bg-yellow-a200 {
    background-color: #ff0 !important;
}

.bg-yellow-a300 {
    background-color: #ffea00 !important;
}

.bg-yellow-a400 {
    background-color: #ffd600 !important;
}

.yellow-50 {
    color: #fffde7 !important;
}

.yellow-100 {
    color: #fff9c4 !important;
}

.yellow-200 {
    color: #fff59d !important;
}

.yellow-300 {
    color: #fff176 !important;
}

.yellow-400 {
    color: #ffee58 !important;
}

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

.yellow-600 {
    color: #fdd835 !important;
}

.yellow-700 {
    color: #fbc02d !important;
}

.yellow-800 {
    color: #f9a825 !important;
}

.yellow-900 {
    color: #f57f17 !important;
}

.yellow-a100 {
    color: #ffff8d !important;
}

.yellow-a200 {
    color: #ff0 !important;
}

.yellow-a300 {
    color: #ffea00 !important;
}

.yellow-a400 {
    color: #ffd600 !important;
}

.bg-amber-50 {
    background-color: #fff8e1 !important;
}

.bg-amber-100 {
    background-color: #ffecb3 !important;
}

.bg-amber-200 {
    background-color: #ffe082 !important;
}

.bg-amber-300 {
    background-color: #ffd54f !important;
}

.bg-amber-400 {
    background-color: #ffca28 !important;
}

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

.bg-amber-600 {
    background-color: #ffb300 !important;
}

.bg-amber-700 {
    background-color: #ffa000 !important;
}

.bg-amber-800 {
    background-color: #ff8f00 !important;
}

.bg-amber-900 {
    background-color: #ff6f00 !important;
}

.bg-amber-a100 {
    background-color: #ffe57f !important;
}

.bg-amber-a200 {
    background-color: #ffd740 !important;
}

.bg-amber-a300 {
    background-color: #ffc400 !important;
}

.bg-amber-a400 {
    background-color: #ffab00 !important;
}

.amber-50 {
    color: #fff8e1 !important;
}

.amber-100 {
    color: #ffecb3 !important;
}

.amber-200 {
    color: #ffe082 !important;
}

.amber-300 {
    color: #ffd54f !important;
}

.amber-400 {
    color: #ffca28 !important;
}

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

.amber-600 {
    color: #ffb300 !important;
}

.amber-700 {
    color: #ffa000 !important;
}

.amber-800 {
    color: #ff8f00 !important;
}

.amber-900 {
    color: #ff6f00 !important;
}

.amber-a100 {
    color: #ffe57f !important;
}

.amber-a200 {
    color: #ffd740 !important;
}

.amber-a300 {
    color: #ffc400 !important;
}

.amber-a400 {
    color: #ffab00 !important;
}

.bg-orange-50 {
    background-color: #fff3e0 !important;
}

.bg-orange-100 {
    background-color: #ffe0b2 !important;
}

.bg-orange-200 {
    background-color: #ffcc80 !important;
}

.bg-orange-300 {
    background-color: #ffb74d !important;
}

.bg-orange-400 {
    background-color: #ffa726 !important;
}

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

.bg-orange-600 {
    background-color: #fb8c00 !important;
}

.bg-orange-700 {
    background-color: #f57c00 !important;
}

.bg-orange-800 {
    background-color: #ef6c00 !important;
}

.bg-orange-900 {
    background-color: #e65100 !important;
}

.bg-orange-a100 {
    background-color: #ffd180 !important;
}

.bg-orange-a200 {
    background-color: #ffab40 !important;
}

.bg-orange-a300 {
    background-color: #ff9100 !important;
}

.bg-orange-a400 {
    background-color: #ff6d00 !important;
}

.orange-50 {
    color: #fff3e0 !important;
}

.orange-100 {
    color: #ffe0b2 !important;
}

.orange-200 {
    color: #ffcc80 !important;
}

.orange-300 {
    color: #ffb74d !important;
}

.orange-400 {
    color: #ffa726 !important;
}

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

.orange-600 {
    color: #fb8c00 !important;
}

.orange-700 {
    color: #f57c00 !important;
}

.orange-800 {
    color: #ef6c00 !important;
}

.orange-900 {
    color: #e65100 !important;
}

.orange-a100 {
    color: #ffd180 !important;
}

.orange-a200 {
    color: #ffab40 !important;
}

.orange-a300 {
    color: #ff9100 !important;
}

.orange-a400 {
    color: #ff6d00 !important;
}

.bg-deep-orange-50 {
    background-color: #fbe9e7 !important;
}

.bg-deep-orange-100 {
    background-color: #ffccbc !important;
}

.bg-deep-orange-200 {
    background-color: #ffab91 !important;
}

.bg-deep-orange-300 {
    background-color: #ff8a65 !important;
}

.bg-deep-orange-400 {
    background-color: #ff7043 !important;
}

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

.bg-deep-orange-600 {
    background-color: #f4511e !important;
}

.bg-deep-orange-700 {
    background-color: #e64a19 !important;
}

.bg-deep-orange-800 {
    background-color: #d84315 !important;
}

.bg-deep-orange-900 {
    background-color: #bf360c !important;
}

.bg-deep-orange-a100 {
    background-color: #ff9e80 !important;
}

.bg-deep-orange-a200 {
    background-color: #ff6e40 !important;
}

.bg-deep-orange-a300 {
    background-color: #ff3d00 !important;
}

.bg-deep-orange-a400 {
    background-color: #dd2c00 !important;
}

.deep-orange-50 {
    color: #fbe9e7 !important;
}

.deep-orange-100 {
    color: #ffccbc !important;
}

.deep-orange-200 {
    color: #ffab91 !important;
}

.deep-orange-300 {
    color: #ff8a65 !important;
}

.deep-orange-400 {
    color: #ff7043 !important;
}

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

.deep-orange-600 {
    color: #f4511e !important;
}

.deep-orange-700 {
    color: #e64a19 !important;
}

.deep-orange-800 {
    color: #d84315 !important;
}

.deep-orange-900 {
    color: #bf360c !important;
}

.deep-orange-a100 {
    color: #ff9e80 !important;
}

.deep-orange-a200 {
    color: #ff6e40 !important;
}

.deep-orange-a300 {
    color: #ff3d00 !important;
}

.deep-orange-a400 {
    color: #dd2c00 !important;
}

.bg-brown-50 {
    background-color: #efebe9 !important;
}

.bg-brown-100 {
    background-color: #d7ccc8 !important;
}

.bg-brown-200 {
    background-color: #bcaaa4 !important;
}

.bg-brown-300 {
    background-color: #a1887f !important;
}

.bg-brown-400 {
    background-color: #8d6e63 !important;
}

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

.bg-brown-600 {
    background-color: #6d4c41 !important;
}

.bg-brown-700 {
    background-color: #5d4037 !important;
}

.bg-brown-800 {
    background-color: #4e342e !important;
}

.bg-brown-900 {
    background-color: #3e2723 !important;
}

.brown-50 {
    color: #efebe9 !important;
}

.brown-100 {
    color: #d7ccc8 !important;
}

.brown-200 {
    color: #bcaaa4 !important;
}

.brown-300 {
    color: #a1887f !important;
}

.brown-400 {
    color: #8d6e63 !important;
}

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

.brown-600 {
    color: #6d4c41 !important;
}

.brown-700 {
    color: #5d4037 !important;
}

.brown-800 {
    color: #4e342e !important;
}

.brown-900 {
    color: #3e2723 !important;
}

.bg-grey-50 {
    background-color: #fafafa !important;
}

.bg-grey-100 {
    background-color: #f5f5f5 !important;
}

.bg-grey-200 {
    background-color: #eee !important;
}

.bg-grey-300 {
    background-color: #e0e0e0 !important;
}

.bg-grey-400 {
    background-color: #bdbdbd !important;
}

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

.bg-grey-600 {
    background-color: #757575 !important;
}

.bg-grey-700 {
    background-color: #616161 !important;
}

.bg-grey-800 {
    background-color: #424242 !important;
}

.bg-grey-900 {
    background-color: #212121 !important;
}

.grey-50 {
    color: #fafafa !important;
}

.grey-100 {
    color: #f5f5f5 !important;
}

.grey-200 {
    color: #eee !important;
}

.grey-300 {
    color: #e0e0e0 !important;
}

.grey-400 {
    color: #bdbdbd !important;
}

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

.grey-600 {
    color: #757575 !important;
}

.grey-700 {
    color: #616161 !important;
}

.grey-800 {
    color: #424242 !important;
}

.grey-900 {
    color: #212121 !important;
}

.bg-blue-grey-50 {
    background-color: #eceff1 !important;
}

.bg-blue-grey-100 {
    background-color: #cfd8dc !important;
}

.bg-blue-grey-200 {
    background-color: #b0bec5 !important;
}

.bg-blue-grey-300 {
    background-color: #90a4ae !important;
}

.bg-blue-grey-400 {
    background-color: #78909c !important;
}

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

.bg-blue-grey-600 {
    background-color: #546e7a !important;
}

.bg-blue-grey-700 {
    background-color: #455a64 !important;
}

.bg-blue-grey-800 {
    background-color: #37474f !important;
}

.bg-blue-grey-900 {
    background-color: #263238 !important;
}

.blue-grey-50 {
    color: #eceff1 !important;
}

.blue-grey-100 {
    color: #cfd8dc !important;
}

.blue-grey-200 {
    color: #b0bec5 !important;
}

.blue-grey-300 {
    color: #90a4ae !important;
}

.blue-grey-400 {
    color: #78909c !important;
}

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

.blue-grey-600 {
    color: #546e7a !important;
}

.blue-grey-700 {
    color: #455a64 !important;
}

.blue-grey-800 {
    color: #37474f !important;
}

.blue-grey-900 {
    color: #263238 !important;
}

.bg-primary-50 {
    background-color: #e8eaf6 !important;
}

.bg-primary-100 {
    background-color: #c5cae9 !important;
}

.bg-primary-200 {
    background-color: #9fa8da !important;
}

.bg-primary-300 {
    background-color: #7986cb !important;
}

.bg-primary-400 {
    background-color: var(--lighter-main-color) !important;
}

.bg-primary-500 {
    background-color: var(--main-color) !important;
}

.bg-primary-600 {
    background-color: var(--darker-main-color) !important;
}

.bg-primary-700 {
    background-color: #303f9f !important;
}

.bg-primary-800 {
    background-color: #283593 !important;
}

.bg-primary-900 {
    background-color: #1a237e !important;
}

.primary, .wakyma-color {
    color: var(--main-color) !important;
}

.primary-50 {
    color: #e8eaf6 !important;
}

.primary-100 {
    color: #c5cae9 !important;
}

.primary-200 {
    color: #9fa8da !important;
}

.primary-300 {
    color: #7986cb !important;
}

.primary-400 {
    color: var(--lighter-main-color) !important;
}

.primary-500 {
    color: var(--main-color) !important;
}

.primary-600 {
    color: var(--darker-main-color) !important;
}

.primary-700 {
    color: #303f9f !important;
}

.primary-800 {
    color: #283593 !important;
}

.primary-900 {
    color: #1a237e !important;
}

.black {
    color: #000 !important;
}

.white {
    color: #fff !important;
}

.grey {
    color: #757575;
}

.bg-white {
    color: #757575;
    background-color: #fff;
}

.bg-primary {
    color: #fff;
    background-color: var(--main-color);
}

.bg-primary:hover {
    background-color: #606fc7;
}

.bg-primary a,
.bg-primary a.bg-primary {
    color: #fff;
}

.bg-primary a:hover,
.bg-primary a.bg-primary:hover {
    color: #fff;
}

.bg-success {
    color: #fff;
    background-color: var(--main-color);
}

.bg-success:hover {
    background-color: #6ec071;
}

.bg-success a,
.bg-success a.bg-primary {
    color: #fff;
}

.bg-success a:hover,
.bg-success a.bg-primary:hover {
    color: #fff;
}

.bg-info {
    color: #fff;
    background-color: var(--main-color);
}

.bg-info:hover {
    background-color: #08e3ff;
}

.bg-info a,
.bg-info a.bg-info {
    color: #fff;
}

.bg-info a:hover,
.bg-info a.bg-info:hover {
    color: #fff;
}

.bg-warning {
    color: #fff;
    background-color: #ff9800;
}

.bg-warning:hover {
    background-color: #ffad33;
}

.bg-warning a,
.bg-warning a.bg-warning {
    color: #fff;
}

.bg-warning a:hover,
.bg-warning a.bg-warning:hover {
    color: #fff;
}

.bg-danger {
    color: #fff;
    background-color: #f44336;
}

.bg-danger:hover {
    background-color: #f77066;
}

.bg-danger a,
.bg-danger a.bg-danger {
    color: #fff;
}

.bg-danger a:hover,
.bg-danger a.bg-danger:hover {
    color: #fff;
}

.bg-dark {
    color: #fff;
    background-color: #616161;
}

.bg-dark:hover {
    background-color: #7b7b7b;
}

.bg-dark a,
.bg-dark a.bg-dark {
    color: #fff;
}

.bg-dark a:hover,
.bg-dark a.bg-dark:hover {
    color: #fff;
}

.social-facebook {
    color: #fff;
    background-color: #3b5998 !important;
}

.social-facebook:hover,
.social-facebook:focus {
    color: #fff;
    background-color: #4c70ba !important;
}

.social-facebook:active,
.social-facebook.active {
    color: #fff;
    background-color: #2d4373 !important;
}

.bg-facebook {
    background-color: #3b5998;
}

.social-twitter {
    color: #fff;
    background-color: #55acee !important;
}

.social-twitter:hover,
.social-twitter:focus {
    color: #fff;
    background-color: #83c3f3 !important;
}

.social-twitter:active,
.social-twitter.active {
    color: #fff;
    background-color: #2795e9 !important;
}

.bg-twitter {
    background-color: #55acee;
}

.social-google-plus {
    color: #fff;
    background-color: #dd4b39 !important;
}

.social-google-plus:hover,
.social-google-plus:focus {
    color: #fff;
    background-color: #e47365 !important;
}

.social-google-plus:active,
.social-google-plus.active {
    color: #fff;
    background-color: #c23321 !important;
}

.bg-google-plus {
    background-color: #dd4b39;
}

.social-linkedin {
    color: #fff;
    background-color: #0976b4 !important;
}

.social-linkedin:hover,
.social-linkedin:focus {
    color: #fff;
    background-color: #0b96e5 !important;
}

.social-linkedin:active,
.social-linkedin.active {
    color: #fff;
    background-color: #075683 !important;
}

.bg-linkedin {
    background-color: #0976b4;
}

.social-flickr {
    color: #fff;
    background-color: #ff0084 !important;
}

.social-flickr:hover,
.social-flickr:focus {
    color: #fff;
    background-color: #ff339d !important;
}

.social-flickr:active,
.social-flickr.active {
    color: #fff;
    background-color: #cc006a !important;
}

.bg-flickr {
    background-color: #ff0084;
}

.social-tumblr {
    color: #fff;
    background-color: #35465c !important;
}

.social-tumblr:hover,
.social-tumblr:focus {
    color: #fff;
    background-color: #485f7c !important;
}

.social-tumblr:active,
.social-tumblr.active {
    color: #fff;
    background-color: #222d3c !important;
}

.bg-tumblr {
    background-color: #35465c;
}

.social-xing {
    color: #fff;
    background-color: #024b4d !important;
}

.social-xing:hover,
.social-xing:focus {
    color: #fff;
    background-color: #037b7f !important;
}

.social-xing:active,
.social-xing.active {
    color: #fff;
    background-color: #011b1b !important;
}

.bg-xing {
    background-color: #024b4d;
}

.social-github {
    color: #fff;
    background-color: #4183c4 !important;
}

.social-github:hover,
.social-github:focus {
    color: #fff;
    background-color: #689cd0 !important;
}

.social-github:active,
.social-github.active {
    color: #fff;
    background-color: #3269a0 !important;
}

.bg-github {
    background-color: #4183c4;
}

.social-html5 {
    color: #fff;
    background-color: #e44f26 !important;
}

.social-html5:hover,
.social-html5:focus {
    color: #fff;
    background-color: #ea7453 !important;
}

.social-html5:active,
.social-html5.active {
    color: #fff;
    background-color: #bf3c18 !important;
}

.bg-html5 {
    background-color: #e44f26;
}

.social-openid {
    color: #fff;
    background-color: #f67d28 !important;
}

.social-openid:hover,
.social-openid:focus {
    color: #fff;
    background-color: #f89b59 !important;
}

.social-openid:active,
.social-openid.active {
    color: #fff;
    background-color: #e26309 !important;
}

.bg-openid {
    background-color: #f67d28;
}

.social-stack-overflow {
    color: #fff;
    background-color: #f86c01 !important;
}

.social-stack-overflow:hover,
.social-stack-overflow:focus {
    color: #fff;
    background-color: #fe882e !important;
}

.social-stack-overflow:active,
.social-stack-overflow.active {
    color: #fff;
    background-color: #c55601 !important;
}

.bg-stack-overflow {
    background-color: #f86c01;
}

.social-css3 {
    color: #fff;
    background-color: #1572b6 !important;
}

.social-css3:hover,
.social-css3:focus {
    color: #fff;
    background-color: #1a8fe4 !important;
}

.social-css3:active,
.social-css3.active {
    color: #fff;
    background-color: #105588 !important;
}

.bg-css3 {
    background-color: #1572b6;
}

.social-youtube {
    color: #fff;
    background-color: #b31217 !important;
}

.social-youtube:hover,
.social-youtube:focus {
    color: #fff;
    background-color: #e1171d !important;
}

.social-youtube:active,
.social-youtube.active {
    color: #fff;
    background-color: #850d11 !important;
}

.bg-youtube {
    background-color: #b31217;
}

.social-dribbble {
    color: #fff;
    background-color: #c32361 !important;
}

.social-dribbble:hover,
.social-dribbble:focus {
    color: #fff;
    background-color: #dc3d7b !important;
}

.social-dribbble:active,
.social-dribbble.active {
    color: #fff;
    background-color: #981b4b !important;
}

.bg-dribbble {
    background-color: #c32361;
}

.social-instagram {
    color: #fff;
    background-color: #3f729b !important;
}

.social-instagram:hover,
.social-instagram:focus {
    color: #fff;
    background-color: #548cb9 !important;
}

.social-instagram:active,
.social-instagram.active {
    color: #fff;
    background-color: #305777 !important;
}

.bg-instagram {
    background-color: #3f729b;
}

.social-pinterest {
    color: #fff;
    background-color: #cc2127 !important;
}

.social-pinterest:hover,
.social-pinterest:focus {
    color: #fff;
    background-color: #e04046 !important;
}

.social-pinterest:active,
.social-pinterest.active {
    color: #fff;
    background-color: #a01a1f !important;
}

.bg-pinterest {
    background-color: #cc2127;
}

.social-vk {
    color: #fff;
    background-color: #3d5a7d !important;
}

.social-vk:hover,
.social-vk:focus {
    color: #fff;
    background-color: #4e739f !important;
}

.social-vk:active,
.social-vk.active {
    color: #fff;
    background-color: #2c415b !important;
}

.bg-vk {
    background-color: #3d5a7d;
}

.social-yahoo {
    color: #fff;
    background-color: #350178 !important;
}

.social-yahoo:hover,
.social-yahoo:focus {
    color: #fff;
    background-color: #4b01ab !important;
}

.social-yahoo:active,
.social-yahoo.active {
    color: #fff;
    background-color: #1f0145 !important;
}

.bg-yahoo {
    background-color: #350178;
}

.social-behance {
    color: #fff;
    background-color: #1769ff !important;
}

.social-behance:hover,
.social-behance:focus {
    color: #fff;
    background-color: #4a8aff !important;
}

.social-behance:active,
.social-behance.active {
    color: #fff;
    background-color: #0050e3 !important;
}

.bg-behance {
    background-color: #024b4d;
}

.social-dropbox {
    color: #fff;
    background-color: #007ee5 !important;
}

.social-dropbox:hover,
.social-dropbox:focus {
    color: #fff;
    background-color: #1998ff !important;
}

.social-dropbox:active,
.social-dropbox.active {
    color: #fff;
    background-color: #0062b2 !important;
}

.bg-dropbox {
    background-color: #007ee5;
}

.social-reddit {
    color: #fff;
    background-color: #ff4500 !important;
}

.social-reddit:hover,
.social-reddit:focus {
    color: #fff;
    background-color: #ff6a33 !important;
}

.social-reddit:active,
.social-reddit.active {
    color: #fff;
    background-color: #cc3700 !important;
}

.bg-reddit {
    background-color: #ff4500;
}

.social-spotify {
    color: #fff;
    background-color: #7ab800 !important;
}

.social-spotify:hover,
.social-spotify:focus {
    color: #fff;
    background-color: #9ceb00 !important;
}

.social-spotify:active,
.social-spotify.active {
    color: #fff;
    background-color: #588500 !important;
}

.bg-spotify {
    background-color: #7ab800;
}

.social-vine {
    color: #fff;
    background-color: #00b488 !important;
}

.social-vine:hover,
.social-vine:focus {
    color: #fff;
    background-color: #00e7af !important;
}

.social-vine:active,
.social-vine.active {
    color: #fff;
    background-color: #008161 !important;
}

.bg-vine {
    background-color: #00b488;
}

.social-foursquare {
    color: #fff;
    background-color: #0cbadf !important;
}

.social-foursquare:hover,
.social-foursquare:focus {
    color: #fff;
    background-color: #2ad0f4 !important;
}

.social-foursquare:active,
.social-foursquare.active {
    color: #fff;
    background-color: #0992af !important;
}

.bg-foursquare {
    background-color: #0cbadf;
}

.social-vimeo {
    color: #fff;
    background-color: #1ab7ea !important;
}

.social-vimeo:hover,
.social-vimeo:focus {
    color: #fff;
    background-color: #49c6ee !important;
}

.social-vimeo:active,
.social-vimeo.active {
    color: #fff;
    background-color: #1295bf !important;
}

.bg-vimeo {
    background-color: #1ab7ea;
}

.social-skype {
    color: #fff;
    background-color: #77bcfd !important;
}

.social-skype:hover,
.social-skype:focus {
    color: #fff;
    background-color: #a9d5fe !important;
}

.social-skype:active,
.social-skype.active {
    color: #fff;
    background-color: #45a3fc !important;
}

.bg-skype {
    background-color: #77bcfd;
}

.social-evernote {
    color: #fff;
    background-color: #46bf8c !important;
}

.social-evernote:hover,
.social-evernote:focus {
    color: #fff;
    background-color: #6ccca4 !important;
}

.social-evernote:active,
.social-evernote.active {
    color: #fff;
    background-color: #369c71 !important;
}

.bg-evernote {
    background-color: #46bf8c;
}

.avatar i {
    border: 2px solid #fff;
}

.avatar img {
    border: 0 none;
}

.avatar-online i {
    background-color: var(--main-color);
}

.avatar-off i {
    background-color: #616161;
}

.avatar-busy i {
    background-color: #ff9800;
}

.avatar-away i {
    background-color: #f44336;
}

.status {
    border: 2px solid #fff;
}

.status-online {
    background-color: var(--main-color);
}

.status-off {
    background-color: #616161;
}

.status-busy {
    background-color: #ff9800;
}

.status-away {
    background-color: #f44336;
}

.icon.icon-border {
    border: solid .08em #e0e0e0;
}

.icon.icon-stack-inverse {
    color: #fff;
}

.icon-color {
    color: rgba(66, 66, 66, .4);
}

.icon-color:hover,
.icon-color:focus {
    color: rgba(66, 66, 66, .6);
}

.icon-color.active,
.icon-color:active {
    color: #424242;
}

.icon-color-alt {
    color: rgba(66, 66, 66, .6);
}

.icon-color-alt:hover,
.icon-color-alt:focus {
    color: rgba(66, 66, 66, .8);
}

.icon-color-alt.active,
.icon-color-alt:active {
    color: #424242;
}

.hamburger:before,
.hamburger .hamburger-bar,
.hamburger:after {
    background: #757575;
}

.navbar-default .hamburger:before,
.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after {
    background: #757575;
}

.navbar-inverse .hamburger:before,
.navbar-inverse .hamburger .hamburger-bar,
.navbar-inverse .hamburger:after {
    background: #fff;
}

.counter>.counter-number,
.counter .counter-number-group {
    color: #424242;
}

.counter-inverse {
    color: #fff;
}

.counter-inverse>.counter-number,
.counter-inverse .counter-number-group {
    color: #fff;
}

.counter-inverse .counter-icon {
    color: #fff;
}

.panel {
    background-color: #fff;
    box-shadow: none;
    border: 0 solid transparent;
}

.panel-heading-tab {
    background-color: var(--main-color);
}

.panel-heading-tab>.nav-tabs .nav-link {
    color: #fff;
}

.panel-heading-tab>.nav-tabs .nav-link.hover,
.panel-heading-tab>.nav-tabs .nav-link:hover {
    color: #757575;
}

.panel-heading-tab>.nav-tabs .nav-link.active,
.panel-heading-tab>.nav-tabs .nav-link:active {
    color: #757575;
    background-color: #fff;
}

.panel-body>.list-group-dividered:only-child>.list-group-item:last-child {
    border-bottom-color: transparent;
}

.panel-footer {
    background-color: transparent;
    border-top: 1px solid transparent;
}

.table+.panel-footer {
    border-color: #e0e0e0;
}

.panel-title {
    color: #424242;
}

.panel-title small,
.panel-title .small {
    color: #757575;
}

.panel-desc {
    color: #757575;
}

.panel-actions a {
    color: inherit;
}

.panel-actions .panel-action {
    color: #9e9e9e;
    background-color: transparent;
}

.panel-actions .panel-action:hover {
    color: #616161;
}

.panel-actions .panel-action:active {
    color: #616161;
}

.panel-toolbar {
    background-color: transparent;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.panel-bordered .panel-toolbar {
    border-top-color: transparent;
}

.panel-toolbar .btn {
    color: #9e9e9e;
}

.panel-toolbar .btn:hover,
.panel-toolbar .btn:active,
.panel-toolbar .btn.active {
    color: #757575;
}

.panel-control {
    border: none;
}

.panel-bordered>.panel-heading {
    border-bottom: 1px solid #e0e0e0;
}

.panel-bordered>.panel-footer {
    border-top: 1px solid #e0e0e0;
}

.panel-bordered>.table>tbody:first-child>tr:first-child th,
.panel-bordered>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.nav-tabs-vertical .nav-tabs>li>a {
    border-left: none;
}

.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse>li>a {
    border-right: none;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #e0e0e0;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 1px solid #e0e0e0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #e0e0e0;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #e0e0e0;
}

.panel.panel-transparent {
    background: transparent;
    border-color: transparent;
}

.panel.panel-transparent>.panel-heading,
.panel.panel-transparent>.panel-footer {
    border-color: transparent;
}

.panel-default {
    border-color: #e0e0e0;
}

.panel-default>.panel-heading {
    color: #757575;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e0e0e0;
}

.panel-default>.panel-heading .badge-pill {
    color: #e0e0e0;
    background-color: #757575;
}

.panel-default .panel-title {
    color: #757575;
}

.panel-default .panel-action {
    color: #757575;
}

.panel-default .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #e0e0e0;
}

.panel-default .panel-title {
    color: #424242;
}

.panel-primary {
    border-color: var(--main-color);
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--main-color);
}

.panel-primary>.panel-heading .badge-pill {
    color: var(--main-color);
    background-color: #fff;
}

.panel-primary .panel-title {
    color: #fff;
}

.panel-primary .panel-action {
    color: #fff;
}

.panel-primary .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: var(--main-color);
}

.panel-success {
    border-color: #509d44;
}

.panel-success>.panel-heading {
    color: #fff;
    background-color: var(--main-color);
    border-color: #509d44;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #509d44;
}

.panel-success>.panel-heading .badge-pill {
    color: var(--main-color);
    background-color: #fff;
}

.panel-success .panel-title {
    color: #fff;
}

.panel-success .panel-action {
    color: #fff;
}

.panel-success .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #509d44;
}

.panel-info {
    border-color: #00b0a7;
}

.panel-info>.panel-heading {
    color: #fff;
    background-color: var(--main-color);
    border-color: #00b0a7;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00b0a7;
}

.panel-info>.panel-heading .badge-pill {
    color: var(--main-color);
    background-color: #fff;
}

.panel-info .panel-title {
    color: #fff;
}

.panel-info .panel-action {
    color: #fff;
}

.panel-info .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #00b0a7;
}

.panel-warning {
    border-color: #f06700;
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #ff9800;
    border-color: #f06700;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f06700;
}

.panel-warning>.panel-heading .badge-pill {
    color: #ff9800;
    background-color: #fff;
}

.panel-warning .panel-title {
    color: #fff;
}

.panel-warning .panel-action {
    color: #fff;
}

.panel-warning .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f06700;
}

.panel-danger {
    border-color: #f3273c;
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: #f44336;
    border-color: #f3273c;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f3273c;
}

.panel-danger>.panel-heading .badge-pill {
    color: #f44336;
    background-color: #fff;
}

.panel-danger .panel-title {
    color: #fff;
}

.panel-danger .panel-action {
    color: #fff;
}

.panel-danger .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f3273c;
}

.panel-dark {
    border-color: #616161;
}

.panel-dark>.panel-heading {
    color: #fff;
    background-color: #616161;
    border-color: #616161;
}

.panel-dark>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #616161;
}

.panel-dark>.panel-heading .badge-pill {
    color: #616161;
    background-color: #fff;
}

.panel-dark .panel-title {
    color: #fff;
}

.panel-dark .panel-action {
    color: #fff;
}

.panel-dark .panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #616161;
}

.panel-primary,
.panel-info,
.panel-success,
.panel-warning,
.panel-danger,
.panel-dark {
    border: none;
}

.panel-primary .panel-heading,
.panel-info .panel-heading,
.panel-success .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-dark .panel-heading {
    border: none;
}

.panel-primary .panel-title,
.panel-info .panel-title,
.panel-success .panel-title,
.panel-warning .panel-title,
.panel-danger .panel-title,
.panel-dark .panel-title {
    color: #fff;
}

.panel-primary .panel-action,
.panel-info .panel-action,
.panel-success .panel-action,
.panel-warning .panel-action,
.panel-danger .panel-action,
.panel-dark .panel-action {
    color: #fff;
}

.panel-line .panel-heading {
    background: transparent;
    border: none;
    border-top: 3px solid transparent;
}

.panel-line.panel-default .panel-heading {
    color: #e0e0e0;
    background: transparent;
    border-top-color: #e0e0e0;
}

.panel-line.panel-default .panel-title {
    color: #e0e0e0;
}

.panel-line.panel-default .panel-action {
    color: #e0e0e0;
}

.panel-line.panel-default .panel-title {
    color: #424242;
}

.panel-line.panel-default .panel-action {
    color: #9e9e9e;
}

.panel-line.panel-primary .panel-heading {
    color: var(--main-color);
    background: transparent;
    border-top-color: var(--main-color);
}

.panel-line.panel-primary .panel-title {
    color: var(--main-color);
}

.panel-line.panel-primary .panel-action {
    color: var(--main-color);
}

.panel-line.panel-success .panel-heading {
    color: var(--main-color);
    background: transparent;
    border-top-color: var(--main-color);
}

.panel-line.panel-success .panel-title {
    color: var(--main-color);
}

.panel-line.panel-success .panel-action {
    color: var(--main-color);
}

.panel-line.panel-info .panel-heading {
    color: var(--main-color);
    background: transparent;
    border-top-color: var(--main-color);
}

.panel-line.panel-info .panel-title {
    color: var(--main-color);
}

.panel-line.panel-info .panel-action {
    color: var(--main-color);
}

.panel-line.panel-warning .panel-heading {
    color: #ff9800;
    background: transparent;
    border-top-color: #ff9800;
}

.panel-line.panel-warning .panel-title {
    color: #ff9800;
}

.panel-line.panel-warning .panel-action {
    color: #ff9800;
}

.panel-line.panel-danger .panel-heading {
    color: #f44336;
    background: transparent;
    border-top-color: #f44336;
}

.panel-line.panel-danger .panel-title {
    color: #f44336;
}

.panel-line.panel-danger .panel-action {
    color: #f44336;
}

.panel-line.panel-dark .panel-heading {
    color: #616161;
    background: transparent;
    border-top-color: #616161;
}

.panel-line.panel-dark .panel-title {
    color: #616161;
}

.panel-line.panel-dark .panel-action {
    color: #616161;
}

.panel-group .panel-title:hover,
.panel-group .panel-title:focus {
    color: #757575;
}

.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #e0e0e0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: transparent;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #e0e0e0;
}

.panel-group-continuous .panel+.panel {
    border-top: 1px solid #e0e0e0;
}

.panel-group-simple .panel {
    background: transparent;
}

.cover-quote {
    border-left: none;
}

.cover-quote.blockquote-reverse {
    border-right: none;
}

.cover-iframe {
    border: 0 none;
}


/* Sub-object `overlay-panel`
   ========================================================================== */

.overlay-panel {
    color: #fff;
}

.overlay-panel a:not([class]) {
    color: inherit;
}


/* Modifier `overlay-background`
   ========================================================================== */

.overlay-background {
    background: rgba(0, 0, 0, .5);
}


/* Modifier `overlay-shade`
   ========================================================================== */

.overlay-shade {
    background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, .87)), to(#fff)) repeat scroll 0 0;
    background: transparent -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
    background: transparent -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
    background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
}


/* Sub-object `overlay-icon`
   ========================================================================== */

.overlay-icon .icon {
    color: #fff;
}

.comments .comment {
    border: none;
    border-bottom: 1px solid #e0e0e0;
}

.comments .comment .comment:first-child {
    border-top: 1px solid #e0e0e0;
}

.comments .comment .comment:last-child {
    border-bottom: none;
}

.comment-author,
.comment-author:hover,
.comment-author:focus {
    color: #424242;
}

.comment-meta {
    color: #9e9e9e;
}

.chat-box {
    background-color: #fff;
}

.chat-content {
    color: #fff;
    background-color: var(--main-color);
}

.chat-content:before {
    border: 5px solid transparent;
    border-left-color: var(--main-color);
}

.chat-left .chat-content {
    color: #757575;
    background-color: #dfdfdf;
}

.chat-left .chat-content:before {
    border-right-color: #dfdfdf;
}

.step {
    color: #9e9e9e;
    background-color: #eee;
}

.step-number {
    color: #fff;
    background: #e0e0e0;
}

.step-title {
    color: #616161;
}

.step.current {
    color: #fff;
    background-color: var(--main-color);
}

.step.current .step-title {
    color: #fff;
}

.step.current .step-number {
    color: var(--main-color);
    background-color: #fff;
}

.step.disabled {
    color: #bdbdbd;
}

.step.disabled .step-title {
    color: #bdbdbd;
}

.step.disabled .step-number {
    background-color: #bdbdbd;
}

.step.error {
    color: #fff;
    background-color: #f44336;
}

.step.error .step-title {
    color: #fff;
}

.step.error .step-number {
    color: #f44336;
    background-color: #fff;
}

.step.done {
    color: #fff;
    background-color: var(--main-color);
}

.step.done .step-title {
    color: #fff;
}

.step.done .step-number {
    color: var(--main-color);
    background-color: #fff;
}

.pearl:before,
.pearl:after {
    background-color: #eee;
}

.pearl-number,
.pearl-icon {
    color: #fff;
    background: #bdbdbd;
    border: 2px solid #bdbdbd;
}

.pearl-title {
    color: #616161;
}

.pearl.current:before,
.pearl.current:after {
    background-color: var(--main-color);
}

.pearl.current .pearl-number,
.pearl.current .pearl-icon {
    color: var(--main-color);
    background-color: #fff;
    border-color: var(--main-color);
}

.pearl.disabled:before,
.pearl.disabled:after {
    background-color: #eee;
}

.pearl.disabled .pearl-number,
.pearl.disabled .pearl-icon {
    color: #fff;
    background-color: #bdbdbd;
    border-color: #bdbdbd;
}

.pearl.error:before {
    background-color: var(--main-color);
}

.pearl.error:after {
    background-color: #eee;
}

.pearl.error .pearl-number,
.pearl.error .pearl-icon {
    color: #f44336;
    background-color: #fff;
    border-color: #f44336;
}

.pearl.done:before,
.pearl.done:after {
    background-color: var(--main-color);
}

.pearl.done .pearl-number,
.pearl.done .pearl-icon {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.timeline {
    background: transparent;
}

.timeline:before {
    background-color: #e0e0e0;
}

.timeline-period {
    background: #f3f4f5;
}

.timeline-dot {
    color: #fff;
    background-color: var(--main-color);
}

.timeline-info {
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
}

.testimonial-content {
    background-color: #eee;
    border-radius: .215rem;
}

.testimonial-content:before {
    background-color: #eee;
}

.testimonial-control a {
    color: #bdbdbd;
}

.testimonial-control a:hover {
    color: var(--main-color);
}

.pricing-list [class^="bg-"],
.pricing-list [class^="bg-"] *,
.pricing-list [class*="bg-"],
.pricing-list [class*="bg-"] * {
    color: #fff;
}

.pricing-list .pricing-header {
    border-bottom: 1px solid #e0e0e0;
}

.pricing-list .pricing-price {
    color: #424242;
}

.pricing-list .pricing-features li {
    border-top: 1px dashed #e0e0e0;
}

.pricing-list .pricing-features li:first-child {
    border-top: none;
}

.pricing-table::after {
    display: block;
    clear: both;
    content: "";
}

.pricing-table [class*="pricing-column"] {
    background-color: #eee;
    border: 1px solid #e0e0e0;
    border-right: none;
}

.pricing-table [class*="pricing-column"]:last-child {
    border-right: 1px solid #e0e0e0;
}

.pricing-table [class*="pricing-column"].featured {
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
}

.pricing-table .pricing-header {
    border-bottom: 1px solid #e0e0e0;
}

.rating .icon {
    color: #bdbdbd;
}

.rating .icon.active {
    color: #fb8c00 !important;
}

.rating .icon.active.hover {
    color: #fb8c00 !important;
}

.rating .icon.hover {
    color: #fb8c00 !important;
}

.ribbon {
    background-color: transparent;
}

.ribbon-inner {
    color: #fff;
    background-color: #616161;
}

.ribbon-bookmark .ribbon-inner:before {
    border: 15px solid #616161;
    border-right: 10px solid transparent;
}

.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
    border-right: 15px solid #616161;
    border-bottom: 10px solid transparent;
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
    border-right: 15px solid #616161;
    border-left: 10px solid transparent;
}

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
    border-right-color: #616161;
    border-bottom-color: transparent;
    border-left: 15px solid #616161;
}

.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-corner .ribbon-inner:before {
    border: 30px solid transparent;
    border-top-color: #616161;
    border-left-color: #616161;
}

.ribbon-corner.ribbon-reverse .ribbon-inner:before {
    border-right-color: #616161;
    border-left-color: transparent;
}

.ribbon-corner.ribbon-bottom .ribbon-inner:before {
    border-top-color: transparent;
    border-bottom-color: #616161;
}

.ribbon-clip .ribbon-inner:after {
    border: 7px solid transparent;
    border-top-color: #424242;
    border-right-color: #424242;
}

.ribbon-clip.ribbon-reverse .ribbon-inner:after {
    border-right-color: transparent;
    border-left-color: #424242;
}

.ribbon-clip.ribbon-bottom .ribbon-inner:after {
    border-top-color: transparent;
    border-bottom-color: #424242;
}

.ribbon-primary .ribbon-inner {
    background-color: var(--main-color);
}

.ribbon-primary.ribbon-bookmark .ribbon-inner:before {
    border-color: var(--main-color);
    border-right-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-bottom-color: transparent;
}

.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-bottom-color: transparent;
    border-left-color: var(--main-color);
}

.ribbon-primary.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-primary.ribbon-corner .ribbon-inner:before {
    border-top-color: var(--main-color);
    border-left-color: var(--main-color);
}

.ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

.ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before {
    border-top-color: transparent;
    border-bottom-color: var(--main-color);
}

.ribbon-primary .ribbon-inner:after {
    border-top-color: var(--darker-main-color);
    border-right-color: var(--darker-main-color);
}

.ribbon-primary.ribbon-reverse .ribbon-inner:after {
    border-right-color: transparent;
    border-left-color: var(--darker-main-color);
}

.ribbon-primary.ribbon-bottom .ribbon-inner:after {
    border-top-color: transparent;
    border-bottom-color: var(--darker-main-color);
}

.ribbon-success .ribbon-inner {
    background-color: var(--main-color);
}

.ribbon-success.ribbon-bookmark .ribbon-inner:before {
    border-color: var(--main-color);
    border-right-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-bottom-color: transparent;
}

.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-bottom-color: transparent;
    border-left-color: var(--main-color);
}

.ribbon-success.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-success.ribbon-corner .ribbon-inner:before {
    border-top-color: var(--main-color);
    border-left-color: var(--main-color);
}

.ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

.ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before {
    border-top-color: transparent;
    border-bottom-color: var(--main-color);
}

.ribbon-success .ribbon-inner:after {
    border-top-color: var(--main-color);
    border-right-color: var(--main-color);
}

.ribbon-success.ribbon-reverse .ribbon-inner:after {
    border-right-color: transparent;
    border-left-color: var(--main-color);
}

.ribbon-success.ribbon-bottom .ribbon-inner:after {
    border-top-color: transparent;
    border-bottom-color: var(--main-color);
}

.ribbon-info .ribbon-inner {
    background-color: var(--main-color);
}

.ribbon-info.ribbon-bookmark .ribbon-inner:before {
    border-color: var(--main-color);
    border-right-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-bottom-color: transparent;
}

.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-bottom-color: transparent;
    border-left-color: var(--main-color);
}

.ribbon-info.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-info.ribbon-corner .ribbon-inner:before {
    border-top-color: var(--main-color);
    border-left-color: var(--main-color);
}

.ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

.ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before {
    border-top-color: transparent;
    border-bottom-color: var(--main-color);
}

.ribbon-info .ribbon-inner:after {
    border-top-color: #00acc1;
    border-right-color: #00acc1;
}

.ribbon-info.ribbon-reverse .ribbon-inner:after {
    border-right-color: transparent;
    border-left-color: #00acc1;
}

.ribbon-info.ribbon-bottom .ribbon-inner:after {
    border-top-color: transparent;
    border-bottom-color: #00acc1;
}

.ribbon-warning .ribbon-inner {
    background-color: #ff9800;
}

.ribbon-warning.ribbon-bookmark .ribbon-inner:before {
    border-color: #ff9800;
    border-right-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
    border-right-color: #ff9800;
    border-left-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
    border-right-color: #ff9800;
    border-bottom-color: transparent;
}

.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #ff9800;
    border-bottom-color: transparent;
    border-left-color: #ff9800;
}

.ribbon-warning.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-warning.ribbon-corner .ribbon-inner:before {
    border-top-color: #ff9800;
    border-left-color: #ff9800;
}

.ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before {
    border-right-color: #ff9800;
    border-left-color: transparent;
}

.ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before {
    border-top-color: transparent;
    border-bottom-color: #ff9800;
}

.ribbon-warning .ribbon-inner:after {
    border-top-color: #fb8c00;
    border-right-color: #fb8c00;
}

.ribbon-warning.ribbon-reverse .ribbon-inner:after {
    border-right-color: transparent;
    border-left-color: #fb8c00;
}

.ribbon-warning.ribbon-bottom .ribbon-inner:after {
    border-top-color: transparent;
    border-bottom-color: #fb8c00;
}

.ribbon-danger .ribbon-inner {
    background-color: #f44336;
}

.ribbon-danger.ribbon-bookmark .ribbon-inner:before {
    border-color: #f44336;
    border-right-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
    border-right-color: #f44336;
    border-left-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
    border-right-color: #f44336;
    border-bottom-color: transparent;
}

.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #f44336;
    border-bottom-color: transparent;
    border-left-color: #f44336;
}

.ribbon-danger.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-danger.ribbon-corner .ribbon-inner:before {
    border-top-color: #f44336;
    border-left-color: #f44336;
}

.ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before {
    border-right-color: #f44336;
    border-left-color: transparent;
}

.ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before {
    border-top-color: transparent;
    border-bottom-color: #f44336;
}

.ribbon-danger .ribbon-inner:after {
    border-top-color: #e53935;
    border-right-color: #e53935;
}

.ribbon-danger.ribbon-reverse .ribbon-inner:after {
    border-right-color: transparent;
    border-left-color: #e53935;
}

.ribbon-danger.ribbon-bottom .ribbon-inner:after {
    border-top-color: transparent;
    border-bottom-color: #e53935;
}

.color-selector>li {
    background-color: var(--main-color);
}

.color-selector>li:before {
    border: 1px solid rgba(0, 0, 0, .1);
}

.color-selector>li input[type="radio"]:checked+label:after {
    color: #fff;
}

.color-selector>li.color-selector-disabled {
    background-color: #bdbdbd !important;
}

.example-well {
    background-color: #eceff1;
}

.example-grid .example-col,
.example-blocks .example-col {
    background-color: #eceff1;
}

.example-grid .example-col .example-col {
    background-color: #dde3e6;
}

.example-box {
    border: 1px solid #e0e0e0;
}

.example-typography .heading-note,
.example-typography .text-note {
    color: #aab2bd;
}

.navbar-nav .nav-link.navbar-avatar,
.navbar-toolbar .nav-link.navbar-avatar {
    padding: 10px 8px;
}

.navbar-avatar .avatar {
    width: 45px;
    max-width: 45px;
}

.avatar img {
    width: 45px;
    max-width: 45px;
    height: 45px;
    max-height: 45px;
    object-fit: cover;
}

.nav-user-info {
    position: relative;
    padding-left: 7px;
    width: 125px;
}

.nav-user-info .username {
    color: white;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: absolute;
    margin-top: 18px;
    overflow:hidden;
    max-width: 100%;
    max-height: 18px;
}

.nav-user-info .usertype {
    color: white;
    font-weight: 300;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 34px;
}

nav {
    background-color: var(--main-color);
}

.brand-img {
    margin-left: 15px;
    height: 33px;
    margin-top: -5px;
}

.site-menu>.site-menu-item.active {
    background-color: rgba(66, 151, 168, .055);
}

.site-menu>.site-menu-item.hover>a,
.site-menu>.site-menu-item:hover>a {
    background-color: rgba(66, 151, 168, .055);
}

.site-menu>.site-menu-item>a {
    color: #959595;
    padding: 5px;
}

.site-menu>.site-menu-item>i {
    color: #959595;
}

.site-menu>.site-menu-item.active>i {
    color: var(--main-color);
}

.site-menu-title {
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
}

.site-menu-icon {
    font-size: 35px;
}

.site-menu>.site-menu-item>.site-menu-sub {
    background-color: white;
}

.site-menu>.site-menu-item>.site-menu-sub .site-menu-icon {
    display: inline !important;
    vertical-align: middle;
}

.addMember-item {
    margin-right: 5px;
    margin-bottom: 5px;
}

.addMember-trigger {
    padding: 4px;
}

.addMember .avatar {
    width: 40px !important;
}

.addMember-remove {
    top: -5px !important;
    right: -5px !important;
    font-size: 18px !important;
    background-color: transparent !important;
}

.addMember-trigger-button {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 20px !important;
}

.addMember-trigger-dropdown {
    z-index: 2200 !important;;
}

/* 
    Tamaño del header para arreglar anchor links
*/

.anchor {
    display: block;
    height: 100px;
    /*same height as header*/
    margin-top: -100px;
    /*same height as header*/
    visibility: hidden;
}

/*
 MFB - Floating Button CSS - INICIO
*/

.mfb-component,
.mfb-component--tl,
.mfb-component--tr,
.mfb-component--bl,
.mfb-component--br {
    box-sizing: border-box;
    margin: 25px;
    position: fixed;
    white-space: nowrap;
    z-index: 30;
    padding-left: 0;
    list-style: none;
}

.mfb-component *,
.mfb-component--tl *,
.mfb-component--tr *,
.mfb-component--bl *,
.mfb-component--br *,
.mfb-component *:before,
.mfb-component--tl *:before,
.mfb-component--tr *:before,
.mfb-component--bl *:before,
.mfb-component--br *:before,
.mfb-component *:after,
.mfb-component--tl *:after,
.mfb-component--tr *:after,
.mfb-component--bl *:after,
.mfb-component--br *:after {
    box-sizing: inherit;
}

.mfb-component--tl {
    left: 0;
    top: 0;
}

.mfb-component--tr {
    right: 0;
    top: 0;
}

.mfb-component--bl {
    left: 0;
    bottom: 0;
}

.mfb-component--br {
    right: 0;
    bottom: 0;
}

.mfb-component--br a:focus,
.mfb-component--br a:hover {
    color: #fff;
}

.mfb-component__main-icon--resting a:focus,
.mfb-component__main-icon--resting a:hover {
    color: #fff;
}

.mfb-component__main-icon--active a:focus,
.mfb-component__main-icon--active a:hover {
    color: #fff;
}

.mfb-component__button,
.mfb-component__button--main,
.mfb-component__button--child {
    background-color: var(--main-color);
    display: inline-block;
    position: relative;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    outline: none;
    padding: 0;
    position: relative;
    -webkit-user-drag: none;
    font-weight: bold;
    color: #f1f1f1;
}

.mfb-component__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mfb-component__list>li {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    padding: 10px 0;
    margin: -10px 0;
}

.mfb-component__icon,
.mfb-component__main-icon--active,
.mfb-component__main-icon--resting,
.mfb-component__child-icon {
    position: absolute;
    font-size: 36px;
    text-align: center;
    line-height: 56px;
    width: 100%;
}

.mfb-component__wrap {
    padding: 25px;
    margin: -25px;
}

[data-mfb-toggle="hover"]:hover .mfb-component__icon,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting,
[data-mfb-toggle="hover"]:hover .mfb-component__child-icon,
[data-mfb-state="open"] .mfb-component__icon,
[data-mfb-state="open"] .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--resting,
[data-mfb-state="open"] .mfb-component__child-icon {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.mfb-component__button--main {
    height: 56px;
    width: 56px;
    z-index: 20;
}

.mfb-component__button--child {
    height: 56px;
    width: 56px;
}

.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
}

.mfb-component__child-icon,
.mfb-component__child-icon {
    line-height: 56px;
    font-size: 25px;
}

.mfb-component__main-icon--active {
    opacity: 0;
}

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon,
[data-mfb-state="open"] .mfb-component__main-icon {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting,
[data-mfb-state="open"] .mfb-component__main-icon--resting {
    opacity: 1;
}

[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
[data-mfb-state="open"] .mfb-component__main-icon--active {
    opacity: 0;
}

.mfb-component--tl.mfb-slidein .mfb-component__list li,
.mfb-component--tr.mfb-slidein .mfb-component__list li {
    opacity: 0;
    transition: all 0.5s;
}

.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
    opacity: 1;
}

.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}

.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(140px);
    transform: translateY(140px);
}

.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(210px);
    transform: translateY(210px);
}

.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(280px);
    transform: translateY(280px);
}

.mfb-component--bl.mfb-slidein .mfb-component__list li,
.mfb-component--br.mfb-slidein .mfb-component__list li {
    opacity: 0;
    transition: all 0.5s;
}

.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
    opacity: 1;
}

.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
}

.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px);
}

.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px);
    transform: translateY(-210px);
}

.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px);
    transform: translateY(-280px);
}

.mfb-component--tl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li {
    opacity: 1;
}

.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}

.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(140px);
    transform: translateY(140px);
}

.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(210px);
    transform: translateY(210px);
}

.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(280px);
    transform: translateY(280px);
}

.mfb-component--bl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring .mfb-component__list li {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li {
    opacity: 1;
}

.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
}

.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px);
}

.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px);
    transform: translateY(-210px);
}

.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px);
    transform: translateY(-280px);
}

.mfb-component--tl.mfb-zoomin .mfb-component__list li,
.mfb-component--tr.mfb-zoomin .mfb-component__list li {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(70px) scale(0);
    transform: translateY(70px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.15s;
}

.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(140px) scale(0);
    transform: translateY(140px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.1s;
}

.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(210px) scale(0);
    transform: translateY(210px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.05s;
}

.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(280px) scale(0);
    transform: translateY(280px) scale(0);
    transition: all 0.5s;
    transition-delay: 0s;
}

.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(70px) scale(1);
    transform: translateY(70px) scale(1);
    transition-delay: 0.05s;
}

.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(140px) scale(1);
    transform: translateY(140px) scale(1);
    transition-delay: 0.1s;
}

.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(210px) scale(1);
    transform: translateY(210px) scale(1);
    transition-delay: 0.15s;
}

.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(280px) scale(1);
    transform: translateY(280px) scale(1);
    transition-delay: 0.2s;
}

.mfb-component--bl.mfb-zoomin .mfb-component__list li,
.mfb-component--br.mfb-zoomin .mfb-component__list li {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px) scale(0);
    transform: translateY(-70px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.15s;
}

.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px) scale(0);
    transform: translateY(-140px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.1s;
}

.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px) scale(0);
    transform: translateY(-210px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.05s;
}

.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px) scale(0);
    transform: translateY(-280px) scale(0);
    transition: all 0.5s;
    transition-delay: 0s;
}

.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px) scale(1);
    transform: translateY(-70px) scale(1);
    transition-delay: 0.05s;
}

.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px) scale(1);
    transform: translateY(-140px) scale(1);
    transition-delay: 0.1s;
}

.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px) scale(1);
    transform: translateY(-210px) scale(1);
    transition-delay: 0.15s;
}

.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px) scale(1);
    transform: translateY(-280px) scale(1);
    transition-delay: 0.2s;
}

.mfb-component--tl.mfb-fountain .mfb-component__list li,
.mfb-component--tr.mfb-fountain .mfb-component__list li {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px) scale(0);
    transform: translateY(-70px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.15s;
}

.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px) scale(0);
    transform: translateY(-140px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.1s;
}

.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px) scale(0);
    transform: translateY(-210px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.05s;
}

.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px) scale(0);
    transform: translateY(-280px) scale(0);
    transition: all 0.5s;
    transition-delay: 0s;
}

.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(70px) scale(1);
    transform: translateY(70px) scale(1);
    transition-delay: 0.05s;
}

.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(140px) scale(1);
    transform: translateY(140px) scale(1);
    transition-delay: 0.1s;
}

.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(210px) scale(1);
    transform: translateY(210px) scale(1);
    transition-delay: 0.15s;
}

.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(280px) scale(1);
    transform: translateY(280px) scale(1);
    transition-delay: 0.2s;
}

.mfb-component--bl.mfb-fountain .mfb-component__list li,
.mfb-component--br.mfb-fountain .mfb-component__list li {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(70px) scale(0);
    transform: translateY(70px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.15s;
}

.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(140px) scale(0);
    transform: translateY(140px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.1s;
}

.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(210px) scale(0);
    transform: translateY(210px) scale(0);
    transition: all 0.5s;
    transition-delay: 0.05s;
}

.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(280px) scale(0);
    transform: translateY(280px) scale(0);
    transition: all 0.5s;
    transition-delay: 0s;
}

.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
    -webkit-transform: translateY(-70px) scale(1);
    transform: translateY(-70px) scale(1);
    transition-delay: 0.05s;
}

.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
    -webkit-transform: translateY(-140px) scale(1);
    transform: translateY(-140px) scale(1);
    transition-delay: 0.1s;
}

.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
    -webkit-transform: translateY(-210px) scale(1);
    transform: translateY(-210px) scale(1);
    transition-delay: 0.15s;
}

.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
    -webkit-transform: translateY(-280px) scale(1);
    transform: translateY(-280px) scale(1);
    transition-delay: 0.2s;
}

[data-mfb-label]:after {
    content: attr(data-mfb-label);
    opacity: 0;
    transition: all 0.5s;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #666;
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    transition: all 0.5s;
}

[data-mfb-toggle="hover"] [data-mfb-label]:hover:after,
[data-mfb-state="open"] [data-mfb-label]:after {
    content: attr(data-mfb-label);
    opacity: 1;
    transition: all 0.3s;
}

.mfb-component--br [data-mfb-label]:after,
.mfb-component--tr [data-mfb-label]:after {
    content: attr(data-mfb-label);
    right: 70px;
    pointer-events: all;
}

.mfb-component--br .mfb-component__list [data-mfb-label]:after,
.mfb-component--tr .mfb-component__list [data-mfb-label]:after {
    content: attr(data-mfb-label);
    right: 70px;
    pointer-events: all;
}

.mfb-component--tl [data-mfb-label]:after,
.mfb-component--bl [data-mfb-label]:after {
    content: attr(data-mfb-label);
    left: 70px;
    pointer-events: all;
}

.mfb-component--tl .mfb-component__list [data-mfb-label]:after,
.mfb-component--bl .mfb-component__list [data-mfb-label]:after {
    content: attr(data-mfb-label);
    left: 70px;
    pointer-events: all;
}

.input-group-addon {
    padding: .429rem 0.5rem !important;
    color: #999 !important;
    font-weight: 400px !important;
}

.select2-container--default .select2-selection--single {
    padding-left: 0.8rem !important;
    padding-top: .469rem !important;
}
.select2-container--default .select2-selection {
    font-size: 0.9rem !important;
}
.select2-container--default.select2-container--open .select2-selection {
    border-color: transparent !important;
    box-shadow: 0 1px 6px 1px rgba(0,0,0,.11);
}
.select2-container--default .select2-dropdown {
    border-color: transparent !important;
}

textarea:focus {
    outline: var(--main-color) auto 3px;
    outline-color: var(--main-color);
    outline-style: auto;
    outline-width: 3px;
}

.btn-primary:not([disabled]):not(.disabled).active.focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled):active.focus, .btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled):active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover, .show>.btn-primary.dropdown-toggle.focus, .show>.btn-primary.dropdown-toggle:focus, .show>.btn-primary.dropdown-toggle:hover {
    background-color: var(--lighter-main-color);
    border-color: var(--lighter-main-color);
}

#toast-container>div {
    opacity: .92 !important;
}

.tokenfield.disabled {
    cursor: inherit !important;
}

.tokenfield.disabled .token-input {
    cursor: inherit !important;
}

.btn.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: .215rem;
    height: 2.573rem;
    line-height: 1.57142857;
    padding: .429rem 1.93rem .429rem 1.072rem;
}

.btn.bs-placeholder {
    color: #999 !important;
}

.tokenfield .token {
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 5px !important;
    padding: 0 2px !important;
}

.tokenfield .token .close {
    padding-right: 2px !important;
}

.clickable,
.clickable-href {
    cursor: pointer;
}

.clickable-javascript {
    cursor: pointer;
}

.clickable-a-style {
    color: var(--darker-main-color);
    cursor: pointer;
}

.clickable-a-style:focus,
.clickable-a-style:hover {
    color: var(--main-color);
    text-decoration: underline;
}

.select-editable {
    position:relative;
    background-color:white;
    border:solid grey 1px;
    width:120px;
    height:18px;
}
.select-editable select {
    position:absolute;
    top:0px;
    left:0px;
    font-size:14px;
    border:none;
    width:120px;
    margin:0;
}
.select-editable input {
    position:absolute;
    top:0px;
    left:0px;
    width:100px;
    padding:1px;
    font-size:12px;
    border:none;
}
.select-editable select:focus, .select-editable input:focus {
    outline:none;
}
.es-input {
    background-color: white !important;
}
.es-visible {
    padding-right: 20px !important;
}

textarea {
    width: 100%;
    border: 1px solid #d0d0d0 !important;
    border-radius: 5px;
    padding: 5px 10px;
    resize: none;
    margin-top: 4px;
}
.form-group::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #bdbdbd !important;
}
.form-group:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #bdbdbd !important;
}
.form-group::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: #bdbdbd !important;
}
.form-group::placeholder,
.form-control::placeholder {
    color: #bdbdbd !important;
}
.page-aside {
	width: 220px;
}

.page-aside-left .page-aside+.page-main {
	margin-left: 220px;
}

.site-menu-sub .site-menu-icon {
    font-size: 26px;
}
.site-menu-sub .site-menu-item a {
    color: #959595;
}
.site-menu-sub .site-menu-item a:hover {
    color: var(--main-color);
}

.webui-popover-content {
    padding: 10px 15px !important;
}

textarea:disabled {
    border: none !important;
}

.tokenfield.form-control.readonly {
    background-image: none;
}

.tokenfield.form-control.readonly .token .close {
    visibility: hidden;
}

.tokenfield .token:hover, .tokenfield .token:focus, .tokenfield .token:active {
    border-color: transparent !important;
    background-color: #ececec !important;
}

div.dataTables_wrapper div.dataTables_processing {
    color: white;
    background: var(--main-color);
}

.date-dropdowns select.form-control {
    display: inline-block;
    width: inherit;
    padding: 6px 30px 6px 10px;
    margin-right: 7px;
}

@media (max-width: 1199px) {
	.page-aside {
		width: 210px;
	}
	.page-aside-left .page-aside+.page-main {
		margin-left: 210px;
	}
}

@media (max-width: 767px) {
    .page-aside-left .page-aside+.page-main {
        margin-left: 0;
    }
}

@media (max-width: 530px) {
    .navbar-toolbar {
        height: 65px;
    }
}

.badge {
    font-weight: 400;
    font-size: 90%;
    padding: .35em .6em;
}

.page {
    min-height: 100%;
}

.page-aside-left .page-aside {   
    position: fixed;
    top: 66.01px;
    left: 130px;
}

.form-label {
    padding: .429rem 0;
}

.mobileTabsSelectContainer {
    width: 100%;
    background-color: var(--main-color);
    padding: 5px;
    border-radius: .215rem;
}

.mobileTabsSelectContainer:after {
    font-family: "Material Design Iconic";
    content: "\f2f2";
    font-size: 15px;
    color: white;
    position: absolute;
    top: 5px;
    width: 10px;
    right: 30px;
}

.mobileTabsSelectContainer > select {
    width: 100%;
    font-size: 15px;
    color: #fff;
}

#superSearchMobile {
    margin-left: 35px;
    margin-right: 50px;
    width: 75%;
    width: calc(100% - 85px);
    border: none;
    box-shadow: none;
}

.navbar-toggler-left {
    margin-left: 0.3rem;
}
.navbar-toggler {
    margin-right: 0;
}

@media (max-width: 767.98px) {
    .navbar-brand-center {
        left: 44%;
    }
}

@media (max-width: 480px) {
    div.dataTables_filter {
        visibility: hidden;
        margin-bottom: -20px;
    }
    .dataTables_info {
        display: none !important;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        float: left !important;
    }
    .panel-corner-icon {
        margin-left: -6px !important;
    }
    .mt-mob-5 {
        margin-top: 5px !important;
    }
    .mb-mob-5 {
        margin-bottom: 5px !important;
    }
    .ml-mob-5 {
        margin-left: 5px !important;
    }
    .mr-mob-5 {
        margin-right: 5px !important;
    }
    .mt-mob-10 {
        margin-top: 10px !important;
    }
    .mb-mob-10 {
        margin-bottom: 10px !important;
    }
    .ml-mob-10 {
        margin-left: 10px !important;
    }
    .mr-mob-10 {
        margin-right: 10px !important;
    }
}

.fc table>thead>tr>th {
    text-overflow: ellipsis;
}
.form-control {
    padding: .429rem 0.78rem;
}

#chat-application {
    right: 95px !important;
}
/*FloatingButtons en mobile*/
div[data-testid="widgetButtonFrame"] {
    right: 95px !important;
}
iframe[name="helpcrunch-iframe"] {
    right:300px !important;
}
.site-action {
    bottom: 25px;
    right: 25px;
}
.site-action .btn-floating {
    width: 4rem !important;
    height: 4rem !important;
    font-size: 2.572rem !important;
}
/*FloatingButtons en mobile*/
@media (max-width: 640px) {
    div[data-testid="widgetButtonFrame"] {
        right: 10px !important;
        bottom: 10px !important;
    }
    .mfb-component--br {
        right: 53px;
        margin-bottom: 10px;
    }
    .site-action {
        right: 75px;
        bottom: 10px;
    }
    #searchWidgetTrigger {
        right: 148px !important;
        bottom: 10px !important;
    }
}

.datepicker-days > .table-condensed > thead > tr:nth-child(2) {
    color: white;
    background-color: var(--main-color);
}
.datepicker-days > .table-condensed > thead tr:nth-child(2) > th {
    border-radius: 0 !important;
}
.datepicker-days > .table-condensed > thead tr:nth-child(2) > th:hover {
    background: #aaa;
}
.datepicker table th.dow {
    color: #555;
}
.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.active:not(:disabled):not(.disabled).active, .datepicker table tr td.active:not(:disabled):not(.disabled):active, .show>.datepicker table tr td.active.dropdown-toggle, .show>.datepicker table tr td.active.highlighted.dropdown-toggle {
    color: white !important;
    background-color: var(--main-color) !important;
    font-weight: 400 !important;
    border-radius: 15px !important;
}

div.dataTables_wrapper div.dataTables_length {
    margin-top: 10px;
    display: inline-block;
}
div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
    float: right;
    margin-top: 5px !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 0 !important;
}
.tooltip {
    font-size: .9rem !important;
}
.tooltip.show {
    opacity: 1 !important;
}
.tooltip-inner {
    background-color: #333 !important;
}
.modal.introjs-fixParent {
    z-index: 999999997 !important;
}
.modal .introjs-fixedTooltip {
    z-index: 99999998 !important; /*I give less value to this one. The other way introJs always blocks my modals*/
}
.modal .introjs-showElement {
    z-index: 999999999 !important;
}
.introjs-helperLayer {
    display: none;
}
.introjs-prevbutton {
    display: none;
}
.introjs-nextbutton.introjs-disabled,
.introjs-prevbutton.introjs-disabled {
    display: none;
}
.introjs-skipbutton.introjs-donebutton {
    background: #4caf50 !important;
}
li.select2-results__option {
    text-align: left;
}
.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
/* Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
#privacyPolicyButton {
    color: var(--darker-main-color);
    cursor: pointer;
 }
#privacyPolicyButton:hover {
    text-decoration: underline;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 100%;
}
@media (min-width: 767px) {
    .dataTables_scrollBody {
        overflow-x: hidden !important;
    }
}
.panel-corner-icon {
    position: absolute !important;
    margin-left: -10px;
    margin-top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: solid 2px;
    font-size: 18px;
    padding: 5px;
    color: var(--main-color);
    background-color: white;
}

@media print
{
    .d-print-none, .d-print-none *
    {
        display: none !important;
    }
}

.table-contact-whatsapp > img {
    width: 21px;
    height: 21px;
}
.table-contact-email > img {
    width: 20px;
    height: 20px;
}
.table-contact-letter > img {
    width: 18px;
    height: 18px;
}
:root {
    --zoom: 1.0;
}
@media (max-width: 1200px) and (min-width: 768px) {
    :root {
        --zoom: 0.9;
        zoom: 0.9;
    }
    #chat-application {
        zoom: 1.1 !important;
    }
    .tox-insert-table-picker {
        zoom: 1.1 !important;
    }
}
.tooltip {
    pointer-events: none !important;
}


.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 5px;
    -moz-padding-end: 5px;
    -webkit-padding-start: 5px;
    -moz-padding-start: 5px;
    background-color: white;
    border: 1px solid var(--main-color);
    border-radius: 0 !important;
    color: #555;
    font-size: 13px !important;
    text-transform: capitalize;
    height: 22px !important;
}

td input.form-control {
    padding: .429rem 0.6rem;
}

p.badge {
    text-align: left !important;
    white-space: initial !important;
    line-height: 1.25;
}

.dt-buttons > button {
    z-index: 1;
}

.btn-primary-inversed:hover {
    color: white;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-primary-inversed.focus,
.btn-primary-inversed:focus {
    box-shadow: none;
}

#npsScoreDialog .btn-primary-inversed {
    width: 60px;
    max-width: 10.25%;
}
@media (max-width: 767px) {
    #npsScoreDialog .btn-primary-inversed {
        padding: 5px;
    }
}
.btn-group-my-sm>.btn, .btn-my-sm {
    padding: .2rem .8rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.client-type-indicador {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 5px;
}
.referral-center-container {
    padding: 7px 15px;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    background-color: var(--main-more-transparent-color);
}
.referral-center-container i {
    color: var(--main-color);
    margin-right: 7px;
}
.referral-center-container label {
    color: var(--main-color);
    font-size: 15px;
    font-weight: 500;
}
.d-none-2 {
    display: none !important;
}

.border-none {
    border: none;
}
.animated-border-btn-white {
    transition: background .15s ease;
}
.animated-border-btn-white:hover,
.animated-border-btn-white:focus,
.animated-border-btn-white:active {
    background:#fff !important;
    background-color: #fff !important;
    border: 0px solid !important;
}
.animated-border-btn svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #DCF0F5;
    stroke-width: 2px;
    stroke-dasharray: 150 480;
    stroke-dashoffset: 150;
    animation: dash 2s linear 2;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.7));
    pointer-events: none; /* Permite hacer clic en el botón */
}
@keyframes dash {
    0% {
        stroke-dashoffset: 150;
    }
    100% {
        stroke-dashoffset: -480;
    }
}

.ia-background {
    background: linear-gradient(90deg, #60A0B1 0%, #5E7DB2 100%);
}

.main-color-slothvet {
    color: #5E7DB2;
}

.ia-btn {
    font-size: 12px;
    padding: 2px 12px 2px 2px;
    background: linear-gradient(90deg, #60A0B1 0%, #5E7DB2 100%);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border-width: 0;
}
.ia-btn .waky-ia {
    background-image: url(/public/vetsTheme/assets/images/slothy-icon.png);
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: cover;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 7px;
}
.ia-btn .slothy-icon {
    background-image: url(/public/vetsTheme/assets/images/slothy-icon.png);
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: cover;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 7px;
}


#wakyChatTrigger {
    position: fixed;
    bottom: 25px;
    right: 243px;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-image: url(/public/vetsTheme/assets/images/ask-waky-ia.png);
    background-size: cover;
    border: none;
    z-index: 30;
}

#searchWidgetTrigger {
    position: fixed;
    bottom: 25px;
    right: 167px;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-image: url(/public/vetsTheme/assets/images/ask-waky-ia.png);
    background-size: cover;
    border: none;
    z-index: 30;
}
.grecaptcha-badge {
    visibility: hidden;
    display: none;
}
.autocomplete-suggestions {
    overflow-y: scroll;
}