.accordion .card:not(:last-child) {
    margin-bottom: 0;
}

.accordion .card-header {
    border-bottom: 0;
}

.accordion .card-body {
    border-top: 1px solid transparent;
}

.accordion .card-title a {
    color: #3f4b57;
}

.alert {
    padding: 0;
    display: flex;
    color: #fff;
}

.alert .close:hover,
.alert .close:focus {
    color: #fff;
    opacity: 1;
}

.alert-outline,
.alert-outline-coloured {
    color: #3f4b57;
    background: #fff;
}

.alert-outline hr,
.alert-outline-coloured hr {
    border-top-color: #cad2da;
}

.alert-outline .close:hover,
.alert-outline .close:focus,
.alert-outline-coloured .close:hover,
.alert-outline-coloured .close:focus {
    color: #2a3540;
}

.alert-outline .alert-message,
.alert-outline-coloured .alert-message {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    border: 1px solid #cad2da;
}

.alert-outline .alert-message:not(:nth-child(2)),
.alert-outline-coloured .alert-message:not(:nth-child(2)) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.alert-outline .alert-icon,
.alert-outline-coloured .alert-icon {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    color: #fff;
}

.alert-outline.alert-primary .alert-icon,
.alert-outline-coloured.alert-primary .alert-icon {
    background-color: #2c7be5;
}

.alert-outline.alert-secondary .alert-icon,
.alert-outline-coloured.alert-secondary .alert-icon {
    background-color: #9d7bd8;
}

.alert-outline.alert-success .alert-icon,
.alert-outline-coloured.alert-success .alert-icon {
    background-color: #4caf50;
}

.alert-outline.alert-info .alert-icon,
.alert-outline-coloured.alert-info .alert-icon {
    background-color: #47bac1;
}

.alert-outline.alert-warning .alert-icon,
.alert-outline-coloured.alert-warning .alert-icon {
    background-color: #ff9800;
}

.alert-outline.alert-danger .alert-icon,
.alert-outline-coloured.alert-danger .alert-icon {
    background-color: #e51c23;
}

.alert-outline.alert-light .alert-icon,
.alert-outline-coloured.alert-light .alert-icon {
    background-color: #f4f7fa;
}

.alert-outline.alert-dark .alert-icon,
.alert-outline-coloured.alert-dark .alert-icon {
    background-color: #354052;
}

.alert-outline.alert-tertiary .alert-icon,
.alert-outline-coloured.alert-tertiary .alert-icon {
    background-color: #5997eb;
}

.alert-outline-coloured.alert-primary .alert-message {
    border-color: #2c7be5;
}

.alert-outline-coloured.alert-secondary .alert-message {
    border-color: #9d7bd8;
}

.alert-outline-coloured.alert-success .alert-message {
    border-color: #4caf50;
}

.alert-outline-coloured.alert-info .alert-message {
    border-color: #47bac1;
}

.alert-outline-coloured.alert-warning .alert-message {
    border-color: #ff9800;
}

.alert-outline-coloured.alert-danger .alert-message {
    border-color: #e51c23;
}

.alert-outline-coloured.alert-light .alert-message {
    border-color: #f4f7fa;
}

.alert-outline-coloured.alert-dark .alert-message {
    border-color: #354052;
}

.alert-outline-coloured.alert-tertiary .alert-message {
    border-color: #5997eb;
}

.alert-icon {
    padding: 0.95rem 0.95rem;
    background: rgba(255, 255, 255, 0.1);
}

.alert-message {
    padding: 0.95rem 0.95rem;
    width: 100%;
    box-sizing: border-box;
}

.avatar {
    margin-top: -15px;
    margin-bottom: -15px;
    width: 40px;
    height: 40px;
}

.btn-pill {
    border-radius: 10rem;
}

.btn-square {
    border-radius: 0;
}

.btn .feather {
    width: 14px;
    height: 14px;
}

.btn-lg .feather,
.btn-group-lg > .btn .feather {
    width: 15px;
    height: 15px;
}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.disabled,
.btn-primary:disabled,
.show > .btn-primary.dropdown-toggle {
    /* color: var(--blue); */
}

.btn-primary:hover:not(:disabled):not(.disabled),
.btn-primary.hover:not(:disabled):not(.disabled) {
    /* color: var(--blue); */
}

.btn-outline-primary:hover:not(:disabled):not(.disabled),
.btn-outline-primary.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

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

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.disabled,
.btn-secondary:disabled,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
}

.btn-secondary:hover:not(:disabled):not(.disabled),
.btn-secondary.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-secondary:hover:not(:disabled):not(.disabled),
.btn-outline-secondary.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

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

.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success.disabled,
.btn-success:disabled,
.show > .btn-success.dropdown-toggle {
    color: #fff;
}

.btn-success:hover:not(:disabled):not(.disabled),
.btn-success.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-success:hover:not(:disabled):not(.disabled),
.btn-outline-success.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

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

.btn-info,
.btn-info:focus,
.btn-info.focus,
.btn-info.disabled,
.btn-info:disabled,
.show > .btn-info.dropdown-toggle {
    color: #fff;
}

.btn-info:hover:not(:disabled):not(.disabled),
.btn-info.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-info:hover:not(:disabled):not(.disabled),
.btn-outline-info.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

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

.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.disabled,
.btn-warning:disabled,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
}

.btn-warning:hover:not(:disabled):not(.disabled),
.btn-warning.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-warning:hover:not(:disabled):not(.disabled),
.btn-outline-warning.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #fff;
}

.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.disabled,
.btn-danger:disabled,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
}

.btn-danger:hover:not(:disabled):not(.disabled),
.btn-danger.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-danger:hover:not(:disabled):not(.disabled),
.btn-outline-danger.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

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

.btn-light,
.btn-light:focus,
.btn-light.focus,
.btn-light.disabled,
.btn-light:disabled,
.show > .btn-light.dropdown-toggle {
    color: #fff;
}

.btn-light:hover:not(:disabled):not(.disabled),
.btn-light.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-light:hover:not(:disabled):not(.disabled),
.btn-outline-light.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active {
    color: #fff;
}

.btn-dark,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark.disabled,
.btn-dark:disabled,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
}

.btn-dark:hover:not(:disabled):not(.disabled),
.btn-dark.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-dark:hover:not(:disabled):not(.disabled),
.btn-outline-dark.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

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

.btn-tertiary,
.btn-tertiary:focus,
.btn-tertiary.focus,
.btn-tertiary.disabled,
.btn-tertiary:disabled,
.show > .btn-tertiary.dropdown-toggle {
    color: #fff;
}

.btn-tertiary:hover:not(:disabled):not(.disabled),
.btn-tertiary.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-tertiary:hover:not(:disabled):not(.disabled),
.btn-outline-tertiary.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-outline-tertiary:not(:disabled):not(.disabled):active,
.btn-outline-tertiary:not(:disabled):not(.disabled).active {
    color: #fff;
}

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

.btn-facebook:hover {
    color: #fff;
    background-color: #30497c;
    border-color: #2d4373;
}

.btn-facebook:focus,
.btn-facebook.focus {
    color: #fff;
    background-color: #30497c;
    border-color: #2d4373;
    box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5);
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle {
    color: #fff;
    background-color: #2d4373;
    border-color: #293e6a;
}

.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5);
}

.btn-facebook,
.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook.disabled,
.btn-facebook:disabled,
.show > .btn-facebook.dropdown-toggle {
    color: #fff;
}

.btn-facebook:hover:not(:disabled):not(.disabled),
.btn-facebook.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:hover {
    color: #fff;
    background-color: #0d8ddc;
    border-color: #0c85d0;
}

.btn-twitter:focus,
.btn-twitter.focus {
    color: #fff;
    background-color: #0d8ddc;
    border-color: #0c85d0;
    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5);
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {
    color: #fff;
    background-color: #0c85d0;
    border-color: #0b7ec4;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5);
}

.btn-twitter,
.btn-twitter:focus,
.btn-twitter.focus,
.btn-twitter.disabled,
.btn-twitter:disabled,
.show > .btn-twitter.dropdown-toggle {
    color: #fff;
}

.btn-twitter:hover:not(:disabled):not(.disabled),
.btn-twitter.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-google {
    color: #fff;
    background-color: #dc4e41;
    border-color: #dc4e41;
}

.btn-google:hover {
    color: #fff;
    background-color: #d03526;
    border-color: #c63224;
}

.btn-google:focus,
.btn-google.focus {
    color: #fff;
    background-color: #d03526;
    border-color: #c63224;
    box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5);
}

.btn-google.disabled,
.btn-google:disabled {
    color: #fff;
    background-color: #dc4e41;
    border-color: #dc4e41;
}

.btn-google:not(:disabled):not(.disabled):active,
.btn-google:not(:disabled):not(.disabled).active,
.show > .btn-google.dropdown-toggle {
    color: #fff;
    background-color: #c63224;
    border-color: #bb2f22;
}

.btn-google:not(:disabled):not(.disabled):active:focus,
.btn-google:not(:disabled):not(.disabled).active:focus,
.show > .btn-google.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5);
}

.btn-google,
.btn-google:focus,
.btn-google.focus,
.btn-google.disabled,
.btn-google:disabled,
.show > .btn-google.dropdown-toggle {
    color: #fff;
}

.btn-google:hover:not(:disabled):not(.disabled),
.btn-google.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-youtube {
    color: #fff;
    background-color: #f00;
    border-color: #f00;
}

.btn-youtube:hover {
    color: #fff;
    background-color: #d90000;
    border-color: #cc0000;
}

.btn-youtube:focus,
.btn-youtube.focus {
    color: #fff;
    background-color: #d90000;
    border-color: #cc0000;
    box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5);
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    color: #fff;
    background-color: #f00;
    border-color: #f00;
}

.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active,
.show > .btn-youtube.dropdown-toggle {
    color: #fff;
    background-color: #cc0000;
    border-color: #bf0000;
}

.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus,
.show > .btn-youtube.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5);
}

.btn-youtube,
.btn-youtube:focus,
.btn-youtube.focus,
.btn-youtube.disabled,
.btn-youtube:disabled,
.show > .btn-youtube.dropdown-toggle {
    color: #fff;
}

.btn-youtube:hover:not(:disabled):not(.disabled),
.btn-youtube.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: #1ab7ea;
}

.btn-vimeo:hover {
    color: #fff;
    background-color: #139ecb;
    border-color: #1295bf;
}

.btn-vimeo:focus,
.btn-vimeo.focus {
    color: #fff;
    background-color: #139ecb;
    border-color: #1295bf;
    box-shadow: 0 0 0 0.2rem rgba(60, 194, 237, 0.5);
}

.btn-vimeo.disabled,
.btn-vimeo:disabled {
    color: #fff;
    background-color: #1ab7ea;
    border-color: #1ab7ea;
}

.btn-vimeo:not(:disabled):not(.disabled):active,
.btn-vimeo:not(:disabled):not(.disabled).active,
.show > .btn-vimeo.dropdown-toggle {
    color: #fff;
    background-color: #1295bf;
    border-color: #108cb4;
}

.btn-vimeo:not(:disabled):not(.disabled):active:focus,
.btn-vimeo:not(:disabled):not(.disabled).active:focus,
.show > .btn-vimeo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 194, 237, 0.5);
}

.btn-vimeo,
.btn-vimeo:focus,
.btn-vimeo.focus,
.btn-vimeo.disabled,
.btn-vimeo:disabled,
.show > .btn-vimeo.dropdown-toggle {
    color: #fff;
}

.btn-vimeo:hover:not(:disabled):not(.disabled),
.btn-vimeo.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-dribbble:hover {
    color: #fff;
    background-color: #e62a72;
    border-color: #e51e6b;
}

.btn-dribbble:focus,
.btn-dribbble.focus {
    color: #fff;
    background-color: #e62a72;
    border-color: #e51e6b;
    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
}

.btn-dribbble.disabled,
.btn-dribbble:disabled {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active,
.show > .btn-dribbble.dropdown-toggle {
    color: #fff;
    background-color: #e51e6b;
    border-color: #dc1a65;
}

.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus,
.show > .btn-dribbble.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5);
}

.btn-dribbble,
.btn-dribbble:focus,
.btn-dribbble.focus,
.btn-dribbble.disabled,
.btn-dribbble:disabled,
.show > .btn-dribbble.dropdown-toggle {
    color: #fff;
}

.btn-dribbble:hover:not(:disabled):not(.disabled),
.btn-dribbble.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-github {
    color: #fff;
    background-color: #181717;
    border-color: #181717;
}

.btn-github:hover {
    color: #fff;
    background-color: #040404;
    border-color: black;
}

.btn-github:focus,
.btn-github.focus {
    color: #fff;
    background-color: #040404;
    border-color: black;
    box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5);
}

.btn-github.disabled,
.btn-github:disabled {
    color: #fff;
    background-color: #181717;
    border-color: #181717;
}

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

.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5);
}

.btn-github,
.btn-github:focus,
.btn-github.focus,
.btn-github.disabled,
.btn-github:disabled,
.show > .btn-github.dropdown-toggle {
    color: #fff;
}

.btn-github:hover:not(:disabled):not(.disabled),
.btn-github.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-instagram {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
}

.btn-instagram:hover {
    color: #fff;
    background-color: #de1f44;
    border-color: #d31e40;
}

.btn-instagram:focus,
.btn-instagram.focus {
    color: #fff;
    background-color: #de1f44;
    border-color: #d31e40;
    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    color: #fff;
    background-color: #e4405f;
    border-color: #e4405f;
}

.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active,
.show > .btn-instagram.dropdown-toggle {
    color: #fff;
    background-color: #d31e40;
    border-color: #c81c3d;
}

.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus,
.show > .btn-instagram.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5);
}

.btn-instagram,
.btn-instagram:focus,
.btn-instagram.focus,
.btn-instagram.disabled,
.btn-instagram:disabled,
.show > .btn-instagram.dropdown-toggle {
    color: #fff;
}

.btn-instagram:hover:not(:disabled):not(.disabled),
.btn-instagram.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-pinterest {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #980617;
    border-color: #8c0615;
}

.btn-pinterest:focus,
.btn-pinterest.focus {
    color: #fff;
    background-color: #980617;
    border-color: #8c0615;
    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
}

.btn-pinterest.disabled,
.btn-pinterest:disabled {
    color: #fff;
    background-color: #bd081c;
    border-color: #bd081c;
}

.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active,
.show > .btn-pinterest.dropdown-toggle {
    color: #fff;
    background-color: #8c0615;
    border-color: #800513;
}

.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show > .btn-pinterest.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5);
}

.btn-pinterest,
.btn-pinterest:focus,
.btn-pinterest.focus,
.btn-pinterest.disabled,
.btn-pinterest:disabled,
.show > .btn-pinterest.dropdown-toggle {
    color: #fff;
}

.btn-pinterest:hover:not(:disabled):not(.disabled),
.btn-pinterest.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-flickr {
    color: #fff;
    background-color: #0063dc;
    border-color: #0063dc;
}

.btn-flickr:hover {
    color: #fff;
    background-color: #0052b6;
    border-color: #004ca9;
}

.btn-flickr:focus,
.btn-flickr.focus {
    color: #fff;
    background-color: #0052b6;
    border-color: #004ca9;
    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5);
}

.btn-flickr.disabled,
.btn-flickr:disabled {
    color: #fff;
    background-color: #0063dc;
    border-color: #0063dc;
}

.btn-flickr:not(:disabled):not(.disabled):active,
.btn-flickr:not(:disabled):not(.disabled).active,
.show > .btn-flickr.dropdown-toggle {
    color: #fff;
    background-color: #004ca9;
    border-color: #00469c;
}

.btn-flickr:not(:disabled):not(.disabled):active:focus,
.btn-flickr:not(:disabled):not(.disabled).active:focus,
.show > .btn-flickr.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5);
}

.btn-flickr,
.btn-flickr:focus,
.btn-flickr.focus,
.btn-flickr.disabled,
.btn-flickr:disabled,
.show > .btn-flickr.dropdown-toggle {
    color: #fff;
}

.btn-flickr:hover:not(:disabled):not(.disabled),
.btn-flickr.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-bitbucket {
    color: #fff;
    background-color: #0052cc;
    border-color: #0052cc;
}

.btn-bitbucket:hover {
    color: #fff;
    background-color: #0043a6;
    border-color: #003e99;
}

.btn-bitbucket:focus,
.btn-bitbucket.focus {
    color: #fff;
    background-color: #0043a6;
    border-color: #003e99;
    box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5);
}

.btn-bitbucket.disabled,
.btn-bitbucket:disabled {
    color: #fff;
    background-color: #0052cc;
    border-color: #0052cc;
}

.btn-bitbucket:not(:disabled):not(.disabled):active,
.btn-bitbucket:not(:disabled):not(.disabled).active,
.show > .btn-bitbucket.dropdown-toggle {
    color: #fff;
    background-color: #003e99;
    border-color: #00388c;
}

.btn-bitbucket:not(:disabled):not(.disabled):active:focus,
.btn-bitbucket:not(:disabled):not(.disabled).active:focus,
.show > .btn-bitbucket.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5);
}

.btn-bitbucket,
.btn-bitbucket:focus,
.btn-bitbucket.focus,
.btn-bitbucket.disabled,
.btn-bitbucket:disabled,
.show > .btn-bitbucket.dropdown-toggle {
    color: #fff;
}

.btn-bitbucket:hover:not(:disabled):not(.disabled),
.btn-bitbucket.hover:not(:disabled):not(.disabled) {
    color: #fff;
}

.btn-light,
.btn-light:focus,
.btn-light.focus,
.btn-light.disabled,
.btn-light:disabled,
.show > .btn-light.dropdown-toggle,
.btn-white,
.btn-white:focus,
.btn-white.focus,
.btn-white.disabled,
.btn-white:disabled,
.show > .btn-white.dropdown-toggle {
    color: #2a3540;
}

.btn-light:hover:not(:disabled):not(.disabled),
.btn-light.hover:not(:disabled):not(.disabled),
.btn-white:hover:not(:disabled):not(.disabled),
.btn-white.hover:not(:disabled):not(.disabled) {
    color: #2a3540;
}

.btn-outline-light:hover:not(:disabled):not(.disabled),
.btn-outline-light.hover:not(:disabled):not(.disabled),
.btn-outline-white:hover:not(:disabled):not(.disabled),
.btn-outline-white.hover:not(:disabled):not(.disabled) {
    color: #2a3540;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active {
    color: #2a3540;
}

.card {
    margin-bottom: 24px;
}

.card-header {
    border-bottom-width: 1px;
}

.card-actions a {
    color: #3f4b57;
    text-decoration: none;
}

.card-actions svg {
    width: 16px;
    height: 16px;
}

.card-actions .dropdown {
    line-height: 1.4;
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #3f4b57;
}

.card-subtitle {
    font-weight: 400;
}

.card-table {
    margin-bottom: 0;
}

.card-table tr td:first-child,
.card-table tr th:first-child {
    padding-left: 1.25rem;
}

.card-table tr td:last-child,
.card-table tr th:last-child {
    padding-right: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    max-width: 100%;
    height: auto;
}

@media all and (-ms-high-contrast: none) {
    .card-img,
    .card-img-top,
    .card-img-bottom {
        height: 100%;
    }
}

.chart {
    margin: auto;
    position: relative;
    width: 100%;
    min-height: 300px;
}

.chart-xs {
    min-height: 150px;
}

.chart-sm {
    min-height: 200px;
}

.chart-lg {
    min-height: 350px;
}

.chart-xl {
    min-height: 500px;
}

.chart canvas {
    max-width: 100%;
}

.chat-online {
    color: #6ec071;
}

.chat-offline {
    color: #ea4a4f;
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll;
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0;
}

.chat-message-left {
    margin-right: auto;
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto;
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.dropdown .dropdown-menu.show {
    animation-name: dropdownAnimation;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
}

.dropdown-item {
    transition:
        background 0.1s ease-in-out,
        color 0.1s ease-in-out;
}

.dropdown-menu-lg {
    min-width: 20rem;
}

.dropdown .list-group .list-group-item {
    border-width: 0;
    border-bottom-width: 1px;
    margin-bottom: 0;
}

.dropdown .list-group .list-group-item:first-child,
.dropdown .list-group .list-group-item:last-child {
    border-radius: 0;
}

.dropdown .list-group .list-group-item:hover {
    background: #f4f7fa;
}

.dropdown-menu {
    top: auto;
}

.dropdown-menu-header {
    padding: 0.75rem;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #dae0e6;
}

.dropdown-menu-footer {
    padding: 0.5rem;
    text-align: center;
    display: block;
    font-size: 0.75rem;
}

.feather {
    width: 18px;
    height: 18px;
}

.feather-sm {
    width: 14px;
    height: 14px;
}

.feather-lg {
    width: 36px;
    height: 36px;
}

footer.footer {
    background: #fff;
    border-top: 1px solid #dae0e6;
    padding: 1rem 0.75rem;
}

footer.footer ul {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    footer.footer {
        width: 100vw;
    }
}

.form-control-no-border {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.form-control-no-border:focus {
    box-shadow: none;
    outline: 0;
}

.hamburger,
.hamburger:before,
.hamburger:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 24px;
    background: white;
    display: block;
    content: '';
    transition:
        background 0.1s ease-in-out,
        color 0.1s ease-in-out;
}

.hamburger {
    position: relative;
}

.hamburger:before {
    top: -7.5px;
    width: 24px;
    position: absolute;
}

.hamburger:after {
    bottom: -7.5px;
    width: 14px;
    position: absolute;
}

.sidebar-toggle:hover .hamburger,
.sidebar-toggle:hover .hamburger:before,
.sidebar-toggle:hover .hamburger:after {
    background: #e7f1ff;
    opacity: 0.1;
}

.hamburger-right,
.hamburger-right:before,
.hamburger-right:after {
    right: 0;
}

.navbar-landing {
    background: #0a2a54;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
}

@media (max-width: 991.98px) {
    .navbar-landing {
        width: 100% !important;
    }
}

.landing-intro {
    background: #0a2a54;
    color: #fff;
    overflow: hidden;
}

.landing-intro-title {
    font-size: 2.5rem;
    color: #fff;
}

.landing-intro-subtitle {
    font-size: 1.0875rem;
    color: #dae0e6;
}

.landing-intro-img {
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}

.landing-intro-img:before {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
    bottom: 0;
    left: 0;
    position: absolute;
    content: ' ';
    z-index: 1;
    display: block;
    width: 100%;
    height: 250px;
}

.landing-intro-img img {
    margin-bottom: -5rem;
}

.landing-intro-shape {
    z-index: 2;
    position: absolute;
    overflow: hidden;
    margin-top: -14.5vw;
}

@media (min-width: 992px) {
    .landing-intro-shape {
        margin-top: -12vw;
    }
}

.landing-img {
    box-shadow: rgba(16, 64, 130, 0.15) 0px 4px 12px 0px;
    transition: all 0.15s ease-in-out;
}

.landing-img:hover {
    transform: scale(1.035);
}

.landing-feature {
    align-items: center;
    background: #ebf1f8;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    margin-right: 1rem;
    width: 60px;
}

.landing-feature svg {
    width: 28px;
    height: 28px;
    color: #1b6edc;
}

.landing-stars {
    color: #ff9800;
}

.landing-quote p {
    line-height: 1.8rem;
}

.landing-quote p span {
    display: inline;
    background: #cbdef9;
    padding: 0.0625em 0.125em;
}

.landing-footer {
    background: #071c39;
    color: #fff;
    overflow: hidden;
}

.landing-footer-container {
    margin-top: 0;
}

@media (min-width: 1200px) {
    .landing-footer-container {
        margin-top: -5vw;
    }
}

.modal-primary .modal-content {
    background: #2c7be5;
    color: #fff;
}

.modal-primary h1,
.modal-primary h2,
.modal-primary h3,
.modal-primary h4,
.modal-primary h5,
.modal-primary h6,
.modal-primary .h1,
.modal-primary .h2,
.modal-primary .h3,
.modal-primary .h4,
.modal-primary .h5,
.modal-primary .h6 {
    color: #fff;
}

.modal-secondary .modal-content {
    background: #9d7bd8;
    color: #fff;
}

.modal-secondary h1,
.modal-secondary h2,
.modal-secondary h3,
.modal-secondary h4,
.modal-secondary h5,
.modal-secondary h6,
.modal-secondary .h1,
.modal-secondary .h2,
.modal-secondary .h3,
.modal-secondary .h4,
.modal-secondary .h5,
.modal-secondary .h6 {
    color: #fff;
}

.modal-success .modal-content {
    background: #4caf50;
    color: #fff;
}

.modal-success h1,
.modal-success h2,
.modal-success h3,
.modal-success h4,
.modal-success h5,
.modal-success h6,
.modal-success .h1,
.modal-success .h2,
.modal-success .h3,
.modal-success .h4,
.modal-success .h5,
.modal-success .h6 {
    color: #fff;
}

.modal-info .modal-content {
    background: #47bac1;
    color: #1d2329;
}

.modal-info h1,
.modal-info h2,
.modal-info h3,
.modal-info h4,
.modal-info h5,
.modal-info h6,
.modal-info .h1,
.modal-info .h2,
.modal-info .h3,
.modal-info .h4,
.modal-info .h5,
.modal-info .h6 {
    color: #fff;
}

.modal-warning .modal-content {
    background: #ff9800;
    color: #1d2329;
}

.modal-warning h1,
.modal-warning h2,
.modal-warning h3,
.modal-warning h4,
.modal-warning h5,
.modal-warning h6,
.modal-warning .h1,
.modal-warning .h2,
.modal-warning .h3,
.modal-warning .h4,
.modal-warning .h5,
.modal-warning .h6 {
    color: #fff;
}

.modal-danger .modal-content {
    background: #e51c23;
    color: #fff;
}

.modal-danger h1,
.modal-danger h2,
.modal-danger h3,
.modal-danger h4,
.modal-danger h5,
.modal-danger h6,
.modal-danger .h1,
.modal-danger .h2,
.modal-danger .h3,
.modal-danger .h4,
.modal-danger .h5,
.modal-danger .h6 {
    color: #fff;
}

.modal-light .modal-content {
    background: #f4f7fa;
    color: #1d2329;
}

.modal-light h1,
.modal-light h2,
.modal-light h3,
.modal-light h4,
.modal-light h5,
.modal-light h6,
.modal-light .h1,
.modal-light .h2,
.modal-light .h3,
.modal-light .h4,
.modal-light .h5,
.modal-light .h6 {
    color: #fff;
}

.modal-dark .modal-content {
    background: #354052;
    color: #fff;
}

.modal-dark h1,
.modal-dark h2,
.modal-dark h3,
.modal-dark h4,
.modal-dark h5,
.modal-dark h6,
.modal-dark .h1,
.modal-dark .h2,
.modal-dark .h3,
.modal-dark .h4,
.modal-dark .h5,
.modal-dark .h6 {
    color: #fff;
}

.modal-tertiary .modal-content {
    background: #5997eb;
    color: #fff;
}

.modal-tertiary h1,
.modal-tertiary h2,
.modal-tertiary h3,
.modal-tertiary h4,
.modal-tertiary h5,
.modal-tertiary h6,
.modal-tertiary .h1,
.modal-tertiary .h2,
.modal-tertiary .h3,
.modal-tertiary .h4,
.modal-tertiary .h5,
.modal-tertiary .h6 {
    color: #fff;
}

.modal-colored .modal-header,
.modal-colored .modal-footer {
    border-color: rgba(255, 255, 255, 0.33);
}

.navbar {
    border-bottom: 1px solid #e4ebf6;
}

@media (max-width: 991.98px) {
    .navbar {
        width: 100vw;
    }
}

.navbar-brand {
    font-weight: 600;
    font-size: 1.15rem;
    padding: 0.875rem 0;
    color: #f4f7fa;
    display: block;
}

.navbar-brand svg,
.navbar-brand .feather {
    color: #4389e8;
    height: 24px;
    width: 24px;
    margin-left: -0.15rem;
    margin-right: 0.75rem;
    margin-top: -0.375rem;
}

.nav-icon,
.nav-flag {
    padding: 0.1rem 0.8rem;
    display: block;
    font-size: 1.5rem;
    color: #60717d;
    transition:
        background 0.1s ease-in-out,
        color 0.1s ease-in-out;
    line-height: 1.4;
}

.nav-icon:after,
.nav-flag:after {
    display: none !important;
}

.nav-icon:hover,
.nav-icon.active,
.nav-flag:hover,
.nav-flag.active {
    color: #2c7be5;
}

.nav-icon svg,
.nav-icon .feather,
.nav-flag svg,
.nav-flag .feather {
    width: 20px;
    height: 20px;
}

.nav-item .indicator {
    background: #2c7be5;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    display: block;
    height: 18px;
    width: 18px;
    padding: 1px;
    position: absolute;
    top: 0;
    right: -8px;
    text-align: center;
    transition: top 0.1s ease-out;
    font-size: 0.675rem;
    color: #fff;
}

.nav-item:hover .indicator {
    top: -4px;
}

.nav-item a:focus {
    outline: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .navbar .avatar {
        max-height: 47px;
    }
}

@media (max-width: 575.98px) {
    .navbar {
        padding: 0.75rem;
    }

    .nav-icon {
        padding: 0.1rem 0.75rem;
    }

    .dropdown,
    .dropleft,
    .dropright,
    .dropup {
        position: inherit;
    }

    .navbar-expand .navbar-nav .dropdown-menu-lg {
        min-width: 100%;
    }

    .nav-item .nav-link:after {
        display: none;
    }
}

.nav-flag img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    object-fit: cover;
}

body,
html,
#root {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-y: scroll;
    opacity: 1 !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        overflow-x: hidden;
    }
}

.progress-sm {
    height: 0.5rem;
}

.progress-lg {
    height: 1.5rem;
}

.sidebar {
    transition:
        margin-left 0.35s ease-in-out,
        left 0.35s ease-in-out;
    background: white;
    border-right: 1px solid #e4ebf6;
}

.sidebar-content {
    background: var(--dark);

    transition:
        margin-left 0.35s ease-in-out,
        left 0.35s ease-in-out;
}

.sidebar-sticky .sidebar-content {
    border-right: 1px solid #e4ebf6;
}

.sidebar-sticky .sidebar-nav {
    padding-bottom: 0;
}

.sidebar-sticky .sidebar-content {
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    width: 260px;
    height: 100%;
}

.sidebar-nav {
    padding-bottom: 3.5rem;
    padding-left: 0;
    list-style: none;
}

.sidebar-link,
a.sidebar-link {
    display: block;
    border-radius: 8px;
    padding: 0.7rem 1.7rem;
    margin-bottom: 0 !important;
    color: white;
    font-weight: 400;
    background: transparent;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.sidebar-link i,
.sidebar-link svg,
a.sidebar-link i,
a.sidebar-link svg {
    margin-right: 0.75rem;
    color: white;
    opacity: 0.8;
}

.sidebar-item {
    padding: 10px 10px 2px 10px;
}

.sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: 0.55rem 1.5rem 0.55rem 4.3rem;
}

.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: 0.55rem 1.5rem 0.55rem 5.05rem;
}

.sidebar-link:focus {
    outline: 0;
}

.sidebar-link:hover {
    color: var(--dark);
    background: var(--white);
}

.sidebar-link:hover i,
.sidebar-link:hover svg {
    color: var(--dark);
}

.sidebar-item.active > .sidebar-link,
.sidebar-item.active .sidebar-link:hover {
    color: var(--dark);
    background: var(--white);
}

.sidebar-item.active > .sidebar-link i,
.sidebar-item.active > .sidebar-link svg,
.sidebar-item.active .sidebar-link:hover i,
.sidebar-item.active .sidebar-link:hover svg {
    color: var(--dark);
}

.sidebar-item > .sidebar-link.active {
    color: var(--dark);
    background: var(--white);
    margin-bottom: 0 !important;
}

.sidebar-item > .sidebar-link.active i,
.sidebar-item > .sidebar-link.active svg {
    color: var(--dark);
}

.sidebar-dropdown .sidebar-link {
    padding: 0.3rem 1rem 0.3rem 2rem;
    color: white;
    font-weight: 400;
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #055dd3;
    color: white;
    background: transparent;
    font-weight: 400;
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: inherit;
    background: #fff;
    font-weight: inherit;
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: inherit;
    background: #fff;
    font-weight: inherit;
}

.sidebar [data-toggle='collapse'] {
    position: relative;
}

.sidebar [data-toggle='collapse']:before {
    content: ' ';
    border: solid;
    border-width: 0 0.1rem 0.1rem 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 1.2rem;
    right: 1.7rem;
    transition: all 0.2s ease-out;
}

.sidebar [aria-expanded='true']:before,
.sidebar [data-toggle='collapse']:not(.collapsed):before {
    transform: rotate(-135deg);
    top: 1.4rem;
}

.sidebar .sidebar-dropdown [data-toggle='collapse']::before {
    top: 1rem;
}

.sidebar .sidebar-dropdown [aria-expanded='true']:before,
.sidebar .sidebar-dropdown [data-toggle='collapse']:not(.collapsed):before {
    top: 1.2rem;
}

.sidebar-brand {
    font-weight: 600;
    font-size: 1.15rem;
    padding: 1.15rem 1.7rem;
    color: white;
    display: block;
}

.sidebar-brand:hover {
    text-decoration: none;
    color: white;
}

.sidebar-brand:focus {
    outline: 0;
}

.sidebar-brand svg,
.sidebar-brand .feather {
    height: 24px;
}

.sidebar-toggle {
    cursor: pointer;
    width: 26px;
    height: 26px;
}

.sidebar-toggled .sidebar {
    min-width: 260px;
}

@media (min-width: 1px) and (max-width: 991.98px) {
    /* .sidebar {
    margin-left: -260px;
  }

  .sidebar .sidebar-content {
    left: -260px;
  } */

    .sidebar.toggled {
        margin-left: 0;
    }

    .sidebar.toggled .sidebar-content {
        left: 0;
    }

    .sidebar-collapsed {
        margin-left: 0;
    }

    .sidebar-collapsed .sidebar-content {
        left: 0;
    }

    .sidebar-collapsed.toggled {
        margin-left: -260px;
    }

    .sidebar-collapsed.toggled .sidebar-content {
        left: -260px;
    }
}

.sidebar-header {
    background: transparent;
    color: #60717d;
    padding: 1.125rem 1.7rem 0.375rem;
    font-size: 0.65rem;
    text-transform: uppercase;
}

.sidebar-bottom {
    transition:
        margin-left 0.35s ease-in-out,
        left 0.35s ease-in-out;
    padding: 37.2px;
    width: inherit;
    font-size: 0.8rem;
    bottom: 0;
    left: 0;
    position: fixed;
    background: var(--dark);
    min-width: 260px;
    max-width: 260px;
    color: var(--gray);
    border-right: 1px solid #e4ebf6;
    margin-left: 0;
}

.sidebar-bottom h5 {
    color: var(--white);
}

.sidebar-bottom a {
    color: var(--gray);
}

.sidebar.toggled .sidebar-bottom {
    margin-left: -260px;
}

.sidebar-item .sidebar-badge {
    position: absolute;
    right: 20px;
    top: 14px;
}

.sidebar-item .sidebar-item .sidebar-badge {
    top: 10px;
}

.min-vw-50 {
    min-width: 50vw !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.vw-50 {
    width: 50vw !important;
}

.vh-50 {
    height: 50vh !important;
}

.card > .dataTables_wrapper .table.dataTable,
.card > .table,
.card > .table-responsive .table,
.card > .table-responsive-sm .table,
.card > .table-responsive-md .table,
.card > .table-responsive-lg .table,
.card > .table-responsive-xl .table {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    margin-bottom: 0;
}

.card > .dataTables_wrapper .table.dataTable td:first-child,
.card > .dataTables_wrapper .table.dataTable th:first-child,
.card > .table td:first-child,
.card > .table th:first-child,
.card > .table-responsive .table td:first-child,
.card > .table-responsive .table th:first-child,
.card > .table-responsive-sm .table td:first-child,
.card > .table-responsive-sm .table th:first-child,
.card > .table-responsive-md .table td:first-child,
.card > .table-responsive-md .table th:first-child,
.card > .table-responsive-lg .table td:first-child,
.card > .table-responsive-lg .table th:first-child,
.card > .table-responsive-xl .table td:first-child,
.card > .table-responsive-xl .table th:first-child {
    border-left: 0;
    padding-left: 1.25rem;
}

.card > .dataTables_wrapper .table.dataTable td:last-child,
.card > .dataTables_wrapper .table.dataTable th:last-child,
.card > .table td:last-child,
.card > .table th:last-child,
.card > .table-responsive .table td:last-child,
.card > .table-responsive .table th:last-child,
.card > .table-responsive-sm .table td:last-child,
.card > .table-responsive-sm .table th:last-child,
.card > .table-responsive-md .table td:last-child,
.card > .table-responsive-md .table th:last-child,
.card > .table-responsive-lg .table td:last-child,
.card > .table-responsive-lg .table th:last-child,
.card > .table-responsive-xl .table td:last-child,
.card > .table-responsive-xl .table th:last-child {
    border-right: 0;
    padding-right: 1.25rem;
}

.card > .dataTables_wrapper .table.dataTable tr:first-child td,
.card > .dataTables_wrapper .table.dataTable tr:first-child th,
.card > .table tr:first-child td,
.card > .table tr:first-child th,
.card > .table-responsive .table tr:first-child td,
.card > .table-responsive .table tr:first-child th,
.card > .table-responsive-sm .table tr:first-child td,
.card > .table-responsive-sm .table tr:first-child th,
.card > .table-responsive-md .table tr:first-child td,
.card > .table-responsive-md .table tr:first-child th,
.card > .table-responsive-lg .table tr:first-child td,
.card > .table-responsive-lg .table tr:first-child th,
.card > .table-responsive-xl .table tr:first-child td,
.card > .table-responsive-xl .table tr:first-child th {
    border-top: 0;
}

.card > .dataTables_wrapper .table.dataTable tr:last-child td,
.card > .table tr:last-child td,
.card > .table-responsive .table tr:last-child td,
.card > .table-responsive-sm .table tr:last-child td,
.card > .table-responsive-md .table tr:last-child td,
.card > .table-responsive-lg .table tr:last-child td,
.card > .table-responsive-xl .table tr:last-child td {
    border-bottom: 0;
}

.card .card-header + .table {
    border-top: 0;
}

.table-action a {
    color: #60717d;
}

.table-action a:hover {
    color: #1d2329;
}

.table-action .feather {
    width: 18px;
    height: 18px;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.card > .dataTables_wrapper .table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.card > .dataTables_wrapper .dataTables_info {
    padding: 1rem 1.25rem;
}

.card > .dataTables_wrapper .dataTables_paginate {
    padding: 0.6rem 1.25rem;
}

.dt-bootstrap4 {
    width: calc(100% - 2px);
}

.tab {
    margin-bottom: 2rem;
}

.tab .nav-tabs {
    border: 0;
}

.tab .nav-tabs .nav-link {
    background: transparent;
    color: #2a3540;
    padding: 0.75rem 1rem;
    border: 0;
}

.tab .nav-tabs .nav-link.active {
    background: #fff;
    color: #2a3540;
}

.tab .nav-tabs .nav-link:hover:not(.active) {
    color: #2c7be5;
}

.tab .nav-tabs .nav-link svg {
    width: 20px;
    height: 20px;
}

.tab .tab-content {
    background: #fff;
    padding: 1.25rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    border-radius: 0 0 0.3rem 0.3rem;
}

.tab .tab-content p:last-child {
    margin-bottom: 0;
}

.tab-primary .nav-tabs .nav-link.active {
    background: #2c7be5;
    border-bottom-color: #2c7be5;
    color: #fff;
}

.tab-primary .tab-content {
    background: #2c7be5;
    color: #fff;
}

.tab-primary h1,
.tab-primary h2,
.tab-primary h3,
.tab-primary h4,
.tab-primary h5,
.tab-primary h6,
.tab-primary .h1,
.tab-primary .h2,
.tab-primary .h3,
.tab-primary .h4,
.tab-primary .h5,
.tab-primary .h6 {
    color: #fff;
}

.tab-secondary .nav-tabs .nav-link.active {
    background: #9d7bd8;
    border-bottom-color: #9d7bd8;
    color: #fff;
}

.tab-secondary .tab-content {
    background: #9d7bd8;
    color: #fff;
}

.tab-secondary h1,
.tab-secondary h2,
.tab-secondary h3,
.tab-secondary h4,
.tab-secondary h5,
.tab-secondary h6,
.tab-secondary .h1,
.tab-secondary .h2,
.tab-secondary .h3,
.tab-secondary .h4,
.tab-secondary .h5,
.tab-secondary .h6 {
    color: #fff;
}

.tab-success .nav-tabs .nav-link.active {
    background: #4caf50;
    border-bottom-color: #4caf50;
    color: #fff;
}

.tab-success .tab-content {
    background: #4caf50;
    color: #fff;
}

.tab-success h1,
.tab-success h2,
.tab-success h3,
.tab-success h4,
.tab-success h5,
.tab-success h6,
.tab-success .h1,
.tab-success .h2,
.tab-success .h3,
.tab-success .h4,
.tab-success .h5,
.tab-success .h6 {
    color: #fff;
}

.tab-info .nav-tabs .nav-link.active {
    background: #47bac1;
    border-bottom-color: #47bac1;
    color: #fff;
}

.tab-info .tab-content {
    background: #47bac1;
    color: #fff;
}

.tab-info h1,
.tab-info h2,
.tab-info h3,
.tab-info h4,
.tab-info h5,
.tab-info h6,
.tab-info .h1,
.tab-info .h2,
.tab-info .h3,
.tab-info .h4,
.tab-info .h5,
.tab-info .h6 {
    color: #fff;
}

.tab-warning .nav-tabs .nav-link.active {
    background: #ff9800;
    border-bottom-color: #ff9800;
    color: #fff;
}

.tab-warning .tab-content {
    background: #ff9800;
    color: #fff;
}

.tab-warning h1,
.tab-warning h2,
.tab-warning h3,
.tab-warning h4,
.tab-warning h5,
.tab-warning h6,
.tab-warning .h1,
.tab-warning .h2,
.tab-warning .h3,
.tab-warning .h4,
.tab-warning .h5,
.tab-warning .h6 {
    color: #fff;
}

.tab-danger .nav-tabs .nav-link.active {
    background: #e51c23;
    border-bottom-color: #e51c23;
    color: #fff;
}

.tab-danger .tab-content {
    background: #e51c23;
    color: #fff;
}

.tab-danger h1,
.tab-danger h2,
.tab-danger h3,
.tab-danger h4,
.tab-danger h5,
.tab-danger h6,
.tab-danger .h1,
.tab-danger .h2,
.tab-danger .h3,
.tab-danger .h4,
.tab-danger .h5,
.tab-danger .h6 {
    color: #fff;
}

.tab-light .nav-tabs .nav-link.active {
    background: #f4f7fa;
    border-bottom-color: #f4f7fa;
    color: #fff;
}

.tab-light .tab-content {
    background: #f4f7fa;
    color: #fff;
}

.tab-light h1,
.tab-light h2,
.tab-light h3,
.tab-light h4,
.tab-light h5,
.tab-light h6,
.tab-light .h1,
.tab-light .h2,
.tab-light .h3,
.tab-light .h4,
.tab-light .h5,
.tab-light .h6 {
    color: #fff;
}

.tab-dark .nav-tabs .nav-link.active {
    background: #354052;
    border-bottom-color: #354052;
    color: #fff;
}

.tab-dark .tab-content {
    background: #354052;
    color: #fff;
}

.tab-dark h1,
.tab-dark h2,
.tab-dark h3,
.tab-dark h4,
.tab-dark h5,
.tab-dark h6,
.tab-dark .h1,
.tab-dark .h2,
.tab-dark .h3,
.tab-dark .h4,
.tab-dark .h5,
.tab-dark .h6 {
    color: #fff;
}

.tab-tertiary .nav-tabs .nav-link.active {
    background: #5997eb;
    border-bottom-color: #5997eb;
    color: #fff;
}

.tab-tertiary .tab-content {
    background: #5997eb;
    color: #fff;
}

.tab-tertiary h1,
.tab-tertiary h2,
.tab-tertiary h3,
.tab-tertiary h4,
.tab-tertiary h5,
.tab-tertiary h6,
.tab-tertiary .h1,
.tab-tertiary .h2,
.tab-tertiary .h3,
.tab-tertiary .h4,
.tab-tertiary .h5,
.tab-tertiary .h6 {
    color: #fff;
}

.tab-title {
    font-size: 1rem;
}

.tab-vertical .nav-tabs {
    float: left;
    flex-direction: column;
}

.tab-vertical .nav-tabs .nav-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tab-vertical .tab-content {
    overflow: auto;
}

.timeline {
    list-style-type: none;
    position: relative;
}

.timeline:before {
    content: ' ';
    background: #dae0e6;
    display: inline-block;
    position: absolute;
    left: 9px;
    width: 2px;
    height: 100%;
    z-index: 1;
}

.timeline-item:before {
    content: ' ';
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #2c7be5;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.text-sm {
    font-size: 0.75rem;
}

.text-lg {
    font-size: 1rem;
}

b,
strong {
    font-weight: 600;
}

pre.snippet {
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: justify;
}

a {
    cursor: pointer;
}

.wrapper {
    align-items: stretch;
    display: flex;
    width: 100%;
}

.wrapper-boxed {
    max-width: 1440px;
    margin: 0 auto;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.content {
    padding: 2.5rem 2.5rem 1.5rem;
    flex: 1;
}

@media (max-width: 991.98px) {
    .content {
        max-width: 100vw;
    }
}

@media (max-width: 1199.98px) {
    .content {
        padding: 1.5rem;
    }
}

.main {
    background-color: white;
    display: flex;
    width: 100%;
    min-height: 100vh;
    min-width: 0;
    transition:
        margin-left 0.35s ease-in-out,
        left 0.35s ease-in-out;
    flex-direction: column;
}

@media (max-width: 991.98px) {
    .main {
        overflow-y: hidden;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.settings {
    display: none;
}

@media (min-width: 1200px) {
    .settings {
        display: block;
    }
}

.settings-toggle {
    background: #2a3540;
    color: #fff;
    position: fixed;
    top: 220px;
    right: 0;
    width: 46px;
    padding: 0.75rem 0.75rem;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

.settings-toggle:hover {
    width: 52px;
}

.settings-toggle svg {
    width: 22px;
    height: 22px;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.settings-panel {
    background: #fff;
    border-left: 0 solid transparent;
    box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: block;
    height: 100%;
    position: fixed;
    width: 240px;
    z-index: 100;
    top: 0;
    bottom: 0;
    right: -240px;
    transition: right 0.2s ease-in-out;
}

.settings.open .settings-panel:before {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    pointer-events: none;
}

.settings.open .settings-panel {
    right: 0;
}

.settings-content {
    height: 100%;
    overflow: auto;
    position: relative;
    background: #fff;
}

.settings-content .ps__thumb-y,
.settings-content .simplebar-scrollbar::before {
    background: rgba(0, 0, 0, 0.5);
}

.settings-title {
    padding: 1.35rem 1.5rem;
    font-size: 0.875rem;
}

.settings-title h4 {
    margin-bottom: 0;
}

.settings-section {
    border-top: 0 solid transparent;
    padding: 1rem 1.5rem;
}

.settings-layouts {
    line-height: 2;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.settings-layouts-item .badge {
    background: #a3b1bd;
    border-radius: 10rem;
    color: #fff;
    padding: 0.2rem 0.35rem;
}

.settings-layouts-item,
.settings-layouts-item:hover {
    color: #3f4b57;
    text-decoration: none;
    cursor: pointer;
}

.settings-layouts-item:hover .badge {
    background: #60717d;
}

.settings-theme {
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.settings-theme:last-child {
    margin-bottom: 0;
}

.settings-theme:hover {
    text-decoration: none;
}

.settings-theme img {
    border-radius: 0.3rem;
    border: 1px solid #e5eaef;
    box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.05);
    transform: scale(1);
    transition: all 0.1s ease-in-out;
}

.settings-theme:hover img {
    transform: scale(1.03);
}

html[data-useragent*='MSIE 10.0'] .main {
    width: calc(100% - 260px);
}

html[data-useragent*='MSIE 10.0'] .sidebar-toggle {
    display: none !important;
}

html[data-useragent*='MSIE 10.0'] .sidebar {
    width: 260px !important;
    min-width: 260px !important;
    margin-left: 0 !important;
}

html[data-useragent*='MSIE 10.0'] .toggled.sidebar-collapsed {
    margin-left: 0 !important;
}

.rounded-lg {
    border-radius: 0.45rem !important;
}

.rounded-top-lg {
    border-top-left-radius: 0.45rem !important;
    border-top-right-radius: 0.45rem !important;
}

.rounded-right-lg {
    border-top-right-radius: 0.45rem !important;
    border-bottom-right-radius: 0.45rem !important;
}

.rounded-bottom-lg {
    border-bottom-right-radius: 0.45rem !important;
    border-bottom-left-radius: 0.45rem !important;
}

.rounded-left-lg {
    border-top-left-radius: 0.45rem !important;
    border-bottom-left-radius: 0.45rem !important;
}

.rounded-sm {
    border-radius: 0.15rem !important;
}

.rounded-top-sm {
    border-top-left-radius: 0.15rem !important;
    border-top-right-radius: 0.15rem !important;
}

.rounded-right-sm {
    border-top-right-radius: 0.15rem !important;
    border-bottom-right-radius: 0.15rem !important;
}

.rounded-bottom-sm {
    border-bottom-right-radius: 0.15rem !important;
    border-bottom-left-radius: 0.15rem !important;
}

.rounded-left-sm {
    border-top-left-radius: 0.15rem !important;
    border-bottom-left-radius: 0.15rem !important;
}

.cursor-grab {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
}

.cursor-pointer {
    cursor: pointer;
}

.font-size-lg {
    font-size: 1rem;
}

.font-size-sm {
    font-size: 1rem;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-visible {
    overflow: visible;
}

.absolute-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

.z-7 {
    z-index: 7;
}

.z-8 {
    z-index: 8;
}

.z-9 {
    z-index: 9;
}

.z-10 {
    z-index: 10;
}

.z-11 {
    z-index: 11;
}

.z-12 {
    z-index: 12;
}

.z-13 {
    z-index: 13;
}

.z-14 {
    z-index: 14;
}

.z-15 {
    z-index: 15;
}

.z-16 {
    z-index: 16;
}

.z-17 {
    z-index: 17;
}

.z-18 {
    z-index: 18;
}

.z-19 {
    z-index: 19;
}

.z-20 {
    z-index: 20;
}

.z-21 {
    z-index: 21;
}

.z-22 {
    z-index: 22;
}

.z-23 {
    z-index: 23;
}

.z-24 {
    z-index: 24;
}

.z-25 {
    z-index: 25;
}

.z-26 {
    z-index: 26;
}

.z-27 {
    z-index: 27;
}

.z-28 {
    z-index: 28;
}

.z-29 {
    z-index: 29;
}

.z-30 {
    z-index: 30;
}

.z-31 {
    z-index: 31;
}

.z-32 {
    z-index: 32;
}

.z-33 {
    z-index: 33;
}

.z-34 {
    z-index: 34;
}

.z-35 {
    z-index: 35;
}

.z-36 {
    z-index: 36;
}

.z-37 {
    z-index: 37;
}

.z-38 {
    z-index: 38;
}

.z-39 {
    z-index: 39;
}

.z-40 {
    z-index: 40;
}

.z-41 {
    z-index: 41;
}

.z-42 {
    z-index: 42;
}

.z-43 {
    z-index: 43;
}

.z-44 {
    z-index: 44;
}

.z-45 {
    z-index: 45;
}

.z-46 {
    z-index: 46;
}

.z-47 {
    z-index: 47;
}

.z-48 {
    z-index: 48;
}

.z-49 {
    z-index: 49;
}

.z-50 {
    z-index: 50;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

.ql-clipboard p {
    margin: 0;
    padding: 0;
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ql-editor > * {
    cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
    list-style-type: none;
}

.ql-editor ul > li::before {
    content: '\2022';
}

.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
    pointer-events: none;
}

.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
    pointer-events: all;
}

.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
}

.ql-editor ul[data-checked='true'] > li::before {
    content: '\2611';
}

.ql-editor ul[data-checked='false'] > li::before {
    content: '\2610';
}

.ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
    background-color: #000;
}

.ql-editor .ql-bg-red {
    background-color: #e60000;
}

.ql-editor .ql-bg-orange {
    background-color: #f90;
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0;
}

.ql-editor .ql-bg-green {
    background-color: #008a00;
}

.ql-editor .ql-bg-blue {
    background-color: #06c;
}

.ql-editor .ql-bg-purple {
    background-color: #93f;
}

.ql-editor .ql-color-white {
    color: #fff;
}

.ql-editor .ql-color-red {
    color: #e60000;
}

.ql-editor .ql-color-orange {
    color: #f90;
}

.ql-editor .ql-color-yellow {
    color: #ff0;
}

.ql-editor .ql-color-green {
    color: #008a00;
}

.ql-editor .ql-color-blue {
    color: #06c;
}

.ql-editor .ql-color-purple {
    color: #93f;
}

.ql-editor .ql-font-serif {
    font-family:
        Georgia,
        Times New Roman,
        serif;
}

.ql-editor .ql-font-monospace {
    font-family:
        Monaco,
        Courier New,
        monospace;
}

.ql-editor .ql-size-small {
    font-size: 0.75em;
}

.ql-editor .ql-size-large {
    font-size: 1.5em;
}

.ql-editor .ql-size-huge {
    font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}

.ql-editor .ql-align-center {
    text-align: center;
}

.ql-editor .ql-align-justify {
    text-align: justify;
}

.ql-editor .ql-align-right {
    text-align: right;
}

.ql-editor.ql-blank::before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}

.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
}

.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
}

.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%;
}

.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
    outline: none;
}

.ql-bubble.ql-toolbar input.ql-image[type='file'],
.ql-bubble .ql-toolbar input.ql-image[type='file'] {
    display: none;
}

.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
    color: #fff;
}

.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #fff;
}

.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #fff;
}

@media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active),
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
        color: #ccc;
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ccc;
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ccc;
    }
}

.ql-bubble {
    box-sizing: border-box;
}

.ql-bubble * {
    box-sizing: border-box;
}

.ql-bubble .ql-hidden {
    display: none;
}

.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
    visibility: hidden;
}

.ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
}

.ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
}

.ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px);
}

.ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle;
}

.ql-bubble .ql-formats:after {
    clear: both;
    content: '';
    display: table;
}

.ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2;
}

.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
    fill: #ccc;
}

.ql-bubble .ql-empty {
    fill: none;
}

.ql-bubble .ql-even {
    fill-rule: evenodd;
}

.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1;
}

.ql-bubble .ql-transparent {
    opacity: 0.4;
}

.ql-bubble .ql-direction svg:last-child {
    display: none;
}

.ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline;
}

.ql-bubble .ql-direction.ql-active svg:first-child {
    display: none;
}

.ql-bubble .ql-editor h1 {
    font-size: 2em;
}

.ql-bubble .ql-editor h2 {
    font-size: 1.5em;
}

.ql-bubble .ql-editor h3 {
    font-size: 1.17em;
}

.ql-bubble .ql-editor h4 {
    font-size: 1em;
}

.ql-bubble .ql-editor h5 {
    font-size: 0.83em;
}

.ql-bubble .ql-editor h6 {
    font-size: 0.67em;
}

.ql-bubble .ql-editor a {
    text-decoration: underline;
}

.ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}

.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px;
}

.ql-bubble .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}

.ql-bubble .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
}

.ql-bubble .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
}

.ql-bubble .ql-editor img {
    max-width: 100%;
}

.ql-bubble .ql-picker {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
}

.ql-bubble .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
}

.ql-bubble .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
}

.ql-bubble .ql-picker-options {
    background-color: #444;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
}

.ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
}

.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
    width: 28px;
}

.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
}

.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px;
}

.ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
}

.ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
}

.ql-bubble .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
}

.ql-bubble .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
}

.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
}

.ql-bubble .ql-picker.ql-header {
    width: 98px;
}

.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    content: 'Heading 1';
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    content: 'Heading 2';
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    content: 'Heading 3';
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    content: 'Heading 4';
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    content: 'Heading 5';
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    content: 'Heading 6';
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    font-size: 2em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    font-size: 1.5em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    font-size: 1.17em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    font-size: 1em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    font-size: 0.83em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    font-size: 0.67em;
}

.ql-bubble .ql-picker.ql-font {
    width: 108px;
}

.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
}

.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    content: 'Serif';
}

.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    content: 'Monospace';
}

.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    font-family:
        Georgia,
        Times New Roman,
        serif;
}

.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    font-family:
        Monaco,
        Courier New,
        monospace;
}

.ql-bubble .ql-picker.ql-size {
    width: 98px;
}

.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    content: 'Small';
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    content: 'Large';
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    content: 'Huge';
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    font-size: 10px;
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    font-size: 18px;
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    font-size: 32px;
}

.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
}

.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
}

.ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0px;
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px;
}

.ql-bubble .ql-color-picker svg {
    margin: 1px;
}

.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff;
}

.ql-bubble .ql-tooltip {
    background-color: #444;
    border-radius: 25px;
    color: #fff;
}

.ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: ' ';
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute;
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px;
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px;
}

.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block;
}

.ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden;
}

.ql-bubble .ql-tooltip-editor {
    display: none;
}

.ql-bubble .ql-tooltip-editor input[type='text'] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
}

.ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px;
}

.ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: '\D7';
    font-size: 16px;
    font-weight: bold;
}

.ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap;
}

.ql-container.ql-bubble:not(.ql-disabled) a::before {
    background-color: #444;
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: normal;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1;
}

.ql-container.ql-bubble:not(.ql-disabled) a::after {
    border-top: 6px solid #444;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: ' ';
    height: 0;
    width: 0;
}

.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%, -100%);
    transition: visibility 0s ease 200ms;
    visibility: hidden;
}

.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
    visibility: visible;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

.ql-clipboard p {
    margin: 0;
    padding: 0;
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ql-editor > * {
    cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
    list-style-type: none;
}

.ql-editor ul > li::before {
    content: '\2022';
}

.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
    pointer-events: none;
}

.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
    pointer-events: all;
}

.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
}

.ql-editor ul[data-checked='true'] > li::before {
    content: '\2611';
}

.ql-editor ul[data-checked='false'] > li::before {
    content: '\2610';
}

.ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
    background-color: #000;
}

.ql-editor .ql-bg-red {
    background-color: #e60000;
}

.ql-editor .ql-bg-orange {
    background-color: #f90;
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0;
}

.ql-editor .ql-bg-green {
    background-color: #008a00;
}

.ql-editor .ql-bg-blue {
    background-color: #06c;
}

.ql-editor .ql-bg-purple {
    background-color: #93f;
}

.ql-editor .ql-color-white {
    color: #fff;
}

.ql-editor .ql-color-red {
    color: #e60000;
}

.ql-editor .ql-color-orange {
    color: #f90;
}

.ql-editor .ql-color-yellow {
    color: #ff0;
}

.ql-editor .ql-color-green {
    color: #008a00;
}

.ql-editor .ql-color-blue {
    color: #06c;
}

.ql-editor .ql-color-purple {
    color: #93f;
}

.ql-editor .ql-font-serif {
    font-family:
        Georgia,
        Times New Roman,
        serif;
}

.ql-editor .ql-font-monospace {
    font-family:
        Monaco,
        Courier New,
        monospace;
}

.ql-editor .ql-size-small {
    font-size: 0.75em;
}

.ql-editor .ql-size-large {
    font-size: 1.5em;
}

.ql-editor .ql-size-huge {
    font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}

.ql-editor .ql-align-center {
    text-align: center;
}

.ql-editor .ql-align-justify {
    text-align: justify;
}

.ql-editor .ql-align-right {
    text-align: right;
}

.ql-editor.ql-blank::before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
    display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c;
}

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444;
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444;
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444;
    }
}

.ql-snow {
    box-sizing: border-box;
}

.ql-snow * {
    box-sizing: border-box;
}

.ql-snow .ql-hidden {
    display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden;
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle;
}

.ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table;
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444;
}

.ql-snow .ql-empty {
    fill: none;
}

.ql-snow .ql-even {
    fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
}

.ql-snow .ql-transparent {
    opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
    display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
}

.ql-snow .ql-editor h1 {
    font-size: 2em;
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
    font-size: 1em;
}

.ql-snow .ql-editor h5 {
    font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
    font-size: 0.67em;
}

.ql-snow .ql-editor a {
    text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px;
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
}

.ql-snow .ql-editor img {
    max-width: 100%;
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
}

.ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
    width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    content: 'Heading 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    content: 'Heading 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    content: 'Heading 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    content: 'Heading 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    content: 'Heading 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
    width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    content: 'Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    font-family:
        Georgia,
        Times New Roman,
        serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    font-family:
        Monaco,
        Courier New,
        monospace;
}

.ql-snow .ql-picker.ql-size {
    width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    content: 'Small';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    content: 'Large';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    content: 'Huge';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0px;
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
    content: 'Visit URL:';
    line-height: 26px;
    margin-right: 8px;
}

.ql-snow .ql-tooltip input[type='text'] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0px;
    padding: 3px 5px;
    width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px;
}

.ql-snow .ql-tooltip a {
    line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type='text'] {
    display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: 'Save';
    padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode='link']::before {
    content: 'Enter link:';
}

.ql-snow .ql-tooltip[data-mode='formula']::before {
    content: 'Enter formula:';
}

.ql-snow .ql-tooltip[data-mode='video']::before {
    content: 'Enter video:';
}

.ql-snow a {
    color: #06c;
}

.ql-container.ql-snow {
    border: 1px solid #ccc;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.animated.bounceIn {
    animation-duration: 0.7s;
}

.animated.bounceOut {
    animation-duration: 0.5s;
}

.animated.bounceIn {
    animation-name: bounceIn;
}

.animated.bounceOut {
    animation-name: bounceOut;
}

.animated.fadeIn {
    animation-name: fadeIn;
    animation-duration: 0.7s;
}

.animated.fadeOut {
    animation-name: fadeOut;
    animation-duration: 0.3s;
}

.animated.bounceInDown {
    animation-name: bounceInDown;
}

.animated.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: perspective(1px) scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: perspective(1px) scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: perspective(1px) scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: perspective(1px) scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: perspective(1px) scale3d(1, 1, 1);
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.rrt-confirm-holder {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}

.rrt-confirm-holder .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(50, 58, 68, 0.8);
}

.rrt-confirm-holder .rrt-confirm {
    width: 320px;
    background-color: white;
    position: absolute;
    z-index: 9;
    top: 20%;
    left: 50%;
    margin-left: -160px;
    box-shadow: 3px 3px 20px #333;
    border-radius: 4px;
    overflow: hidden;
}

.rrt-confirm-holder .rrt-confirm .rrt-message {
    width: 100%;
    padding: 5%;
    min-height: 50px;
    font-size: 1em;
    background-color: white;
    text-align: center;
    font-family: 'open-sanscondensed-light', sans-serif;
    clear: both;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder {
    display: flex;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button {
    flex-grow: 1;
    height: 50px;
    text-transform: capitalize;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: left;
    border-top: 1px solid #f0f0f0;
    font-size: 14px;
    overflow: hidden;
    cursor: pointer;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover {
    background-color: #f5f5f5;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active {
    background-color: #60bb71;
    color: white;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active {
    background-color: #db6a64;
    color: white;
}

.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus {
    outline: none;
}

body.toastr-confirm-active {
    overflow: hidden;
}

.redux-toastr *,
.redux-toastr *:before,
.redux-toastr *:after {
    box-sizing: border-box;
}

.redux-toastr .top-left,
.redux-toastr .top-right,
.redux-toastr .top-center,
.redux-toastr .bottom-left,
.redux-toastr .bottom-right,
.redux-toastr .bottom-center {
    width: 350px;
    position: fixed;
    z-index: 99999999;
    padding: 0 10px;
}

.redux-toastr .top-left,
.redux-toastr .top-right,
.redux-toastr .top-center {
    top: 0;
}

.redux-toastr .top-right,
.redux-toastr .bottom-right {
    right: 0;
}

.redux-toastr .bottom-left,
.redux-toastr .bottom-right,
.redux-toastr .bottom-center {
    bottom: 0;
}

.redux-toastr .top-left,
.redux-toastr .bottom-left {
    left: 0;
}

.redux-toastr .top-center,
.redux-toastr .bottom-center {
    left: 50%;
    margin-left: -175px;
}

@media (max-width: 320px) {
    .redux-toastr .top-left,
    .redux-toastr .top-right,
    .redux-toastr .top-center,
    .redux-toastr .bottom-left,
    .redux-toastr .bottom-right,
    .redux-toastr .bottom-center {
        width: 320px;
    }

    .redux-toastr .top-center,
    .redux-toastr .bottom-center {
        margin-left: -160px;
    }
}

.redux-toastr .toastr {
    background-color: #fcfcfc;
    width: 100%;
    min-height: 70px;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    color: #333;
    opacity: 0.94;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

.redux-toastr .toastr:hover:not(.rrt-message) {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.redux-toastr .toastr .toastr-status {
    width: 100%;
    height: 5px;
}

.redux-toastr .toastr .toastr-status.success {
    background-color: #60bb71;
}

.redux-toastr .toastr .toastr-status.warning {
    background-color: #f7a336;
}

.redux-toastr .toastr .toastr-status.info {
    background-color: #58abc3;
}

.redux-toastr .toastr .toastr-status.error {
    background-color: #db6a64;
}

.redux-toastr .toastr .rrt-left-container,
.redux-toastr .toastr .rrt-right-container {
    float: left;
    text-align: center;
    overflow: hidden;
}

.redux-toastr .toastr .rrt-left-container {
    width: 80px;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
}

.redux-toastr .toastr .rrt-left-container .rrt-holder {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 5px;
    line-height: 60px;
}

.redux-toastr .toastr .rrt-left-container .toastr-icon {
    fill: white;
    vertical-align: middle;
    margin-top: 5px;
}

.redux-toastr .toastr .rrt-middle-container {
    width: 65%;
    margin-left: 80px;
    position: relative;
    float: left;
    font-family: Arial, Helvetica, sans-serif, sans-serif;
    font-size: 1em;
    text-align: left;
    padding: 10px 5px;
}

.redux-toastr .toastr .rrt-middle-container .rrt-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}

.redux-toastr .toastr .rrt-right-container {
    width: 10%;
}

.redux-toastr .toastr .close-toastr {
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    font-size: 22px;
    border: none;
    outline: none;
    opacity: 0.5;
    cursor: pointer;
    font-family:
        'Helvetica Neue',
        Helvetica,
        Arial sans-serif;
    color: #000;
}

.redux-toastr .toastr .close-toastr:hover {
    opacity: 1;
}

.redux-toastr .toastr .close-toastr:focus {
    outline: none;
}

.redux-toastr .toastr .close-toastr span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.redux-toastr .toastr.rrt-info,
.redux-toastr .toastr.rrt-success,
.redux-toastr .toastr.rrt-warning,
.redux-toastr .toastr.rrt-error {
    color: white;
}

.redux-toastr .toastr.rrt-info {
    background-color: #58abc3;
}

.redux-toastr .toastr.rrt-info .rrt-progressbar {
    background-color: #378298;
}

.redux-toastr .toastr.rrt-success {
    background-color: #60bb71;
}

.redux-toastr .toastr.rrt-success .rrt-progressbar {
    background-color: #3e914d;
}

.redux-toastr .toastr.rrt-warning {
    background-color: #f7a336;
}

.redux-toastr .toastr.rrt-warning .rrt-progressbar {
    background-color: #d87e09;
}

.redux-toastr .toastr.rrt-error {
    background-color: #db6a64;
}

.redux-toastr .toastr.rrt-error .rrt-progressbar {
    background-color: #c5352e;
}

.redux-toastr .toastr.rrt-light .rrt-progressbar {
    background-color: #ccc;
}

.redux-toastr .toastr.rrt-light .toastr-icon {
    fill: #333 !important;
}

.redux-toastr .toastr.rrt-message {
    opacity: 1;
    border: 1px solid #dbdbdb;
}

.redux-toastr .toastr.rrt-message .rrt-title {
    width: 90%;
    height: 50px;
    text-align: center;
    overflow: hidden;
    font-size: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 50px;
    padding: 0 20px;
}

.redux-toastr .toastr.rrt-message .rrt-text {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-color: white;
    padding: 15px;
    font-size: 1.1em;
    margin-bottom: 20px;
}

.redux-toastr .toastr.rrt-message .rrt-text img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.redux-toastr .toastr.rrt-message .close-toastr {
    height: 50px;
}

.redux-toastr .toastr .rrt-progress-container {
    height: 5px;
    margin: 0 -20px -20px -60px;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.redux-toastr .toastr .rrt-progress-container .rrt-progressbar {
    border-radius: 0 0 0 4px;
    height: 100%;
}

.redux-toastr .toastr-attention {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.react-bootstrap-table table {
    table-layout: fixed;
}

.react-bootstrap-table th.sortable {
    cursor: pointer;
}

.react-bootstrap-table th .order > .dropdown > .caret {
    margin: 10px 0 10px 5px;
    color: #ccc;
}

.react-bootstrap-table th .order > .dropup > .caret {
    margin: 10px 0;
    color: #ccc;
}

.react-bootstrap-table th > .react-bootstrap-table-sort-order > .caret {
    margin: 10px 6.5px;
}

.react-bootstrap-table th .order-4:before {
    margin-left: 3.5px;
    content: '\2191';
    opacity: 0.4;
}

.react-bootstrap-table th .order-4:after {
    content: '\2193';
    opacity: 0.4;
}

.react-bootstrap-table th .caret-4-asc:before {
    margin-left: 3.5px;
    content: '\2191';
}

.react-bootstrap-table th .caret-4-asc:after {
    content: '\2193';
    opacity: 0.4;
}

.react-bootstrap-table th .caret-4-desc:before {
    margin-left: 3.5px;
    content: '\2191';
    opacity: 0.4;
}

.react-bootstrap-table th .caret-4-desc:after {
    content: '\2193';
}

.react-bootstrap-table th[data-row-selection] {
    width: 30px;
}

.react-bootstrap-table td > .selection-input-4,
.react-bootstrap-table th > .selection-input-4 {
    margin: -4px;
}

.react-bootstrap-table td.react-bs-table-no-data {
    text-align: center;
}

.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated {
    animation-fill-mode: both;
}

.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.bounceIn,
.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.bounceOut {
    animation-duration: 0.75s;
}

.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.shake {
    animation-duration: 0.3s;
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0);
    }

    10%,
    50%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }

    30%,
    70% {
        transform: translate3d(10px, 0, 0);
    }
}

.react-bootstrap-table td.react-bootstrap-table-editing-cell .shake {
    animation-name: shake;
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.react-bootstrap-table td.react-bootstrap-table-editing-cell .bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.react-bootstrap-table td.react-bootstrap-table-editing-cell .bounceOut {
    animation-name: bounceOut;
}

.react-bootstrap-table .reset-expansion-style {
    padding: 0;
}

.react-bootstrap-table .row-expansion-style {
    padding: 8px;
}

.react-bootstrap-table .row-expand-slide-appear {
    max-height: 0;
    overflow: hidden;
}

.react-bootstrap-table .row-expand-slide-appear-active {
    max-height: 1000px;
    transition: max-height 3s linear;
}

.react-bootstrap-table .row-expand-slide-exit {
    max-height: 1000px;
}

.react-bootstrap-table .row-expand-slide-exit-active {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0, 0.95, 0, 0.95);
}

svg {
    touch-action: none;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #cdcdcd;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat
        url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    filter: alpha(opacity=80);
}

.gu-hide {
    display: none !important;
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    filter: alpha(opacity=20);
}

.fc-theme-bootstrap a:not([href]) {
    color: inherit;
    /* natural color for navlinks */
}

/*!
 * jQuery SmartWizard v5
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipu.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
 */
/* SmartWizard Base Styles */
.sw {
    position: relative;
}

.sw *,
.sw *::before,
.sw *::after {
    box-sizing: border-box;
}

.sw > .tab-content {
    position: relative;
    overflow: hidden;
}

.sw .toolbar {
    padding: 0.8rem;
}

.sw .toolbar > .btn {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    cursor: pointer;
}

.sw .toolbar > .btn.disabled,
.sw .toolbar > .btn:disabled {
    opacity: 0.65;
}

.sw > .nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 640px) {
    .sw > .nav {
        flex-direction: column !important;
        flex: 1 auto;
    }
}

.sw > .nav .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.sw > .nav .nav-link:hover,
.sw > .nav .nav-link:active,
.sw > .nav .nav-link:focus {
    text-decoration: none;
}

.sw > .nav .nav-link::-moz-focus-inner {
    border: 0 !important;
}

.sw > .nav .nav-link.disabled {
    color: #ccc !important;
    pointer-events: none;
    cursor: default;
}

.sw > .nav .nav-link.hidden {
    display: none !important;
}

.sw.sw-justified > .nav > li,
.sw.sw-justified > .nav .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.sw.sw-dark {
    color: rgba(255, 255, 255, 0.95);
    background: #000;
}

.sw.sw-loading {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sw.sw-loading::after {
    content: '';
    display: block;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 2;
    transition: all 0.2s ease;
}

.sw.sw-loading::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 2rem;
    height: 2rem;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    z-index: 10;
    animation: spin 1s linear infinite;
}

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

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

/* SmartWizard Theme: Default */
.sw-theme-default {
    border: 1px solid #eeeeee;
}

.sw-theme-default > .tab-content > .tab-pane {
    padding: 10px;
}

.sw-theme-default .toolbar > .btn {
    color: #fff;
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
}

.sw-theme-default > .nav {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
}

.sw-theme-default > .nav .nav-link {
    position: relative;
    height: 100%;
    min-height: 100%;
}

.sw-theme-default > .nav .nav-link::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    left: 0px;
    bottom: -1px;
    background: #999999;
    transition: all 0.35s ease 0.15s;
}

.sw-theme-default > .nav .nav-link.inactive {
    color: #999999;
    cursor: not-allowed;
}

.sw-theme-default > .nav .nav-link.active {
    color: #17a2b8 !important;
    cursor: pointer;
}

.sw-theme-default > .nav .nav-link.active::after {
    background: #17a2b8 !important;
    width: 100%;
}

.sw-theme-default > .nav .nav-link.done {
    color: #5cb85c !important;
    cursor: pointer;
}

.sw-theme-default > .nav .nav-link.done::after {
    background: #5cb85c;
    width: 100%;
}

.sw-theme-default > .nav .nav-link.disabled {
    color: #dddddd !important;
    cursor: not-allowed;
}

.sw-theme-default > .nav .nav-link.disabled::after {
    background: #dddddd;
    width: 100%;
}

.sw-theme-default > .nav .nav-link.danger {
    color: #d9534f !important;
    cursor: pointer;
}

.sw-theme-default > .nav .nav-link.danger::after {
    background: #d9534f;
    width: 100%;
}

/* SmartWizard Theme: Arrows */
.sw-theme-arrows {
    border: 1px solid #eeeeee;
}

.sw-theme-arrows > .tab-content > .tab-pane {
    padding: 10px;
}

.sw-theme-arrows .toolbar > .btn {
    color: #ffffff;
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
}

.sw-theme-arrows > .nav {
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}

.sw-theme-arrows > .nav .nav-link {
    position: relative;
    height: 100%;
    min-height: 100%;
    margin-right: 30px;
    margin-left: -30px;
    padding-left: 40px;
}

@media screen and (max-width: 640px) {
    .sw-theme-arrows > .nav .nav-link {
        overflow: hidden;
        margin-bottom: 1px;
        margin-right: unset;
    }
}

.sw-theme-arrows > .nav .nav-link::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    margin-top: -50px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #f8f8f8;
    z-index: 2;
}

.sw-theme-arrows > .nav .nav-link::before {
    content: ' ';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    margin-top: -50px;
    margin-left: 1px;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #eeeeee;
    z-index: 1;
}

.sw-theme-arrows > .nav .nav-link.inactive {
    color: #999999;
    border-color: #f8f8f8;
    background: #f8f8f8;
    cursor: not-allowed;
}

.sw-theme-arrows > .nav .nav-link.active {
    color: #ffffff;
    border-color: #5bc0de;
    background: #5bc0de;
    cursor: pointer;
}

.sw-theme-arrows > .nav .nav-link.active::after {
    border-left-color: #5bc0de;
}

.sw-theme-arrows > .nav .nav-link.done {
    color: #ffffff;
    border-color: #5cb85c;
    background: #5cb85c;
    cursor: pointer;
}

.sw-theme-arrows > .nav .nav-link.done::after {
    border-left-color: #5cb85c;
}

.sw-theme-arrows > .nav .nav-link.disabled {
    color: #eeeeee;
    border-color: #f9f9f9;
    background: #f9f9f9;
    cursor: not-allowed;
}

.sw-theme-arrows > .nav .nav-link.disabled::after {
    border-left-color: #f9f9f9;
}

.sw-theme-arrows > .nav .nav-link.danger {
    color: #ffffff;
    border-color: #d9534f;
    background: #d9534f;
    cursor: pointer;
}

.sw-theme-arrows > .nav .nav-link.danger::after {
    border-left-color: #d9534f;
}

.sw-theme-arrows.sw-dark {
    color: rgba(255, 255, 255, 0.95);
    background: #000;
}

.sw-theme-arrows.sw-dark > .nav {
    border-bottom: 1px solid #555555;
}

.sw-theme-arrows.sw-dark > .nav .nav-link::after {
    border-left: 30px solid #5f5f5f;
}

.sw-theme-arrows.sw-dark > .nav .nav-link::before {
    border-left: 30px solid #555555;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.inactive {
    color: white;
    border-color: #5f5f5f;
    background: #5f5f5f;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.inactive::after {
    border-left-color: #5f5f5f;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.active {
    color: white;
    border-color: #010506;
    background: #0a2730;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.active::after {
    border-left-color: #0a2730;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.done {
    color: white;
    border-color: black;
    background: black;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.done::after {
    border-left-color: black;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.disabled {
    color: #555555 !important;
    border-color: #f9f9f9;
    background: #474747;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.disabled::after {
    border-left-color: #474747;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.danger {
    color: #ffffff;
    border-color: #d9534f;
    background: #d9534f;
}

.sw-theme-arrows.sw-dark > .nav .nav-link.danger::after {
    border-left-color: #d9534f;
}

/* SmartWizard Theme: Dots */
.sw-theme-dots > .tab-content > .tab-pane {
    padding: 10px;
}

.sw-theme-dots .toolbar > .btn {
    color: #ffffff;
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
}

.sw-theme-dots > .nav {
    position: relative;
    margin-bottom: 10px;
}

.sw-theme-dots > .nav::before {
    content: ' ';
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #eeeeee;
    border-radius: 3px;
    z-index: 1;
}

.sw-theme-dots > .nav .nav-link {
    position: relative;
    margin-top: 40px;
}

.sw-theme-dots > .nav .nav-link::before {
    content: ' ';
    position: absolute;
    display: block;
    top: -36px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #f5f5f5;
    color: #428bca;
    text-decoration: none;
    z-index: 98;
}

.sw-theme-dots > .nav .nav-link::after {
    content: ' ';
    position: absolute;
    display: block;
    top: -28px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    z-index: 99;
}

.sw-theme-dots > .nav .nav-link.inactive {
    color: #999999;
    cursor: not-allowed;
}

.sw-theme-dots > .nav .nav-link.inactive::after {
    background-color: #999999;
}

.sw-theme-dots > .nav .nav-link.active {
    color: #5bc0de !important;
    cursor: pointer;
}

.sw-theme-dots > .nav .nav-link.active::after {
    background-color: #5bc0de !important;
}

.sw-theme-dots > .nav .nav-link.done {
    color: #5cb85c;
    cursor: pointer;
}

.sw-theme-dots > .nav .nav-link.done::after {
    background-color: #5cb85c;
}

.sw-theme-dots > .nav .nav-link.disabled {
    color: #f9f9f9;
    cursor: not-allowed;
}

.sw-theme-dots > .nav .nav-link.disabled::after {
    background-color: #f9f9f9;
}

.sw-theme-dots > .nav .nav-link.danger {
    color: #d9534f;
    cursor: pointer;
}

.sw-theme-dots > .nav .nav-link.danger::after {
    background-color: #d9534f;
}

.sw-theme-dots.sw-dark {
    color: rgba(255, 255, 255, 0.95);
    background: #000;
}

.sw-theme-dots.sw-dark > .nav::before {
    background-color: #3c3c3c;
}

.sw-theme-dots.sw-dark > .nav .nav-link::before {
    background: #434343;
    color: black;
}

/* SmartWizard Theme: Progress */
.sw-theme-progress {
    border: 1px solid #eeeeee;
}

.sw-theme-progress > .tab-content > .tab-pane {
    padding: 10px;
}

.sw-theme-progress .toolbar > .btn {
    color: #ffffff;
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
}

.sw-theme-progress > .nav {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
}

.sw-theme-progress > .nav .nav-link {
    position: relative;
    height: 100%;
    min-height: 100%;
    background: transparent;
    overflow: hidden;
    z-index: 2;
}

.sw-theme-progress > .nav .nav-link::after {
    content: '';
    position: absolute;
    height: 150%;
    width: 0;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: -1;
    transition: all 0.35s ease 0.1s;
}

.sw-theme-progress > .nav .nav-link.inactive {
    color: #999999;
    cursor: not-allowed;
}

.sw-theme-progress > .nav .nav-link.active {
    color: #ffffff !important;
    cursor: pointer;
}

.sw-theme-progress > .nav .nav-link.active::after {
    background-color: #5cb85c;
    width: 100%;
}

.sw-theme-progress > .nav .nav-link.done {
    color: #ffffff !important;
    cursor: pointer;
}

.sw-theme-progress > .nav .nav-link.done::after {
    background: #5cb85c;
    width: 100%;
}

.sw-theme-progress > .nav .nav-link.disabled {
    color: #dddddd !important;
    cursor: not-allowed;
}

.sw-theme-progress > .nav .nav-link.disabled::after {
    background: #f9f9f9;
    width: 100%;
}

.sw-theme-progress > .nav .nav-link.danger {
    color: #ffffff !important;
    cursor: pointer;
}

.sw-theme-progress > .nav .nav-link.danger::after {
    background: #d9534f;
    width: 100%;
}

.sw-theme-progress.sw-dark {
    color: rgba(255, 255, 255, 0.95);
}

.sw-theme-progress.sw-dark > .nav .nav-link.active {
    color: white;
}

.sw-theme-progress.sw-dark > .nav .nav-link.active::after {
    background-color: #333;
}

.sw-theme-progress.sw-dark > .nav .nav-link.done {
    color: #ffffff !important;
}

.sw-theme-progress.sw-dark > .nav .nav-link.done::after {
    background: #333;
}

.sw-theme-progress.sw-dark > .nav .nav-link.disabled {
    color: #2b2b2b !important;
}

.sw-theme-progress.sw-dark > .nav .nav-link.disabled::after {
    background: #474747;
}

.sw-theme-progress.sw-dark > .nav .nav-link.danger {
    color: #ffffff !important;
}

.sw-theme-progress.sw-dark > .nav .nav-link.danger::after {
    background: #d9534f;
}

.fc-theme-bootstrap {
    margin-bottom: 2rem;
}

/* Scrollbar styles */
.scrollbar-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.ps {
    overflow: hidden;
    touch-action: auto;
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    height: 15px;
    bottom: 0px;
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition:
        background-color 0.2s linear,
        opacity 0.2s linear;
    width: 15px;
    right: 0;
    position: absolute;
    left: auto !important;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.5;
}

.ps__thumb-x {
    background-color: #fff;
    border-radius: 7px;
    transition:
        background-color 0.2s linear,
        height 0.2s ease-in-out;
    height: 7px;
    bottom: 2px;
    position: absolute;
}

.ps__thumb-y {
    background-color: #fff;
    border-radius: 7px;
    transition:
        background-color 0.2s linear,
        width 0.2s ease-in-out;
    width: 7px;
    right: 2px;
    position: absolute;
}

.ql-snow .ql-editor {
    min-height: 15rem;
    background: #fff;
}

.ql-toolbar.ql-snow {
    font-family:
        'Nunito',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        'Helvetica Neue',
        Arial,
        sans-serif;
}

.ql-container {
    font-family:
        'Nunito',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        'Helvetica Neue',
        Arial,
        sans-serif;
    font-size: 0.875rem;
}

.ql-bubble .ql-editor {
    padding: 0;
}

.ql-bubble .ql-editor.ql-blank::before {
    left: 0;
    right: 0;
}

.ql-bubble .ql-tooltip {
    border-radius: 0.45rem;
    font-size: 13px;
}

.card > .react-bootstrap-table .table {
    margin-bottom: 0;
}

.react-bootstrap-table-pagination-list .pagination {
    justify-content: flex-end;
}

/*!
 * https://github.com/YouCanBookMe/react-datetime
 */
.rdt {
    position: relative;
}

.rdtPicker {
    display: none;
    position: absolute;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99;
    background: #fff;
    width: 100%;
}

.rdtOpen .rdtPicker {
    display: block;
}

.rdtStatic .rdtPicker {
    box-shadow: none;
    position: static;
}

.rdtPicker .rdtTimeToggle {
    text-align: center;
}

.rdtPicker table {
    width: 100%;
    margin: 0;
}

.rdtPicker td,
.rdtPicker th {
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 36px;
    padding: 0.3rem;
    border-radius: 0.3rem;
}

.rdtPicker td {
    cursor: pointer;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
    background: #eeeeee;
    cursor: pointer;
}

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
    color: #999999;
}

.rdtPicker td.rdtToday {
    position: relative;
}

.rdtPicker td.rdtToday:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #2c7be5;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
    background-color: #2c7be5;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.rdtPicker td.rdtActive.rdtToday:before {
    border-bottom-color: #fff;
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
    background: none;
    color: #999999;
    cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
    color: #999999;
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
    background: none;
    color: #999999;
    cursor: not-allowed;
}

.rdtPicker .dow {
    width: 14.2857%;
    border-bottom: none;
    cursor: default;
}

.rdtPicker th.rdtSwitch {
    width: 100px;
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
    font-size: 21px;
    vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
    display: block;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
    background: none;
    color: #999999;
    cursor: not-allowed;
}

.rdtPicker thead tr:first-child th {
    cursor: pointer;
}

.rdtPicker thead tr:first-child th:hover {
    background: #eeeeee;
}

.rdtPicker button {
    border: none;
    background: none;
    cursor: pointer;
}

.rdtPicker button:hover {
    background-color: #eee;
}

.rdtPicker thead button {
    width: 100%;
    height: 100%;
}

td.rdtMonth,
td.rdtYear {
    height: 50px;
    width: 25%;
    cursor: pointer;
}

td.rdtMonth:hover,
td.rdtYear:hover {
    background: #eee;
}

.rdtCounters {
    display: inline-block;
}

.rdtCounters > div {
    float: left;
}

.rdtCounter {
    height: 100px;
}

.rdtCounter {
    width: 40px;
}

.rdtCounterSeparator {
    line-height: 100px;
}

.rdtCounter .rdtBtn {
    height: 40%;
    line-height: 40px;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rdtCounter .rdtBtn:hover {
    background: #eee;
}

.rdtCounter .rdtCount {
    height: 20%;
    font-size: 1.2em;
}

.rdtMilli {
    vertical-align: middle;
    padding-left: 8px;
    width: 48px;
}

.rdtMilli input {
    width: 100%;
    font-size: 1.2em;
    margin-top: 37px;
}

.rdtTime td {
    cursor: default;
}

.react-select-container .react-select__control {
    min-height: auto;
}

.react-select-container .react-select__control--is-focused,
.react-select-container .react-select__control--is-menu-open {
    color: #3f4b57;
    background-color: #fff;
    border-color: #9ec2f3 !important;
    box-shadow:
        inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 0 0.2rem rgba(44, 123, 229, 0.25);
}

.react-select-container .react-select__indicator {
    padding: 0.25rem;
}

.react-select-container .react-select__option {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    cursor: pointer;
}

.react-select-container .react-select__multi-value__remove:hover {
    background: transparent;
    color: #000;
    cursor: pointer;
}

.input-group > .react-select-container {
    flex: 1 1 auto;
}

#toast-container > div {
    opacity: 0.9;
}

.wizard {
    background: #fff;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid transparent;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    border-radius: 0.25rem !important;
    margin-bottom: 2rem;
}

.wizard.sw-theme-default > .nav .nav-link.active {
    color: #2c7be5 !important;
}

.wizard.sw-theme-default > .nav .nav-link.active:after {
    background: #2c7be5 !important;
}

.wizard.sw-theme-default > .nav .nav-link.done {
    color: #70a6ed !important;
}

.wizard.sw-theme-default > .nav .nav-link.done:after {
    background: #70a6ed !important;
}

.wizard.sw-theme-arrows > .nav .nav-link.active {
    border-color: #2c7be5 !important;
    background: #2c7be5 !important;
}

.wizard.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #2c7be5 !important;
}

.wizard.sw-theme-arrows > .nav .nav-link.done {
    border-color: #70a6ed !important;
    background: #70a6ed !important;
}

.wizard.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #70a6ed !important;
}

.wizard.sw-theme-default .sw-toolbar-bottom,
.wizard.sw-theme-arrows .sw-toolbar-bottom {
    background: #fff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dae0e6;
}

.wizard.sw-theme-default .step-content,
.wizard.sw-theme-arrows .step-content {
    padding: 10px;
}

.wizard-primary.sw-theme-default > .nav .nav-link.active {
    color: #2c7be5 !important;
}

.wizard-primary.sw-theme-default > .nav .nav-link.active:after {
    background: #2c7be5 !important;
}

.wizard-primary.sw-theme-default > .nav .nav-link.done {
    color: #70a6ed !important;
}

.wizard-primary.sw-theme-default > .nav .nav-link.done:after {
    background: #70a6ed !important;
}

.wizard-primary.sw-theme-arrows > .nav .nav-link.active {
    border-color: #2c7be5 !important;
    background: #2c7be5 !important;
}

.wizard-primary.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #2c7be5 !important;
}

.wizard-primary.sw-theme-arrows > .nav .nav-link.done {
    border-color: #70a6ed !important;
    background: #70a6ed !important;
}

.wizard-primary.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #70a6ed !important;
}

.wizard-secondary.sw-theme-default > .nav .nav-link.active {
    color: #9d7bd8 !important;
}

.wizard-secondary.sw-theme-default > .nav .nav-link.active:after {
    background: #9d7bd8 !important;
}

.wizard-secondary.sw-theme-default > .nav .nav-link.done {
    color: #c9b6e9 !important;
}

.wizard-secondary.sw-theme-default > .nav .nav-link.done:after {
    background: #c9b6e9 !important;
}

.wizard-secondary.sw-theme-arrows > .nav .nav-link.active {
    border-color: #9d7bd8 !important;
    background: #9d7bd8 !important;
}

.wizard-secondary.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #9d7bd8 !important;
}

.wizard-secondary.sw-theme-arrows > .nav .nav-link.done {
    border-color: #c9b6e9 !important;
    background: #c9b6e9 !important;
}

.wizard-secondary.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #c9b6e9 !important;
}

.wizard-success.sw-theme-default > .nav .nav-link.active {
    color: #4caf50 !important;
}

.wizard-success.sw-theme-default > .nav .nav-link.active:after {
    background: #4caf50 !important;
}

.wizard-success.sw-theme-default > .nav .nav-link.done {
    color: #80c883 !important;
}

.wizard-success.sw-theme-default > .nav .nav-link.done:after {
    background: #80c883 !important;
}

.wizard-success.sw-theme-arrows > .nav .nav-link.active {
    border-color: #4caf50 !important;
    background: #4caf50 !important;
}

.wizard-success.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #4caf50 !important;
}

.wizard-success.sw-theme-arrows > .nav .nav-link.done {
    border-color: #80c883 !important;
    background: #80c883 !important;
}

.wizard-success.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #80c883 !important;
}

.wizard-info.sw-theme-default > .nav .nav-link.active {
    color: #47bac1 !important;
}

.wizard-info.sw-theme-default > .nav .nav-link.active:after {
    background: #47bac1 !important;
}

.wizard-info.sw-theme-default > .nav .nav-link.done {
    color: #80cfd4 !important;
}

.wizard-info.sw-theme-default > .nav .nav-link.done:after {
    background: #80cfd4 !important;
}

.wizard-info.sw-theme-arrows > .nav .nav-link.active {
    border-color: #47bac1 !important;
    background: #47bac1 !important;
}

.wizard-info.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #47bac1 !important;
}

.wizard-info.sw-theme-arrows > .nav .nav-link.done {
    border-color: #80cfd4 !important;
    background: #80cfd4 !important;
}

.wizard-info.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #80cfd4 !important;
}

.wizard-warning.sw-theme-default > .nav .nav-link.active {
    color: #ff9800 !important;
}

.wizard-warning.sw-theme-default > .nav .nav-link.active:after {
    background: #ff9800 !important;
}

.wizard-warning.sw-theme-default > .nav .nav-link.done {
    color: #ffb74d !important;
}

.wizard-warning.sw-theme-default > .nav .nav-link.done:after {
    background: #ffb74d !important;
}

.wizard-warning.sw-theme-arrows > .nav .nav-link.active {
    border-color: #ff9800 !important;
    background: #ff9800 !important;
}

.wizard-warning.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #ff9800 !important;
}

.wizard-warning.sw-theme-arrows > .nav .nav-link.done {
    border-color: #ffb74d !important;
    background: #ffb74d !important;
}

.wizard-warning.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #ffb74d !important;
}

.wizard-danger.sw-theme-default > .nav .nav-link.active {
    color: #e51c23 !important;
}

.wizard-danger.sw-theme-default > .nav .nav-link.active:after {
    background: #e51c23 !important;
}

.wizard-danger.sw-theme-default > .nav .nav-link.done {
    color: #ed6166 !important;
}

.wizard-danger.sw-theme-default > .nav .nav-link.done:after {
    background: #ed6166 !important;
}

.wizard-danger.sw-theme-arrows > .nav .nav-link.active {
    border-color: #e51c23 !important;
    background: #e51c23 !important;
}

.wizard-danger.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #e51c23 !important;
}

.wizard-danger.sw-theme-arrows > .nav .nav-link.done {
    border-color: #ed6166 !important;
    background: #ed6166 !important;
}

.wizard-danger.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #ed6166 !important;
}

.wizard-light.sw-theme-default > .nav .nav-link.active {
    color: #f4f7fa !important;
}

.wizard-light.sw-theme-default > .nav .nav-link.active:after {
    background: #f4f7fa !important;
}

.wizard-light.sw-theme-default > .nav .nav-link.done {
    color: white !important;
}

.wizard-light.sw-theme-default > .nav .nav-link.done:after {
    background: white !important;
}

.wizard-light.sw-theme-arrows > .nav .nav-link.active {
    border-color: #f4f7fa !important;
    background: #f4f7fa !important;
}

.wizard-light.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #f4f7fa !important;
}

.wizard-light.sw-theme-arrows > .nav .nav-link.done {
    border-color: white !important;
    background: white !important;
}

.wizard-light.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: white !important;
}

.wizard-dark.sw-theme-default > .nav .nav-link.active {
    color: #354052 !important;
}

.wizard-dark.sw-theme-default > .nav .nav-link.active:after {
    background: #354052 !important;
}

.wizard-dark.sw-theme-default > .nav .nav-link.done {
    color: #536480 !important;
}

.wizard-dark.sw-theme-default > .nav .nav-link.done:after {
    background: #536480 !important;
}

.wizard-dark.sw-theme-arrows > .nav .nav-link.active {
    border-color: #354052 !important;
    background: #354052 !important;
}

.wizard-dark.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #354052 !important;
}

.wizard-dark.sw-theme-arrows > .nav .nav-link.done {
    border-color: #536480 !important;
    background: #536480 !important;
}

.wizard-dark.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #536480 !important;
}

.wizard-tertiary.sw-theme-default > .nav .nav-link.active {
    color: #5997eb !important;
}

.wizard-tertiary.sw-theme-default > .nav .nav-link.active:after {
    background: #5997eb !important;
}

.wizard-tertiary.sw-theme-default > .nav .nav-link.done {
    color: #9ec2f3 !important;
}

.wizard-tertiary.sw-theme-default > .nav .nav-link.done:after {
    background: #9ec2f3 !important;
}

.wizard-tertiary.sw-theme-arrows > .nav .nav-link.active {
    border-color: #5997eb !important;
    background: #5997eb !important;
}

.wizard-tertiary.sw-theme-arrows > .nav .nav-link.active:after {
    border-left-color: #5997eb !important;
}

.wizard-tertiary.sw-theme-arrows > .nav .nav-link.done {
    border-color: #9ec2f3 !important;
    background: #9ec2f3 !important;
}

.wizard-tertiary.sw-theme-arrows > .nav .nav-link.done:after {
    border-left-color: #9ec2f3 !important;
}

.wizard .tab-pane {
    padding: 1.25rem !important;
}