/*
Template Name: Syndash Admin
Author: codervent
Email: codervent@gmail.com
File: app.css
*/

/*  
  - Google Font
  - General
  - Header
  - Page Wrapper
  - Pricing Table
  - Metismenu
  - Forms
  - Components
  - Buttons
  - Background Colors
  - Text Colors
  - Authentication
  - File Manager
  - Tables
  - Invoice Page
  - Chat box
  - Email box
  - Compose Mail
  - Extra Css
  - Responsive
*/


/* General */

html {
    width: 100%;
    height: 100%;
}

body {
    font-family: Roboto,'Open Sans';
    font-family: Roboto,'Open Sans';
    background-color: #f6f6f6;
    letter-spacing: .1px;
    font-size: 14px;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #673ab7;
}

    a:hover {
        text-decoration: none;
    }

/*Header*/

.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.top-header {
    width: auto;
    height: 70px;
    line-height: 70px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    border-bottom: 1px solid #e4e4e4;
    box-shadow: none;
    overflow: inherit;
}

.sticky-top-header {
    background: #fff;
    border-bottom: 0px solid #e4e4e4;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.toggle-btn {
    margin-right: 10px;
    font-size: 28px;
    color: #404142;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: transparent;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
}

    .toggle-btn:hover {
        color: #404142;
    }

    .toggle-btn:active {
        color: #404142;
        background: #f1f1f1;
    }

.logo-icon {
    width: 145px;
}

.logo-icon-2 {
    width: 35px;
    margin-left: 10px;
}

.logo-text {
    color: #404142;
    font-size: 25px;
    margin-bottom: 0;
    margin-left: 10px;
}

.top-header .navbar {
    padding: 0 1.5rem;
    background: transparent;
}

.left-topbar {
    width: auto;
    height: 70px;
    float: left;
    background: transparent;
}

.right-topbar {
    width: auto;
    height: 70px;
}




.sidebar-header {
    width: auto;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 0px;
    height: 70px;
    background: rgb(26 30 33 / 0%);
    border-right: 0px solid #e4e4e4;
    border-bottom: 01px solid #e4e4e4;
    z-index: 1;
    transition: all .2s ease-out;
}


@media screen and (min-width: 1024px) {
    .sidebar-header {
        width: 260px;
        border-right: 1px solid #e4e4e4;
    }
}



.right-topbar .navbar-nav .nav-link {
    padding: 0rem 1.4rem;
    border-left: 1px solid #e4e4e4;
    color: #404142;
    height: 70px;
    font-size: 25px;
}

.search-bar {
    padding: 0 1.5rem
}

.search-arrow-back {
    display: none;
}

.search-btn-mobile {
    display: none;
}

.search-bar .btn-search-back {
    background: #ffffff;
    border: 1px solid #eaeaea;
    padding: 0 14px;
    border-radius: 0px;
    height: calc(1.6em + 0.75rem + 2px);
}

    .search-bar .btn-search-back i {
        font-size: 20px;
        color: #727171;
    }

.search-bar .btn-search {
    background: #ffffff;
    border: 1px solid #eaeaea;
    padding: 0 25px;
    border-radius: 0px;
    height: calc(1.6em + .75rem + 2px);
}

    .search-bar .btn-search i {
        font-size: 16px;
        color: #727171;
    }

.search-bar input {
    height: calc(1.6em + .75rem + 2px);
    border: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 2px;
}

.dropdown-toggle-nocaret:after {
    display: none
}

.user-box {
    line-height: 1.3;
    height: 70px;
}

.user-info {
    text-align: right;
    margin-right: 15px;
}

    .user-info .user-name {
        font-size: 16px;
        font-weight: 500;
    }

    .user-info .designattion {
        font-size: 14px;
        color: #a9a8a8;
    }

.user-img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    padding: 3px;
}

    .user-img img {
        border-radius: 10%;
    }

.msg-count {
    position: absolute;
    left: 36px;
    top: 19px;
    font-size: 11px;
    font-weight: 500;
    width: 17px;
    height: 17px;
    text-align: center;
    border-radius: 50%;
    z-index: 5;
    padding: 0;
    color: #fff;
    background-color: #673ab7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lang i {
    font-size: 18px !important;
}

.lang span {
    font-size: 18px !important;
    padding-left: 6px;
}

.dropdown-menu {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    line-height: initial;
    border: 0px solid #e9ecef;
    margin: 0;
    font-size: 14px;
    border-radius: 15px;
}

.top-header .navbar .dropdown-menu {
    -webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
    animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
}

.top-header .navbar .dropdown-lg .dropdown-menu::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #673ab7;
    position: absolute;
    top: -6px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #673ab7;
    border-left: 1px solid #673ab7;
}

.top-header .navbar .dropdown-menu::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #ffff;
    position: absolute;
    top: -6px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

@-webkit-keyframes animdropdown {

    from {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes animdropdown {

    from {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.dropdown-lg {
    position: relative;
}

    .dropdown-lg .dropdown-menu {
        width: 355px;
        padding: 0px;
        margin: 0;
        border: 0;
    }

        .dropdown-lg .dropdown-menu .dropdown-item {
            padding: .5rem 1rem;
            border-bottom: 1px solid #ededed;
        }

    .dropdown-lg .user-online {
        position: relative;
    }

        .dropdown-lg .user-online:after {
            content: '';
            position: absolute;
            bottom: 1px;
            right: 17px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            box-shadow: 0 0 0 2px #fff;
            background: #16e15e;
        }

    .dropdown-lg .msg-avatar {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin-right: 15px;
    }

    .dropdown-lg .msg-name {
        font-size: 14px;
        margin-bottom: 0;
    }

    .dropdown-lg .msg-info {
        font-size: 13px;
        margin-bottom: 0;
    }

    .dropdown-lg .msg-time {
        font-size: 12px;
        margin-bottom: 0;
        color: #919191;
    }

    .dropdown-lg .msg-header {
        padding: .5rem 1rem;
        color: #fff;
        border-bottom: 0px solid #ededed;
        background: #673ab7;
        text-align: center;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

        .dropdown-lg .msg-header .msg-header-title {
            font-size: 20px;
            margin-bottom: 0;
        }

        .dropdown-lg .msg-header .msg-header-subtitle {
            font-size: 14px;
            margin-bottom: 0;
        }

    .dropdown-lg .msg-footer {
        padding: .72rem 1.2rem;
        color: #673ab7;
        border-top: 1px solid #ededed;
        background: transparent;
        font-size: 14px;
        font-weight: 500;
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

    .dropdown-lg .notify {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 22px;
        text-align: center;
        border-radius: 50%;
        background-color: #f1f1f1;
        margin-right: 15px;
    }

.dropdown-user-profile .dropdown-menu i {
    vertical-align: middle;
    margin-right: 10px;
}

.dropdown-user-profile .dropdown-menu span {
    vertical-align: middle;
}

.dropdown-language .dropdown-menu i {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 14px;
}

.dropdown-language .dropdown-menu span {
    vertical-align: middle;
    font-size: 14px;
}

.header-notifications-list {
    position: relative;
    height: 370px;
}

.header-message-list {
    position: relative;
    height: 370px;
}

.dashboard-social-list {
    position: relative;
    height: 240px;
}

.dashboard-top-countries {
    position: relative;
    height: 322px;
}

/*Page Wrapper*/


.page-wrapper {
    position: relative;
    /*  margin-top: 130px;*/
    padding-bottom: 20px;
}


.wrapper.toggled .nav-container {
    display: none;
}

.wrapper.toggled .page-wrapper {
    margin-top: 70px;
}


@media screen and (min-width: 1400px) {

    .page-wrapper {
        padding-left: 80px;
        padding-right: 80px;
    }
}


.wrapper.toggled .top-header {
    left: 0px;
}


@media screen and (max-width: 1280px) {

    .page-wrapper {
        /*margin-top: 70px;*/
    }
}

.mobile-topbar-header {
    display: none;
}

.wrapper.toggled .footer {
    margin-left: 0px;
}

.page-content {
    padding: 1.5rem;
}

/*Pricing Table */

.lis-bg-light {
    background-color: #00000005
}

.lis-light {
    color: #707070
}

.price-table {
    -webkit-transition: 0.3s ease
}

.lis-brd-light {
    border-color: #dadada !important
}

.lis-rounded-top {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

.lis-bg-light {
    background-color: #f7f7f7
}

.lis-latter-spacing-2 {
    letter-spacing: 2px
}

.lis-font-weight-500 {
    font-weight: 500
}

.price-table sup {
    top: -1.5em
}

.price-table sup,
.price-table small {
    font-size: 1.25rem
}

.price-table small {
    font-size: 1.25rem
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

.lis-brd-light {
    border-color: #dadada !important
}

.lis-line-height-3 {
    line-height: 3 !important
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.lis-line-height-3 {
    line-height: 3 !important
}

.lis-rounded-circle-50 {
    border-radius: 50px
}

.lis-bg-primary {
    background-color: #673ab7
}

.price-table.active {
    transform: scale(1.045);
    -webkit-transform: scale(1.045)
}

.price-table {
    -webkit-transition: 0.3s ease
}

.lis-rounded-bottom {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px
}

/*Metismenu*/

/*Metismenu*/

.nav-container {
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #e4e4e4;
    background-clip: border-box;
    background: #ffffff;
    width: 100%;
    height: 60px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar-nav {
    background: transparent;
    width: 100%;
}

    .topbar-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        background: transparent;
    }

    .topbar-nav .metismenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .topbar-nav .metismenu > li {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
        }

        .topbar-nav .metismenu a {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: left;
            padding: 10px 15px;
            color: #5f5f5f;
            outline-width: 0;
            transition: all .3s ease-out;
        }

        .topbar-nav .metismenu ul a {
            padding: 8px 15px 8px 15px;
            font-size: 15px;
            border: 0;
        }

            .topbar-nav .metismenu ul a i {
                margin-right: 10px;
            }

        .topbar-nav .metismenu a .parent-icon {
            font-size: 24px;
            line-height: 1;
        }

        .topbar-nav .metismenu a .menu-title {
            margin-left: 10px;
        }

        .topbar-nav .metismenu a:hover,
        .topbar-nav .metismenu a:focus,
        .topbar-nav .metismenu a:active {
            color: #ffffff;
            text-decoration: none;
            background: #673ab7;
        }

@media (min-width: 1281px) {

    .topbar-nav .metismenu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .topbar-nav .metismenu > li {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .topbar-nav .metismenu > li > ul {
                position: absolute;
                top: 100%;
                min-width: 100%;
                z-index: 1001;
                background: white;
                box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
            }

    .topbar-nav.is-hoverable .metismenu > li > ul {
        height: auto !important;
    }

    .topbar-nav.is-hoverable .metismenu > li:hover > ul {
        display: block;
    }

    .topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 1px solid #cccbcb;
    padding: 8px 15px;
    font-size: 13px;
    text-align: center;
    margin-left: 0px;
    transition: all .3s ease-out;
    z-index: 10;
}

.p-tab-name {
    display: none !important;
}

@media screen and (min-width: 576px) {

    .p-tab-name {
        display: block !important;
    }
}

@media screen and (min-width: 1025px) {

    /* .sidebar-header {
        display: none !important;
    } */

    .chat-toggle-btn {
        display: none !important;
    }

    .email-toggle-btn {
        display: none !important;
    }

    .left-topbar {
        display: none !important;
    }
}

/*Forms */

input::placeholder {
    color: #000 !important;
    opacity: .3 !important
}

.custom-file-label {
    font-size: 1rem;
}

.form-check-label {
    font-size: 1rem;
}

.form-text {
    font-size: 13px;
}


.form-check-input:checked {
    background-color: #673ab7;
    border-color: #673ab7;
}


.form-check-input[type=checkbox]:indeterminate {
    background-color: rgba(104, 58, 183, 0.5);
    border-color: rgba(104, 58, 183, 0.5);
}


.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(104, 58, 183, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(104, 58, 183, 0.25);
}

.form-range::-moz-range-thumb {
    background-color: #673ab7;
}

.invalid-feedback {
    font-size: 100%;
    margin-top: 0.55rem;
}

.custom-control-label {
    font-size: 1rem;
}

.select2-container--bootstrap4 .select2-selection--single {
    font-size: 1rem;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    font-size: 1rem;
}

.select2-sm .select2-container--bootstrap4 .select2-selection {
    height: calc(1.5em + .5rem + 2px);
    font-size: .875rem;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: rgba(206, 212, 218, 0.55);
    border-radius: 0;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}

.g-r-left .select2-container--bootstrap4 .select2-selection {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.g-r-right .select2-container--bootstrap4 .select2-selection {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.scrollspy-1 {
    height: 200px;
    position: relative;
    overflow-y: scroll;
}

.scrollspy-2 {
    height: 200px;
    position: relative;
    overflow-y: scroll;
}

.chip {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.70);
    cursor: pointer;
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    box-shadow: none;
}

    .chip img {
        float: left;
        width: 32px;
        height: 32px;
        margin: 0 8px 0 -12px;
        border-radius: 50%;
    }

    .chip .closebtn {
        padding-left: 10px;
        font-weight: bold;
        float: right;
        font-size: 16px;
        cursor: pointer;
    }

    .chip.chip-md {
        height: 42px;
        line-height: 42px;
        border-radius: 21px;
    }

        .chip.chip-md img {
            height: 42px;
            width: 42px;
        }

    .chip.chip-lg {
        height: 52px;
        line-height: 52px;
        border-radius: 26px;
    }

        .chip.chip-lg img {
            height: 52px;
            width: 52px;
        }

/*Components */

.card {
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 1.5rem;
}

.card-header {
    background-color: transparent;
    font-size: 16px;
    text-transform: capitalize;
}

.card-group {
    margin-bottom: 30px;
}

.card-group {
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}

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

.metismenu-card .card-header {
    cursor: pointer;
}

.card-deck .card {
    margin-bottom: 30px;
}

/*Buttons*/

.btn {
    text-transform: capitalize;
}



.btn-primary {
    color: #fff;
    background-color: #673ab7;
    border-color: #673ab7;
}


.btn-primaryblk {
    /*color: #fff;  // purple color
	background-color: #5b325f;
	border-color: #5b325f;*/
    color: black; /* orange  */
    background-color: white;
    border-color: black;
}

    .btn-primaryblk:hover {
        color: orange;
        background-color: #e5a54b;
        border-color: black;
    }

.btn-primary:hover {
    color: white;
    background-color: #e5a54b;
    border-color: black;
}

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

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #5930a1;
    border-color: #5930a1;
    box-shadow: 0 0 0 .25rem rgba(89, 48, 161, 0.5)
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #5930a1;
    border-color: #5930a1
}

    .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 .25rem rgba(89, 48, 161, 0.5)
    }

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #673ab7;
    border-color: #673ab7
}



.btn-success {
    color: #fff;
    background-color: #32ab13;
    border-color: #32ab13
}

    .btn-success:hover {
        color: #fff;
        background-color: #2c9b10;
        border-color: #2c9b10
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #fff;
        background-color: #2c9b10;
        border-color: #2c9b10;
        box-shadow: 0 0 0 .25rem rgba(44, 155, 16, 0.5)
    }

    .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #2c9b10;
        border-color: #2c9b10
    }

        .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(44, 155, 16, 0.5)
        }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #32ab13;
        border-color: #32ab13
    }


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

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

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #e42061;
        border-color: #e42061;
        box-shadow: 0 0 0 .25rem rgba(228, 32, 97, 0.5)
    }

    .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #e42061;
        border-color: #e42061
    }

        .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(228, 32, 97, 0.5)
        }

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

.btn-warning1 {
    color: #000;
    background-color: #673ab7;
    /*border-color: #e5a54b*/
    border-color: transparent;
}

.btn-secondary {
    border-color: transparent;
}

*/.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .0416666682em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em)
}

.fa-border {
    border-color: var(--fa-border-color,#eee);
    border-radius: var(--fa-border-radius,.1em);
    border-style: var(--fa-border-style,solid);
    border-width: var(--fa-border-width,.08em);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade, .fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake, .fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay,0);
    animation-delay: var(--fa-animation-delay,0);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    -webkit-animation-duration: var(--fa-animation-duration,2s);
    animation-duration: var(--fa-animation-duration,2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-timing-function: var(--fa-animation-timing,linear);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse, .fa-spin-pulse {
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-timing-function: var(--fa-animation-timing,steps(8));
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media(prefers-reduced-motion:reduce) {
    .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle,none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index,auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-0:before {
    content: "\30 "
}

.fa-1:before {
    content: "\31 "
}

.fa-2:before {
    content: "\32 "
}

.fa-3:before {
    content: "\33 "
}

.fa-4:before {
    content: "\34 "
}

.fa-5:before {
    content: "\35 "
}

.fa-6:before {
    content: "\36 "
}

.fa-7:before {
    content: "\37 "
}

.fa-8:before {
    content: "\38 "
}

.fa-9:before {
    content: "\39 "
}

.fa-a:before {
    content: "A"
}

.fa-address-book:before, .fa-contact-book:before {
    content: ""
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-anchor-circle-check:before {
    content: ""
}

.fa-anchor-circle-exclamation:before {
    content: ""
}

.fa-anchor-circle-xmark:before {
    content: ""
}

.fa-anchor-lock:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-double-down:before, .fa-angles-down:before {
    content: ""
}

.fa-angle-double-left:before, .fa-angles-left:before {
    content: ""
}

.fa-angle-double-right:before, .fa-angles-right:before {
    content: ""
}

.fa-angle-double-up:before, .fa-angles-up:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-apple-alt:before, .fa-apple-whole:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
    content: ""
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
    content: ""
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
    content: ""
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
    content: ""
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
    content: ""
}

.fa-arrow-down-up-across-line:before {
    content: ""
}

.fa-arrow-down-up-lock:before {
    content: ""
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
    content: ""
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
    content: ""
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
    content: ""
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
    content: ""
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
    content: ""
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
    content: ""
}

.fa-arrow-right-to-city:before {
    content: ""
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
    content: ""
}

.fa-arrow-trend-down:before {
    content: ""
}

.fa-arrow-trend-up:before {
    content: ""
}

.fa-arrow-turn-down:before, .fa-level-down:before {
    content: ""
}

.fa-arrow-turn-up:before, .fa-level-up:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
    content: ""
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
    content: ""
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
    content: ""
}

.fa-arrow-up-from-bracket:before {
    content: ""
}

.fa-arrow-up-from-ground-water:before {
    content: ""
}

.fa-arrow-up-from-water-pump:before {
    content: ""
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
    content: ""
}

.fa-arrow-up-right-dots:before {
    content: ""
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
    content: ""
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
    content: ""
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
    content: ""
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
    content: ""
}

.fa-arrows-down-to-line:before {
    content: ""
}

.fa-arrows-down-to-people:before {
    content: ""
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
    content: ""
}

.fa-arrows-left-right-to-line:before {
    content: ""
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
    content: ""
}

.fa-arrows-spin:before {
    content: ""
}

.fa-arrows-split-up-and-left:before {
    content: ""
}

.fa-arrows-to-circle:before {
    content: ""
}

.fa-arrows-to-dot:before {
    content: ""
}

.fa-arrows-to-eye:before {
    content: ""
}

.fa-arrows-turn-right:before {
    content: ""
}

.fa-arrows-turn-to-dots:before {
    content: ""
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
    content: ""
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
    content: ""
}

.fa-arrows-up-to-line:before {
    content: ""
}

.fa-asterisk:before {
    content: "\*"
}

.fa-at:before {
    content: "\@"
}

.fa-atom:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-austral-sign:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-b:before {
    content: "B"
}

.fa-baby:before {
    content: ""
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-backward-fast:before, .fa-fast-backward:before {
    content: ""
}

.fa-backward-step:before, .fa-step-backward:before {
    content: ""
}

.fa-bacon:before {
    content: ""
}

.fa-bacteria:before {
    content: ""
}

.fa-bacterium:before {
    content: ""
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
    content: ""
}

.fa-bahai:before {
    content: ""
}

.fa-baht-sign:before {
    content: ""
}

.fa-ban:before, .fa-cancel:before {
    content: ""
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
    content: ""
}

.fa-band-aid:before, .fa-bandage:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before {
    content: ""
}

.fa-bars-progress:before, .fa-tasks-alt:before {
    content: ""
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
    content: ""
}

.fa-baseball-ball:before, .fa-baseball:before {
    content: ""
}

.fa-baseball-bat-ball:before {
    content: ""
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
    content: ""
}

.fa-basketball-ball:before, .fa-basketball:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-bed-pulse:before, .fa-procedures:before {
    content: ""
}

.fa-beer-mug-empty:before, .fa-beer:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-bitcoin-sign:before {
    content: ""
}

.fa-blender:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-bolt:before, .fa-zap:before {
    content: ""
}

.fa-bolt-lightning:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-atlas:before, .fa-book-atlas:before {
    content: ""
}

.fa-bible:before, .fa-book-bible:before {
    content: ""
}

.fa-book-bookmark:before {
    content: ""
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
    content: ""
}

.fa-book-medical:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-open-reader:before, .fa-book-reader:before {
    content: ""
}

.fa-book-quran:before, .fa-quran:before {
    content: ""
}

.fa-book-dead:before, .fa-book-skull:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-border-all:before {
    content: ""
}

.fa-border-none:before {
    content: ""
}

.fa-border-style:before, .fa-border-top-left:before {
    content: ""
}

.fa-bore-hole:before {
    content: ""
}

.fa-bottle-droplet:before {
    content: ""
}

.fa-bottle-water:before {
    content: ""
}

.fa-bowl-food:before {
    content: ""
}

.fa-bowl-rice:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-archive:before, .fa-box-archive:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-box-tissue:before {
    content: ""
}

.fa-boxes-packing:before {
    content: ""
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-brazilian-real-sign:before {
    content: ""
}

.fa-bread-slice:before {
    content: ""
}

.fa-bridge:before {
    content: ""
}

.fa-bridge-circle-check:before {
    content: ""
}

.fa-bridge-circle-exclamation:before {
    content: ""
}

.fa-bridge-circle-xmark:before {
    content: ""
}

.fa-bridge-lock:before {
    content: ""
}

.fa-bridge-water:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-bucket:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-bug-slash:before {
    content: ""
}

.fa-bugs:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-building-circle-arrow-right:before {
    content: ""
}

.fa-building-circle-check:before {
    content: ""
}

.fa-building-circle-exclamation:before {
    content: ""
}

.fa-building-circle-xmark:before {
    content: ""
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
    content: ""
}

.fa-building-flag:before {
    content: ""
}

.fa-building-lock:before {
    content: ""
}

.fa-building-ngo:before {
    content: ""
}

.fa-building-shield:before {
    content: ""
}

.fa-building-un:before {
    content: ""
}

.fa-building-user:before {
    content: ""
}

.fa-building-wheat:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-burger:before, .fa-hamburger:before {
    content: ""
}

.fa-burst:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-bus-alt:before, .fa-bus-simple:before {
    content: ""
}

.fa-briefcase-clock:before, .fa-business-time:before {
    content: ""
}

.fa-c:before {
    content: "C"
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-calendar-alt:before, .fa-calendar-days:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
    content: ""
}

.fa-camera-alt:before, .fa-camera:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-camera-rotate:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-battery-car:before, .fa-car-battery:before {
    content: ""
}

.fa-car-burst:before, .fa-car-crash:before {
    content: ""
}

.fa-car-on:before {
    content: ""
}

.fa-car-alt:before, .fa-car-rear:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-car-tunnel:before {
    content: ""
}

.fa-caravan:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
    content: ""
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-cedi-sign:before {
    content: ""
}

.fa-cent-sign:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-blackboard:before, .fa-chalkboard:before {
    content: ""
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
    content: ""
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-area-chart:before, .fa-chart-area:before {
    content: ""
}

.fa-bar-chart:before, .fa-chart-bar:before {
    content: ""
}

.fa-chart-column:before {
    content: ""
}

.fa-chart-gantt:before {
    content: ""
}

.fa-chart-line:before, .fa-line-chart:before {
    content: ""
}

.fa-chart-pie:before, .fa-pie-chart:before {
    content: ""
}

.fa-chart-simple:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-check-to-slot:before, .fa-vote-yea:before {
    content: ""
}

.fa-cheese:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-child-dress:before {
    content: ""
}

.fa-child-reaching:before {
    content: ""
}

.fa-child-rifle:before {
    content: ""
}

.fa-children:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
    content: ""
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
    content: ""
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
    content: ""
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
    content: ""
}

.fa-check-circle:before, .fa-circle-check:before {
    content: ""
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
    content: ""
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
    content: ""
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
    content: ""
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
    content: ""
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
    content: ""
}

.fa-circle-dot:before, .fa-dot-circle:before {
    content: ""
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
    content: ""
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
    content: ""
}

.fa-circle-h:before, .fa-hospital-symbol:before {
    content: ""
}

.fa-adjust:before, .fa-circle-half-stroke:before {
    content: ""
}

.fa-circle-info:before, .fa-info-circle:before {
    content: ""
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
    content: ""
}

.fa-circle-minus:before, .fa-minus-circle:before {
    content: ""
}

.fa-circle-nodes:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-circle-pause:before, .fa-pause-circle:before {
    content: ""
}

.fa-circle-play:before, .fa-play-circle:before {
    content: ""
}

.fa-circle-plus:before, .fa-plus-circle:before {
    content: ""
}

.fa-circle-question:before, .fa-question-circle:before {
    content: ""
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
    content: ""
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
    content: ""
}

.fa-circle-stop:before, .fa-stop-circle:before {
    content: ""
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
    content: ""
}

.fa-circle-user:before, .fa-user-circle:before {
    content: ""
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-clapperboard:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-clipboard-question:before {
    content: ""
}

.fa-clipboard-user:before {
    content: ""
}

.fa-clock-four:before, .fa-clock:before {
    content: ""
}

.fa-clock-rotate-left:before, .fa-history:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
    content: ""
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
    content: ""
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-cloud-showers-water:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-clover:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-code-commit:before {
    content: ""
}

.fa-code-compare:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-code-merge:before {
    content: ""
}

.fa-code-pull-request:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-colon-sign:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-comment-dots:before, .fa-commenting:before {
    content: ""
}

.fa-comment-medical:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-comment-sms:before, .fa-sms:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-computer:before {
    content: ""
}

.fa-computer-mouse:before, .fa-mouse:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cow:before {
    content: ""
}

.fa-credit-card-alt:before, .fa-credit-card:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-crop-alt:before, .fa-crop-simple:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-crutch:before {
    content: ""
}

.fa-cruzeiro-sign:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-cubes-stacked:before {
    content: ""
}

.fa-d:before {
    content: "D"
}

.fa-database:before {
    content: ""
}

.fa-backspace:before, .fa-delete-left:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-desktop-alt:before, .fa-desktop:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-diagram-next:before {
    content: ""
}

.fa-diagram-predecessor:before {
    content: ""
}

.fa-diagram-project:before, .fa-project-diagram:before {
    content: ""
}

.fa-diagram-successor:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-diamond-turn-right:before, .fa-directions:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-disease:before {
    content: ""
}

.fa-display:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
    content: "\$"
}

.fa-dolly-box:before, .fa-dolly:before {
    content: ""
}

.fa-dong-sign:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
    content: ""
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-droplet:before, .fa-tint:before {
    content: ""
}

.fa-droplet-slash:before, .fa-tint-slash:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-e:before {
    content: "E"
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
    content: ""
}

.fa-earth-africa:before, .fa-globe-africa:before {
    content: ""
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
    content: ""
}

.fa-earth-asia:before, .fa-globe-asia:before {
    content: ""
}

.fa-earth-europe:before, .fa-globe-europe:before {
    content: ""
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
    content: ""
}

.fa-egg:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-elevator:before {
    content: ""
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
    content: ""
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-envelope-circle-check:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
    content: ""
}

.fa-equals:before {
    content: "\="
}

.fa-eraser:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
    content: ""
}

.fa-exclamation:before {
    content: "\!"
}

.fa-expand:before {
    content: ""
}

.fa-explosion:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
    content: ""
}

.fa-eye-low-vision:before, .fa-low-vision:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-f:before {
    content: "F"
}

.fa-angry:before, .fa-face-angry:before {
    content: ""
}

.fa-dizzy:before, .fa-face-dizzy:before {
    content: ""
}

.fa-face-flushed:before, .fa-flushed:before {
    content: ""
}

.fa-face-frown:before, .fa-frown:before {
    content: ""
}

.fa-face-frown-open:before, .fa-frown-open:before {
    content: ""
}

.fa-face-grimace:before, .fa-grimace:before {
    content: ""
}

.fa-face-grin:before, .fa-grin:before {
    content: ""
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
    content: ""
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
    content: ""
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
    content: ""
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
    content: ""
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
    content: ""
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
    content: ""
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
    content: ""
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
    content: ""
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
    content: ""
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
    content: ""
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
    content: ""
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
    content: ""
}

.fa-face-kiss:before, .fa-kiss:before {
    content: ""
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
    content: ""
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
    content: ""
}

.fa-face-laugh:before, .fa-laugh:before {
    content: ""
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
    content: ""
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
    content: ""
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
    content: ""
}

.fa-face-meh:before, .fa-meh:before {
    content: ""
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
    content: ""
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
    content: ""
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
    content: ""
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
    content: ""
}

.fa-face-smile:before, .fa-smile:before {
    content: ""
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
    content: ""
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
    content: ""
}

.fa-face-surprise:before, .fa-surprise:before {
    content: ""
}

.fa-face-tired:before, .fa-tired:before {
    content: ""
}

.fa-fan:before {
    content: ""
}

.fa-faucet:before {
    content: ""
}

.fa-faucet-drip:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-feather-alt:before, .fa-feather-pointed:before {
    content: ""
}

.fa-ferry:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-arrow-down:before, .fa-file-download:before {
    content: ""
}

.fa-file-arrow-up:before, .fa-file-upload:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-file-circle-check:before {
    content: ""
}

.fa-file-circle-exclamation:before {
    content: ""
}

.fa-file-circle-minus:before {
    content: ""
}

.fa-file-circle-plus:before {
    content: ""
}

.fa-file-circle-question:before {
    content: ""
}

.fa-file-circle-xmark:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
    content: ""
}

.fa-file-medical:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-file-edit:before, .fa-file-pen:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-file-shield:before {
    content: ""
}

.fa-file-signature:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-file-archive:before, .fa-file-zipper:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-fill-drip:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
    content: ""
}

.fa-filter-circle-xmark:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-fire-burner:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
    content: ""
}

.fa-burn:before, .fa-fire-flame-simple:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-fish-fins:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-flask-vial:before {
    content: ""
}

.fa-floppy-disk:before, .fa-save:before {
    content: ""
}

.fa-florin-sign:before {
    content: ""
}

.fa-folder-blank:before, .fa-folder:before {
    content: ""
}

.fa-folder-closed:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-folder-tree:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-football-ball:before, .fa-football:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before, .fa-forward-fast:before {
    content: ""
}

.fa-forward-step:before, .fa-step-forward:before {
    content: ""
}

.fa-franc-sign:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
    content: ""
}

.fa-g:before {
    content: "G"
}

.fa-gamepad:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

/*.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
	content: ""
}*/

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
    content: ""
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
    content: ""
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-glass-water:before {
    content: ""
}

.fa-glass-water-droplet:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-greater-than:before {
    content: "\>"
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-grip-horizontal:before, .fa-grip:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-group-arrows-rotate:before {
    content: ""
}

.fa-guarani-sign:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-gun:before {
    content: ""
}

.fa-h:before {
    content: "H"
}

.fa-hammer:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-hand-paper:before, .fa-hand:before {
    content: ""
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
    content: ""
}

.fa-allergies:before, .fa-hand-dots:before {
    content: ""
}

.fa-fist-raised:before, .fa-hand-fist:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
    content: ""
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
    content: ""
}

.fa-hand-holding-hand:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-hand-holding-medical:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-hand-middle-finger:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hand-sparkles:before {
    content: ""
}

.fa-hand-spock:before {
    content: ""
}

.fa-handcuffs:before {
    content: ""
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
    content: ""
}

.fa-hands-bound:before {
    content: ""
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
    content: ""
}

.fa-hands-clapping:before {
    content: ""
}

.fa-hands-holding:before {
    content: ""
}

.fa-hands-holding-child:before {
    content: ""
}

.fa-hands-holding-circle:before {
    content: ""
}

.fa-hands-praying:before, .fa-praying-hands:before {
    content: ""
}

.fa-handshake:before {
    content: ""
}

.fa-hands-helping:before, .fa-handshake-angle:before {
    content: ""
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
    content: ""
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
    content: ""
}

.fa-handshake-slash:before {
    content: ""
}

.fa-hanukiah:before {
    content: ""
}

.fa-hard-drive:before, .fa-hdd:before {
    content: ""
}

.fa-hashtag:before {
    content: "\#"
}

.fa-hat-cowboy:before {
    content: ""
}

.fa-hat-cowboy-side:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-head-side-cough:before {
    content: ""
}

.fa-head-side-cough-slash:before {
    content: ""
}

.fa-head-side-mask:before {
    content: ""
}

.fa-head-side-virus:before {
    content: ""
}

.fa-header:before, .fa-heading:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-heart-circle-bolt:before {
    content: ""
}

.fa-heart-circle-check:before {
    content: ""
}

.fa-heart-circle-exclamation:before {
    content: ""
}

.fa-heart-circle-minus:before {
    content: ""
}

.fa-heart-circle-plus:before {
    content: ""
}

.fa-heart-circle-xmark:before {
    content: ""
}

.fa-heart-broken:before, .fa-heart-crack:before {
    content: ""
}

.fa-heart-pulse:before, .fa-heartbeat:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-helicopter-symbol:before {
    content: ""
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
    content: ""
}

.fa-helmet-un:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-hill-avalanche:before {
    content: ""
}

.fa-hill-rockslide:before {
    content: ""
}

.fa-hippo:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
    content: ""
}

.fa-hospital-user:before {
    content: ""
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
    content: ""
}

.fa-hotdog:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before, .fa-hourglass:before {
    content: ""
}

.fa-hourglass-empty:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
    content: ""
}

.fa-home-lg:before, .fa-house-chimney:before {
    content: ""
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
    content: ""
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
    content: ""
}

.fa-house-chimney-user:before {
    content: ""
}

.fa-house-chimney-window:before {
    content: ""
}

.fa-house-circle-check:before {
    content: ""
}

.fa-house-circle-exclamation:before {
    content: ""
}

.fa-house-circle-xmark:before {
    content: ""
}

.fa-house-crack:before {
    content: ""
}

.fa-house-fire:before {
    content: ""
}

.fa-house-flag:before {
    content: ""
}

.fa-house-flood-water:before {
    content: ""
}

.fa-house-flood-water-circle-arrow-right:before {
    content: ""
}

.fa-house-laptop:before, .fa-laptop-house:before {
    content: ""
}

.fa-house-lock:before {
    content: ""
}

.fa-house-medical:before {
    content: ""
}

.fa-house-medical-circle-check:before {
    content: ""
}

.fa-house-medical-circle-exclamation:before {
    content: ""
}

.fa-house-medical-circle-xmark:before {
    content: ""
}

.fa-house-medical-flag:before {
    content: ""
}

.fa-house-signal:before {
    content: ""
}

.fa-house-tsunami:before {
    content: ""
}

.fa-home-user:before, .fa-house-user:before {
    content: ""
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
    content: ""
}

.fa-hurricane:before {
    content: ""
}

.fa-i:before {
    content: "I"
}

.fa-i-cursor:before {
    content: ""
}

.fa-ice-cream:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
    content: ""
}

.fa-igloo:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-image-portrait:before, .fa-portrait:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-j:before {
    content: "J"
}

.fa-jar:before {
    content: ""
}

.fa-jar-wheat:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
    content: ""
}

.fa-jet-fighter-up:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-jug-detergent:before {
    content: ""
}

.fa-k:before {
    content: "K"
}

.fa-kaaba:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-kip-sign:before {
    content: ""
}

.fa-first-aid:before, .fa-kit-medical:before {
    content: ""
}

.fa-kitchen-set:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-l:before {
    content: "L"
}

.fa-land-mine-on:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
    content: ""
}

.fa-landmark-flag:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-laptop-file:before {
    content: ""
}

.fa-laptop-medical:before {
    content: ""
}

.fa-lari-sign:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
    content: ""
}

.fa-arrows-alt-h:before, .fa-left-right:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-less-than:before {
    content: "\<"
}

.fa-less-than-equal:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-lines-leaning:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-list-squares:before, .fa-list:before {
    content: ""
}

.fa-list-check:before, .fa-tasks:before {
    content: ""
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
    content: ""
}

.fa-list-dots:before, .fa-list-ul:before {
    content: ""
}

.fa-litecoin-sign:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-location-crosshairs:before, .fa-location:before {
    content: ""
}

.fa-location-dot:before, .fa-map-marker-alt:before {
    content: ""
}

.fa-location-pin:before, .fa-map-marker:before {
    content: ""
}

.fa-location-pin-lock:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-locust:before {
    content: ""
}

.fa-lungs:before {
    content: ""
}

.fa-lungs-virus:before {
    content: ""
}

.fa-m:before {
    content: "M"
}

.fa-magnet:before {
    content: ""
}

.fa-magnifying-glass:before, .fa-search:before {
    content: ""
}

.fa-magnifying-glass-arrow-right:before {
    content: ""
}

.fa-magnifying-glass-chart:before {
    content: ""
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
    content: ""
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
    content: ""
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
    content: ""
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
    content: ""
}

.fa-manat-sign:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-map-location:before, .fa-map-marked:before {
    content: ""
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mars-and-venus:before {
    content: ""
}

.fa-mars-and-venus-burst:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
    content: ""
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
    content: ""
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
    content: ""
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
    content: ""
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-mask-face:before {
    content: ""
}

.fa-mask-ventilator:before {
    content: ""
}

.fa-masks-theater:before, .fa-theater-masks:before {
    content: ""
}

.fa-mattress-pillow:before {
    content: ""
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-comment-alt:before, .fa-message:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
    content: ""
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-mill-sign:before {
    content: ""
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
    content: ""
}

.fa-minus:before, .fa-subtract:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-mobile-button:before {
    content: ""
}

.fa-mobile-retro:before {
    content: ""
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
    content: ""
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
    content: ""
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
    content: ""
}

.fa-money-bill-transfer:before {
    content: ""
}

.fa-money-bill-trend-up:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-money-bill-wheat:before {
    content: ""
}

.fa-money-bills:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-mosquito:before {
    content: ""
}

.fa-mosquito-net:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-mound:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-mountain-city:before {
    content: ""
}

.fa-mountain-sun:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-coffee:before, .fa-mug-saucer:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-n:before {
    content: "N"
}

.fa-naira-sign:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-note-sticky:before, .fa-sticky-note:before {
    content: ""
}

.fa-notes-medical:before {
    content: ""
}

.fa-o:before {
    content: "O"
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-oil-well:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-p:before {
    content: "P"
}

.fa-pager:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-paint-brush:before, .fa-paintbrush:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-panorama:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-file-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-pen-alt:before, .fa-pen-clip:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
    content: ""
}

.fa-edit:before, .fa-pen-to-square:before {
    content: ""
}

.fa-pencil-alt:before, .fa-pencil:before {
    content: ""
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
    content: ""
}

.fa-people-carry-box:before, .fa-people-carry:before {
    content: ""
}

.fa-people-group:before {
    content: ""
}

.fa-people-line:before {
    content: ""
}

.fa-people-pulling:before {
    content: ""
}

.fa-people-robbery:before {
    content: ""
}

.fa-people-roof:before {
    content: ""
}

.fa-pepper-hot:before {
    content: ""
}

.fa-percent:before, .fa-percentage:before {
    content: "\%"
}

.fa-male:before, .fa-person:before {
    content: ""
}

.fa-person-arrow-down-to-line:before {
    content: ""
}

.fa-person-arrow-up-from-line:before {
    content: ""
}

.fa-biking:before, .fa-person-biking:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-person-breastfeeding:before {
    content: ""
}

.fa-person-burst:before {
    content: ""
}

.fa-person-cane:before {
    content: ""
}

.fa-person-chalkboard:before {
    content: ""
}

.fa-person-circle-check:before {
    content: ""
}

.fa-person-circle-exclamation:before {
    content: ""
}

.fa-person-circle-minus:before {
    content: ""
}

.fa-person-circle-plus:before {
    content: ""
}

.fa-person-circle-question:before {
    content: ""
}

.fa-person-circle-xmark:before {
    content: ""
}

.fa-digging:before, .fa-person-digging:before {
    content: ""
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
    content: ""
}

.fa-female:before, .fa-person-dress:before {
    content: ""
}

.fa-person-dress-burst:before {
    content: ""
}

.fa-person-drowning:before {
    content: ""
}

.fa-person-falling:before {
    content: ""
}

.fa-person-falling-burst:before {
    content: ""
}

.fa-person-half-dress:before {
    content: ""
}

.fa-person-harassing:before {
    content: ""
}

.fa-hiking:before, .fa-person-hiking:before {
    content: ""
}

.fa-person-military-pointing:before {
    content: ""
}

.fa-person-military-rifle:before {
    content: ""
}

.fa-person-military-to-person:before {
    content: ""
}

.fa-person-praying:before, .fa-pray:before {
    content: ""
}

.fa-person-pregnant:before {
    content: ""
}

.fa-person-rays:before {
    content: ""
}

.fa-person-rifle:before {
    content: ""
}

.fa-person-running:before, .fa-running:before {
    content: ""
}

.fa-person-shelter:before {
    content: ""
}

.fa-person-skating:before, .fa-skating:before {
    content: ""
}

.fa-person-skiing:before, .fa-skiing:before {
    content: ""
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
    content: ""
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
    content: ""
}

.fa-person-swimming:before, .fa-swimmer:before {
    content: ""
}

.fa-person-through-window:before {
    content: ""
}

.fa-person-walking:before, .fa-walking:before {
    content: ""
}

.fa-person-walking-arrow-loop-left:before {
    content: ""
}

.fa-person-walking-arrow-right:before {
    content: ""
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: ""
}

.fa-person-walking-luggage:before {
    content: ""
}

.fa-blind:before, .fa-person-walking-with-cane:before {
    content: ""
}

.fa-peseta-sign:before {
    content: ""
}

.fa-peso-sign:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-phone-alt:before, .fa-phone-flip:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
    content: ""
}

.fa-photo-film:before, .fa-photo-video:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-pizza-slice:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-plane-circle-check:before {
    content: ""
}

.fa-plane-circle-exclamation:before {
    content: ""
}

.fa-plane-circle-xmark:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-plane-lock:before {
    content: ""
}

.fa-plane-slash:before {
    content: ""
}

.fa-plane-up:before {
    content: ""
}

.fa-plant-wilt:before {
    content: ""
}

.fa-plate-wheat:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-plug-circle-bolt:before {
    content: ""
}

.fa-plug-circle-check:before {
    content: ""
}

.fa-plug-circle-exclamation:before {
    content: ""
}

.fa-plug-circle-minus:before {
    content: ""
}

.fa-plug-circle-plus:before {
    content: ""
}

.fa-plug-circle-xmark:before {
    content: ""
}

.fa-add:before, .fa-plus:before {
    content: "\+"
}

.fa-plus-minus:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-poo-bolt:before, .fa-poo-storm:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-pump-medical:before {
    content: ""
}

.fa-pump-soap:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-q:before {
    content: "Q"
}

.fa-qrcode:before {
    content: ""
}

.fa-question:before {
    content: "\?"
}

.fa-quote-left-alt:before, .fa-quote-left:before {
    content: ""
}

.fa-quote-right-alt:before, .fa-quote-right:before {
    content: ""
}

.fa-r:before {
    content: "R"
}

.fa-radiation:before {
    content: ""
}

.fa-radio:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-ranking-star:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-record-vinyl:before {
    content: ""
}

.fa-ad:before, .fa-rectangle-ad:before {
    content: ""
}

.fa-list-alt:before, .fa-rectangle-list:before {
    content: ""
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-repeat:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
    content: ""
}

.fa-exchange-alt:before, .fa-right-left:before {
    content: ""
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
    content: ""
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-road-barrier:before {
    content: ""
}

.fa-road-bridge:before {
    content: ""
}

.fa-road-circle-check:before {
    content: ""
}

.fa-road-circle-exclamation:before {
    content: ""
}

.fa-road-circle-xmark:before {
    content: ""
}

.fa-road-lock:before {
    content: ""
}

.fa-road-spikes:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-rotate:before, .fa-sync-alt:before {
    content: ""
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
    content: ""
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
    content: ""
}

.fa-rug:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-rupee-sign:before, .fa-rupee:before {
    content: ""
}

.fa-rupiah-sign:before {
    content: ""
}

.fa-s:before {
    content: "S"
}

.fa-sack-dollar:before {
    content: ""
}

.fa-sack-xmark:before {
    content: ""
}

.fa-sailboat:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-balance-scale:before, .fa-scale-balanced:before {
    content: ""
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
    content: ""
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-school-circle-check:before {
    content: ""
}

.fa-school-circle-exclamation:before {
    content: ""
}

.fa-school-circle-xmark:before {
    content: ""
}

.fa-school-flag:before {
    content: ""
}

.fa-school-lock:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-screwdriver-wrench:before, .fa-tools:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-scroll-torah:before, .fa-torah:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-section:before {
    content: ""
}

.fa-seedling:before, .fa-sprout:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-shapes:before, .fa-triangle-circle-square:before {
    content: ""
}

.fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-share-from-square:before, .fa-share-square:before {
    content: ""
}

.fa-share-alt:before, .fa-share-nodes:before {
    content: ""
}

.fa-sheet-plastic:before {
    content: ""
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
    content: ""
}

.fa-shield-blank:before, .fa-shield:before {
    content: ""
}

.fa-shield-cat:before {
    content: ""
}

.fa-shield-dog:before {
    content: ""
}

.fa-shield-alt:before, .fa-shield-halved:before {
    content: ""
}

.fa-shield-heart:before {
    content: ""
}

.fa-shield-virus:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-shop:before, .fa-store-alt:before {
    content: ""
}

.fa-shop-lock:before {
    content: ""
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-shrimp:before {
    content: ""
}

.fa-random:before, .fa-shuffle:before {
    content: ""
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
    content: ""
}

.fa-sign-hanging:before, .fa-sign:before {
    content: ""
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-map-signs:before, .fa-signs-post:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-sink:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-sliders-h:before, .fa-sliders:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-snowflake:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-soap:before {
    content: ""
}

.fa-socks:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
    content: ""
}

.fa-spell-check:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-spoon:before, .fa-utensil-spoon:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
    content: ""
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
    content: ""
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
    content: ""
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
    content: ""
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
    content: ""
}

.fa-check-square:before, .fa-square-check:before {
    content: ""
}

.fa-envelope-square:before, .fa-square-envelope:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-h-square:before, .fa-square-h:before {
    content: ""
}

.fa-minus-square:before, .fa-square-minus:before {
    content: ""
}

.fa-square-nfi:before {
    content: ""
}

.fa-parking:before, .fa-square-parking:before {
    content: ""
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
    content: ""
}

.fa-square-person-confined:before {
    content: ""
}

.fa-phone-square:before, .fa-square-phone:before {
    content: ""
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
    content: ""
}

.fa-plus-square:before, .fa-square-plus:before {
    content: ""
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
    content: ""
}

.fa-poll:before, .fa-square-poll-vertical:before {
    content: ""
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
    content: ""
}

.fa-rss-square:before, .fa-square-rss:before {
    content: ""
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
    content: ""
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
    content: ""
}

.fa-square-virus:before {
    content: ""
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
    content: ""
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
    content: ""
}

.fa-stairs:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-stopwatch-20:before {
    content: ""
}

.fa-store:before {
    content: ""
}

.fa-store-slash:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-medkit:before, .fa-suitcase-medical:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-sun-plant-wilt:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-t:before {
    content: "T"
}

.fa-table:before {
    content: ""
}

.fa-table-cells:before, .fa-th:before {
    content: ""
}

.fa-table-cells-large:before, .fa-th-large:before {
    content: ""
}

.fa-columns:before, .fa-table-columns:before {
    content: ""
}

.fa-table-list:before, .fa-th-list:before {
    content: ""
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
    content: ""
}

.fa-tablet-android:before, .fa-tablet:before {
    content: ""
}

.fa-tablet-button:before {
    content: ""
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-tarp:before {
    content: ""
}

.fa-tarp-droplet:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
    content: ""
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
    content: ""
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
    content: ""
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-tenge-sign:before, .fa-tenge:before {
    content: ""
}

.fa-tent:before {
    content: ""
}

.fa-tent-arrow-down-to-line:before {
    content: ""
}

.fa-tent-arrow-left-right:before {
    content: ""
}

.fa-tent-arrow-turn-left:before {
    content: ""
}

.fa-tent-arrows-down:before {
    content: ""
}

.fa-tents:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-remove-format:before, .fa-text-slash:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumb-tack:before, .fa-thumbtack:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
    content: ""
}

.fa-timeline:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-toilet-paper-slash:before {
    content: ""
}

.fa-toilet-portable:before {
    content: ""
}

.fa-toilets-portable:before {
    content: ""
}

.fa-toolbox:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-tornado:before {
    content: ""
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
    content: ""
}

.fa-tower-cell:before {
    content: ""
}

.fa-tower-observation:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-trailer:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before, .fa-train-subway:before {
    content: ""
}

.fa-train-tram:before, .fa-tram:before {
    content: ""
}

.fa-transgender-alt:before, .fa-transgender:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
    content: ""
}

.fa-trash-alt:before, .fa-trash-can:before {
    content: ""
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-tree-city:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-trowel:before {
    content: ""
}

.fa-trowel-bricks:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-truck-arrow-right:before {
    content: ""
}

.fa-truck-droplet:before {
    content: ""
}

.fa-shipping-fast:before, .fa-truck-fast:before {
    content: ""
}

.fa-truck-field:before {
    content: ""
}

.fa-truck-field-un:before {
    content: ""
}

.fa-truck-front:before {
    content: ""
}

.fa-ambulance:before, .fa-truck-medical:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-truck-moving:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-truck-plane:before {
    content: ""
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
    content: ""
}

.fa-teletype:before, .fa-tty:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
    content: ""
}

.fa-level-down-alt:before, .fa-turn-down:before {
    content: ""
}

.fa-level-up-alt:before, .fa-turn-up:before {
    content: ""
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
    content: ""
}

.fa-u:before {
    content: "U"
}

.fa-umbrella:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
    content: ""
}

.fa-arrows-alt-v:before, .fa-up-down:before {
    content: ""
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
    content: ""
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
    content: ""
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
    content: ""
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-user-doctor:before, .fa-user-md:before {
    content: ""
}

.fa-user-cog:before, .fa-user-gear:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-user-friends:before, .fa-user-group:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-user-alt:before, .fa-user-large:before {
    content: ""
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-user-nurse:before {
    content: ""
}

.fa-user-edit:before, .fa-user-pen:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-user-times:before, .fa-user-xmark:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-users-between-lines:before {
    content: ""
}

.fa-users-cog:before, .fa-users-gear:before {
    content: ""
}

.fa-users-line:before {
    content: ""
}

.fa-users-rays:before {
    content: ""
}

.fa-users-rectangle:before {
    content: ""
}

.fa-users-slash:before {
    content: ""
}

.fa-users-viewfinder:before {
    content: ""
}

.fa-cutlery:before, .fa-utensils:before {
    content: ""
}

.fa-v:before {
    content: "V"
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
    content: ""
}

.fa-vault:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-vest:before {
    content: ""
}

.fa-vest-patches:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-vial-circle-check:before {
    content: ""
}

.fa-vial-virus:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-video-camera:before, .fa-video:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-virus:before {
    content: ""
}

.fa-virus-covid:before {
    content: ""
}

.fa-virus-covid-slash:before {
    content: ""
}

.fa-virus-slash:before {
    content: ""
}

.fa-viruses:before {
    content: ""
}

.fa-voicemail:before {
    content: ""
}

.fa-volcano:before {
    content: ""
}

.fa-volleyball-ball:before, .fa-volleyball:before {
    content: ""
}

.fa-volume-high:before, .fa-volume-up:before {
    content: ""
}

.fa-volume-down:before, .fa-volume-low:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-w:before {
    content: "W"
}

.fa-walkie-talkie:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-magic:before, .fa-wand-magic:before {
    content: ""
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
    content: ""
}

.fa-wand-sparkles:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
    content: ""
}

.fa-wave-square:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-weight-scale:before, .fa-weight:before {
    content: ""
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
    content: ""
}

.fa-wheat-awn-circle-exclamation:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
    content: ""
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
    content: ""
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
    content: ""
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
    content: ""
}

.fa-worm:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-x:before {
    content: "X"
}

.fa-x-ray:before {
    content: ""
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: ""
}

.fa-xmarks-lines:before {
    content: ""
}

.fa-y:before {
    content: "Y"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-z:before {
    content: "Z"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]:after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after, .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after, .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after, .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after, .bootstrap-datetimepicker-widget .btn[data-action=showHours]:after, .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after, .bootstrap-datetimepicker-widget .btn[data-action=today]:after, .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after, .bootstrap-datetimepicker-widget .picker-switch:after, .bootstrap-datetimepicker-widget table th.next:after, .bootstrap-datetimepicker-widget table th.prev:after, .fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.btn-warning1:hover {
    color: #000;
    background-color: #f5c127;
    border-color: #f5c127
}

.btn-check:focus + .btn-warning1, .btn-warning1:focus {
    color: #000;
    background-color: #f5c127;
    border-color: #f5c127;
    box-shadow: 0 0 0 .25rem rgba(245, 194, 39, 0.5)
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #000;
        background-color: #f5c127;
        border-color: #f5c127
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #000;
        background-color: #f5c127;
        border-color: #f5c127;
        box-shadow: 0 0 0 .25rem rgba(245, 194, 39, 0.5)
    }

    .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #f5c127;
        border-color: #f5c127
    }

        .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(245, 194, 39, 0.5)
        }

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


.btn-info {
    color: #ffffff;
    background-color: #198fed;
    border-color: #198fed
}

    .btn-info:hover {
        color: #ffffff;
        background-color: #1684dd;
        border-color: #1684dd
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #ffffff;
        background-color: #1684dd;
        border-color: #1684dd;
        box-shadow: 0 0 0 .25rem rgba(22, 132, 221, 0.5)
    }

    .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
        color: #ffffff;
        background-color: #3dd5f3;
        border-color: #25cff2
    }

        .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(22, 132, 221, 0.5)
        }

    .btn-info.disabled, .btn-info:disabled {
        color: #ffffff;
        background-color: #198fed;
        border-color: #198fed
    }


.btn-outline-primary {
    color: #5b325f;
    border-color: #5b325f;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #673ab7;
        border-color: #673ab7
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .25rem rgba(89, 48, 161, 0.5)
    }

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        color: #fff;
        background-color: #673ab7;
        border-color: #673ab7
    }

        .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
            box-shadow: 0 0 0 .25rem rgba(89, 48, 161, 0.5)
        }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #673ab7;
        background-color: transparent
    }


.btn-outline-success {
    color: #32ab13;
    border-color: #32ab13
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #32ab13;
        border-color: #32ab13
    }

    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        box-shadow: 0 0 0 .25rem rgba(44, 155, 16, 0.5)
    }

    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
        color: #fff;
        background-color: #32ab13;
        border-color: #32ab13
    }

        .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
            box-shadow: 0 0 0 .25rem rgba(44, 155, 16, 0.5)
        }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #32ab13;
        background-color: transparent
    }


.btn-outline-danger {
    color: #f02769;
    border-color: #f02769
}

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

    .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .25rem rgba(228, 32, 97, 0.5)
    }

    .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
        color: #fff;
        background-color: #f02769;
        border-color: #f02769
    }

        .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
            box-shadow: 0 0 0 .25rem rgba(228, 32, 97, 0.5)
        }

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


.btn-outline-info {
    color: #198fed;
    border-color: #198fed
}

    .btn-outline-info:hover {
        color: #000;
        background-color: #198fed;
        border-color: #198fed
    }

    .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
        box-shadow: 0 0 0 .25rem rgba(22, 132, 221, 0.5)
    }

    .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
        color: #000;
        background-color: #198fed;
        border-color: #198fed
    }

        .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus {
            box-shadow: 0 0 0 .25rem rgba(22, 132, 221, 0.5)
        }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #198fed;
        background-color: transparent
    }



.accordion-button:not(.collapsed) {
    color: #673ab7;
    background-color: rgb(103 58 183 / 12%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}


.accordion-button:focus {
    border-color: #673ab7;
    box-shadow: 0 0 0 0.25rem rgb(103 58 183 / 25%);
}

.list-group-item.active {
    background-color: #673ab7;
    border-color: #673ab7;
}


.nav-link {
    color: #e5a54b;
}

.page-link {
    color: #673ab7;
}

    .page-link:focus {
        z-index: 3;
        color: #673ab7;
        background-color: #e9ecef;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(104, 58, 183, 0.5)
    }

.page-item.active .page-link {
    /*	background-color: #673ab7;
    border-color: #673ab7;*/

    background-color: #e5a54b;
    border-color: #e5a54b;
}

.progress-bar {
    background-color: #673ab7;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #673ab7;
}

.btn i {
    vertical-align: middle;
    font-size: 1.3rem;
    margin-top: -1em;
    margin-bottom: -1em;
}

.btn-white {
    color: #212529;
    background-color: #ffffff;
    border-color: #ced4da;
}

.btn-light-primary {
    color: #673ab7;
    background-color: rgb(103 58 183 / 30%);
    border-color: rgb(103 58 183 / 30%);
}

.btn-light-success {
    color: #32ab13;
    background-color: rgb(50 171 19 / 30%);
    border-color: rgb(50 171 19 / 30%);
}

.btn-light-danger {
    color: #f02769;
    background-color: rgb(240 39 105 / 30%);
    border-color: rgb(240 39 105 / 30%);
}

.btn-light-info {
    color: #198fed;
    background-color: rgb(25 143 237 / 30%);
    border-color: rgb(25 143 237 / 30%);
}

.btn-light-warning {
    color: #212529;
    background-color: rgb(255 193 7 / 30%);
    border-color: rgb(255 193 7 / 30%);
}

.btn-light-secondary {
    color: #5a7684;
    background-color: rgb(90 118 132 / 30%);
    border-color: rgb(90 118 132 / 30%);
}

.btn-light-dark {
    color: #343a40;
    background-color: rgb(52 58 64 / 30%);
    border-color: rgb(52 58 64 / 30%);
}

.btn-facebook {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

    .btn-facebook:hover {
        color: #fff;
    }

    .btn-facebook:focus {
        box-shadow: 0 0 0 .2rem rgba(59, 89, 152, 0.5)
    }

.btn-twitter {
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
    background-color: #55acee;
    border-color: #55acee;
    color: #fff;
}

    .btn-twitter:hover {
        color: #fff;
    }

    .btn-twitter:focus {
        box-shadow: 0 0 0 .2rem rgba(85, 172, 238, 0.5)
    }

.btn-linkedin {
    box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
    background-color: #0976b4;
    border-color: #0976b4;
    color: #fff;
}

    .btn-linkedin:hover {
        color: #fff;
    }

    .btn-linkedin:focus {
        box-shadow: 0 0 0 .2rem rgba(9, 118, 180, 0.5)
    }

.btn-youtube {
    box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
    background-color: #e52d27;
    border-color: #e52d27;
    color: #fff;
}

    .btn-youtube:hover {
        color: #fff;
    }

    .btn-youtube:focus {
        box-shadow: 0 0 0 .2rem rgba(229, 45, 39, 0.5)
    }

.btn-github {
    box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
    background-color: #333333;
    border-color: #333333;
    color: #fff;
}

    .btn-github:hover {
        color: #fff;
    }

    .btn-github:focus {
        box-shadow: 0 0 0 .2rem rgba(51, 51, 51, 0.5)
    }

.btn-skype {
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
    background-color: #00aff0;
    border-color: #00aff0;
    color: #fff;
}

    .btn-skype:hover {
        color: #fff;
    }

    .btn-skype:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 175, 240, 0.5)
    }

.btn-pinterest {
    box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
    background-color: #cc2127;
    border-color: #cc2127;
    color: #fff;
}

    .btn-pinterest:hover {
        color: #fff;
    }

    .btn-pinterest:focus {
        box-shadow: 0 0 0 .2rem rgba(204, 33, 39, 0.5)
    }

.btn-dribbble {
    box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff;
}

    .btn-dribbble:hover {
        color: #fff;
    }

    .btn-dribbble:focus {
        box-shadow: 0 0 0 .2rem rgba(234, 76, 137, 0.5)
    }

.btn-group-round button:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.btn-group-round button:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*Background Colors*/


.bg-primary {
    background-color: #673ab7 !important;
}

.bg-secondary {
    background-color: #5a7684 !important;
}

.bg-success {
    background-color: #32ab13 !important;
}

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

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

.bg-info {
    background-color: #198fed !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-login-color {
    background-color: #5f4a99 !important;
}

.bg-rose {
    background-color: #ff007c !important;
}

.bg-voilet {
    background-color: #7d00b5 !important;
}

.bg-dribbble {
    background-color: #ea4c89 !important;
}

.bg-facebook {
    background-color: #3b5998 !important;
}

.bg-twitter {
    background-color: #55acee !important;
}

.bg-google {
    background-color: #e52d27 !important;
}

.bg-linkedin {
    background-color: #0976b4 !important;
}

.bg-youtube {
    background-color: #f8130b !important;
}

.bg-tumblr {
    background-color: #34526f !important;
}

.bg-vimeo {
    background-color: #86c9ef !important;
}

.bg-body {
    background-color: #f6f6f6 !important;
}

.bg-gray {
    background-color: #dee1e6 !important;
}

.bg-red-light {
    background-color: #fe6555 !important;
}

.bg-primary-blue {
    background-color: #265ed7 !important;
}

.bg-dark-blue {
    background-color: #0c1b7a !important;
}

.bg-shine-info {
    background-color: #54dee4 !important;
}

.bg-wall {
    background-color: #00cd98 !important;
}

.bg-sunset {
    background-color: #ff8b01 !important;
}

.bg-light-primary {
    background-color: rgb(103 58 183 / 15%) !important;
}

.bg-light-success {
    background-color: rgb(50 171 19 / 15%) !important
}

.bg-light-danger {
    background-color: rgb(250 146 180 / 15%) !important;
}

.bg-light-warning {
    background-color: rgb(255 193 7 / 15%) !important
}

.bg-light-info {
    background-color: rgb(205, 233, 255) !important;
}

.bg-light-purple {
    background-color: #dcdcff !important;
}

.bg-light-shineblue {
    background-color: rgb(1 215 255 / 15%) !important
}

.bg-light-cyne {
    background-color: rgb(0 139 139 / 15%) !important
}

.bg-split-primary {
    background-color: #4f2894;
    border-color: #4f2894;
}

.bg-light-sinata {
    background-color: rgb(165 43 187 / 15%) !important
}

.bg-light-mehandi {
    background: rgb(195 240 36 / 26%) !important
}

.bg-gradient-danger {
    background-image: linear-gradient(to left, #ff758c 0%, #ff7eb3 100%);
}

.bg-gradient-voilet {
    background-image: linear-gradient(to left, #a18cd1 0%, #fbc2eb 100%);
}

.bg-gradient-success {
    background-image: linear-gradient(to left, #05ac9d 0%, #20cfbf 100%);
}

.bg-gradient-mehandi {
    background-image: linear-gradient(to right, #dbe287, #cac531);
}

/*Text Colors*/

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

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

.text-success {
    color: #32ab13 !important;
}

.text-facebook {
    color: #3b5998 !important;
}

.text-twitter {
    color: #55acee !important;
}

.text-youtube {
    color: #f8130b !important;
}

.text-linkedin {
    color: #0a66c2 !important;
}

.text-skype {
    color: #00aff0 !important;
}

.text-purple {
    color: #8280ff !important;
}

.text-shineblue {
    color: #01d7ff !important;
}

.text-cyne {
    color: #008b8b !important;
}

.text-primary-blue {
    color: #265ed7 !important;
}

.text-dark-blue {
    color: #0c1b7a !important;
}

.text-shine-info {
    color: #54dee4 !important;
}

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

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

.text-sinata {
    color: #a52bbb !important;
}

.text-mehandi {
    color: #839838 !important;
}

.border-lg-top-primary {
    border-top: 4px solid #673ab7;
}

.border-lg-top-info {
    border-top: 4px solid #198fed;
}

.border-lg-top-danger {
    border-top: 4px solid #f02769;
}

.icon-color-1 {
    color: #ff3030;
}

.icon-color-2 {
    color: #ff007c;
}

.icon-color-3 {
    color: #4CAF50;
}

.icon-color-4 {
    color: #ff8b01;
}

.icon-color-5 {
    color: #a400ed;
}

.icon-color-6 {
    color: #009688;
}

.icon-color-7 {
    color: #03A9F4;
}

.icon-color-8 {
    color: #c37458;
}

.icon-color-9 {
    color: #265ed7;
}

.icon-color-10 {
    color: #30d4e4;
}

.icon-color-11 {
    color: #ca9805;
}

.icon-color-12 {
    color: #a24f30;
}

/*Authentication*/

.section-authentication-login {
    height: 100vh;
    padding-top: 1.0rem;
    padding-bottom: 1.0rem
}

.section-authentication-register {
    height: 100%;
    padding: 1.5rem;
}

.authentication-forgot {
    height: 100vh;
    padding: 0 1rem;
}

.forgot-box {
    width: 27rem;
    border-radius: 30px;
}

.authentication-reset-password {
    height: 100vh;
    padding: 0 1rem;
}

.authentication-lock-screen {
    height: 100vh;
    padding: 0 1rem;
}

.error-404 {
    height: 100vh;
    padding: 0 1rem;
}

.login-card {
    border-right: 1px solid #dee2e6 !important;
}

.error-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin: 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.profile-social a {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin: 2px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.bg-forgot {
    background-image: url(../images/login-images/bg-forgot-password.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-lock-screen {
    background-image: url(../images/login-images/bg-lock-screen.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-login {
    background-image: url(../images/login-images/bg-login-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.bg-register {
    background-image: url(../images/login-images/bg-register-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-coming-soon {
    background-image: url(../images/login-images/bg-register-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*File Manager*/

.fm-wrapper {
    position: relative;
}

.fm-left-sidebar {
    background: #ffffff;
    width: 220px;
    height: 100%;
    position: fixed;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.fm-body {
    background: white;
    width: 100%;
    height: 100%;
}

.fm-menu .list-group a {
    font-size: 16px;
    color: #5f5f5f;
    display: flex;
    align-items: center;
}

    .fm-menu .list-group a i {
        font-size: 23px;
    }

    .fm-menu .list-group a:hover {
        background: #673ab7;
        color: #ffffff;
        transition: all .2s ease-out;
    }

.fm-icon-box {
    font-size: 32px;
    background: #ffffff;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
}

.fm-file-box {
    font-size: 25px;
    background: #e9ecef;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
}

.user-groups img {
    margin-left: -14px;
    border: 1px solid #e4e4e4;
    padding: 2px;
    cursor: pointer;
}

.user-plus {
    width: 33px;
    height: 33px;
    margin-left: -14px;
    line-height: 33px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    border: 1px dotted #a9b2bb;
    color: #404142;
}

/*Tables*/

.table-responsive {
    white-space: nowrap;
}

.table td,
.table th {
    vertical-align: middle;
    color: #6d757b;
}

/*Invoice Page*/

#invoice {
    padding: 0px;
}

.invoice {
    position: relative;
    background-color: #FFF;
    min-height: 680px;
    padding: 15px
}

    .invoice header {
        padding: 10px 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #673ab7
    }

    .invoice .company-details {
        text-align: right
    }

        .invoice .company-details .name {
            margin-top: 0;
            margin-bottom: 0
        }

    .invoice .contacts {
        margin-bottom: 20px
    }

    .invoice .invoice-to {
        text-align: left
    }

        .invoice .invoice-to .to {
            margin-top: 0;
            margin-bottom: 0
        }

    .invoice .invoice-details {
        text-align: right
    }

        .invoice .invoice-details .invoice-id {
            margin-top: 0;
            color: #673ab7
        }

    .invoice main {
        padding-bottom: 50px
    }

        .invoice main .thanks {
            margin-top: -100px;
            font-size: 2em;
            margin-bottom: 50px
        }

        .invoice main .notices {
            padding-left: 6px;
            border-left: 6px solid #673ab7;
            background: #e7f2ff;
            padding: 10px;
        }

            .invoice main .notices .notice {
                font-size: 1.2em
            }

    .invoice table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 20px
    }

        .invoice table td,
        .invoice table th {
            padding: 15px;
            background: #eee;
            border-bottom: 1px solid #fff
        }

        .invoice table th {
            white-space: nowrap;
            font-weight: 400;
            font-size: 16px
        }

        .invoice table td h3 {
            margin: 0;
            font-weight: 400;
            color: #673ab7;
            font-size: 1.2em
        }

        .invoice table .qty,
        .invoice table .total,
        .invoice table .unit {
            text-align: right;
            font-size: 1.2em
        }

        .invoice table .no {
            color: #fff;
            font-size: 1.6em;
            background: #673ab7
        }

        .invoice table .unit {
            background: #ddd
        }

        .invoice table .total {
            background: #673ab7;
            color: #fff
        }

        .invoice table tbody tr:last-child td {
            border: none
        }

        .invoice table tfoot td {
            background: 0 0;
            border-bottom: none;
            white-space: nowrap;
            text-align: right;
            padding: 10px 20px;
            font-size: 1.2em;
            border-top: 1px solid #aaa
        }

        .invoice table tfoot tr:first-child td {
            border-top: none
        }

        .invoice table tfoot tr:last-child td {
            color: #673ab7;
            font-size: 1.4em;
            border-top: 1px solid #673ab7
        }

        .invoice table tfoot tr td:first-child {
            border: none
        }

    .invoice footer {
        width: 100%;
        text-align: center;
        color: #777;
        border-top: 1px solid #aaa;
        padding: 8px 0
    }

@media print {

    .invoice {
        font-size: 11px !important;
        overflow: hidden !important
    }

        .invoice footer {
            position: absolute;
            bottom: 10px;
            page-break-after: always
        }

        .invoice > div:last-child {
            page-break-before: always
        }
}

.main-row {
    height: 100vh;
}

.main-col {
    max-width: 500px;
    min-height: 300px;
}

.todo-done {
    text-decoration: line-through;
}

/*Chat box*/

.chat-wrapper {
    width: auto;
    height: 600px;
    border-radius: 0.25rem;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}

.chat-sidebar {
    width: 340px;
    height: 100%;
    position: absolute;
    background: #ffffff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.chat-sidebar-header {
    width: auto;
    height: auto;
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-right: 0px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    padding: 15px;
}

.chat-sidebar-content {
    padding: 0px;
}

.chat-user-online {
    position: relative;
}

.chat-sidebar-header .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 40px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e;
}

.chat-list .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 36px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e;
}

.chat-content {
    margin-left: 340px;
    padding: 85px 15px 15px 15px;
}

.chat-header {
    position: absolute;
    height: 70px;
    left: 340px;
    right: 0;
    top: 0;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-right-radius: 0.25rem;
    z-index: 1;
}

.chat-footer {
    position: absolute;
    height: 70px;
    left: 340px;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #f8f9fa;
    border-top: 1px solid rgba(0, 0, 0, .125);
    border-bottom-right-radius: 0.25rem;
}

.chat-footer-menu a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #6c757d;
    text-align: center;
    border-radius: 50%;
    margin: 3px;
    background-color: white;
    border: 1px solid rgb(0 0 0 / 15%);
}

.chat-tab-menu li a.nav-link {
    padding: .3rem 0.2rem;
    line-height: 1.2;
    color: #4a4b4c;
}

.chat-tab-menu .nav-pills .nav-link.active,
.chat-tab-menu .nav-pills .show > .nav-link {
    color: #673ab7;
    background-color: rgb(0 123 255 / 0%);
}

.chat-title {
    font-size: 16px;
    color: #272b2f;
}

.chat-msg {
    font-size: 14px;
    color: #6c757d;
}

.chat-time {
    font-size: 13px;
    color: #6c757d;
}

.chat-list {
    position: relative;
    height: 300px;
}

    .chat-list .list-group-item {
        border: 1px solid rgb(0 0 0 / 0%);
        background-color: transparent;
    }

        .chat-list .list-group-item:hover {
            border: 1px solid rgb(0 0 0 / 0%);
            background-color: rgb(103 58 183 / 15%);
        }

        .chat-list .list-group-item.active {
            background-color: rgb(103 58 183 / 15%);
        }

.chart-online {
    color: #16e15e;
}

.chat-top-header-menu a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #6c757d;
    text-align: center;
    border-radius: 50%;
    margin: 3px;
    background-color: white;
    border: 1px solid rgb(0 0 0 / 15%);
}

.chat-content {
    position: relative;
    width: auto;
    height: 520px;
}

.chat-content-leftside .chat-left-msg {
    width: fit-content;
    background-color: #eff2f5;
    padding: 0.80rem;
    border-radius: 12px;
    max-width: 480px;
    text-align: left;
    border-top-left-radius: 0;
}

.chat-content-rightside .chat-right-msg {
    width: fit-content;
    background-color: #dcedff;
    padding: 0.80rem;
    border-radius: 12px;
    float: right;
    max-width: 480px;
    text-align: left;
    border-bottom-right-radius: 0;
}

.chat-toggle-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    font-size: 24px;
    color: #6c757d;
    border-radius: 50%;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgb(0 0 0 / 15%);
}

/*Email box*/

.email-wrapper {
    width: auto;
    height: 600px;
    overflow: hidden;
    border-radius: 0.25rem;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}

.email-sidebar {
    width: 250px;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.email-sidebar-header {
    width: auto;
    height: auto;
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-right: 0px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    padding: 15px;
}

.email-navigation {
    position: relative;
    padding: 0px;
    height: 345px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.email-header {
    position: absolute;
    height: 70px;
    left: 250px;
    right: 0;
    top: 0;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-right-radius: 0.25rem;
    z-index: 1;
}

.email-content {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    top: 70px;
    height: auto;
    margin-left: 250px;
    padding: 0;
    background: #ffffff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.email-navigation a.list-group-item {
    color: #404142;
    padding: .35rem 1.25rem;
    background-color: white;
    border-bottom: 1px solid rgb(0 0 0 / 0%);
    transition: all .3s ease-out;
}

    .email-navigation a.list-group-item:hover {
        background-color: rgb(103 58 183 / 12%);
    }

    .email-navigation a.list-group-item.active {
        color: #673ab7;
        font-weight: 600;
        background-color: rgb(103 58 183 / 12%);
    }

.email-meeting {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

    .email-meeting a.list-group-item {
        color: #404142;
        padding: .35rem 1.25rem;
        background-color: white;
        border-bottom: 1px solid rgb(0 0 0 / 0%);
    }

        .email-meeting a.list-group-item:hover {
            background-color: rgb(0 123 255 / 15%);
            transition: all .3s ease-out;
        }

.email-hangout .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 37px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e;
}

.email-toggle-btn {
    width: auto;
    height: auto;
    margin-right: 10px;
    text-align: center;
    font-size: 24px;
    color: #404142;
    border-radius: 0;
    cursor: pointer;
    background-color: white;
    border: 0px solid rgb(0 0 0 / 15%);
}

.email-actions {
    width: 230px;
    ;
}

.email-time {
    font-size: 13px;
    color: #6c757d;
}

.email-list div.email-message {
    background: #ffffff;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    color: #383a3c;
}

    .email-list div.email-message:hover {
        transition: all .2s ease-out;
        background-color: #eceef1;
    }

.email-list {
    position: relative;
    height: 530px;
}

.email-star {
    color: #6c757d;
}

.email-read-box {
    position: relative;
    height: 530px;
}

/*Compose Mail*/

.compose-mail-popup {
    width: 42%;
    position: fixed;
    bottom: -30px;
    right: 30px;
    z-index: 15;
    display: none;
}

.compose-mail-toggled {
    display: block;
}

.compose-mail-title {
    font-size: 16px;
}

.compose-mail-close {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    background-color: rgb(255 255 255 / 0%);
}

    .compose-mail-close:hover {
        background-color: rgb(255 255 255 / 20%);
    }

/* Navbars */

.nav-search input.form-control {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 45%);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

    .nav-search input.form-control::placeholder {
        opacity: 0.5 !important;
        color: #fff !important;
    }

    .nav-search input.form-control::-ms-input-placeholder {
        color: #fff !important;
    }

.nav-search button[type='submit'] {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 32%);
    color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.nav-width {
    width: 340px !important;
}

.round-pagination.pagination .page-item:first-child .page-link {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.round-pagination.pagination .page-item:last-child .page-link {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

/*Extra Css*/

.login-separater span {
    position: relative;
    top: 26px;
    margin-top: -10px;
    background: #ffffff;
    padding: 5px;
    font-size: 12px;
    color: #cbcbcb;
    z-index: 1;
}

.login-img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.contacts-social a {
    font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #f7f5f5;
    text-align: center;
    border-radius: 0.25rem;
}

.iconFilterTypes {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .iconFilterTypes .tab.active,
    .iconFilterTypes .tab:hover {
        font-weight: 700;
        color: #756af8;
    }

    .iconFilterTypes .tab {
        color: #000;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
    }

.list {
    position: relative;
}

ul.icons {
    list-style: none;
}

    ul.icons li {
        position: relative;
    }

    ul.icons li {
        cursor: pointer;
        padding: 10px;
        width: 204px;
        float: left;
        box-shadow: 0 1px 5px #e3e7eb;
        margin: 13px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f8f9fb;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

        ul.icons li i {
            color: #673ab7;
            width: 30px;
            height: 30px;
            font-size: 30px;
            text-align: center;
            display: block;
            float: left;
            line-height: 34px;
            margin-left: 5px;
        }

        ul.icons li:hover {
            background: #eef1f7;
        }

        ul.icons li span {
            text-indent: 15px;
            display: block;
            line-height: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.pByfF {
    animation-fill-mode: forwards;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 10%;
    transition: all 0.15s ease 0s;
    border-radius: 8px;
    overflow: hidden;
    outline: none !important;
    background: #f8f9fb;
    box-shadow: 0 1px 5px #e3e7eb;
    width: 122px;
    height: 122px;
    margin: 7px 7px;
    padding: 10px 14px;
}

    .pByfF.active .icon-box-inner {
        background: rgb(238, 238, 238);
    }

    .pByfF .icon-box-inner {
        font-weight: 700;
        position: relative;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        pointer-events: none;
        margin: 1px;
        border-radius: 8px;
        background: transparent;
        padding: 18px 10px;
    }

    .pByfF i {
        color: #673ab7;
        font-size: 36px;
    }

    .pByfF .icon-box-inner .icon-box-name {
        font-size: 12px;
        text-transform: capitalize;
        user-select: none;
        color: #a5a5a5;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 15px;
        overflow: hidden;
        margin: 5px auto 2px;
    }

    .pByfF:hover {
        background: #eaecf1;
    }

.media-icons {
    font-size: 54px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.dashboard-icons {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 42px;
    border-radius: 10px;
}

.widgets-icons {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 26px;
    border-radius: 10px;
}

.widgets-social {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 22px;
    border-radius: 10px;
}

.icon-box {
    padding: 10px 14px;
    background: #ffffff;
    box-shadow: 0 1px 5px #e3e7eb;
}

.icon-symbol i {
    font-size: 30px;
    color: #673ab7;
}

.icon-name {
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.font-small {
    font-size: 50%;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-30 {
    font-size: 30px;
}

.font-35 {
    font-size: 35px;
}

.font-40 {
    font-size: 40px;
}

.font-60 {
    font-size: 60px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-15 {
    border-radius: 15px;
}

.radius-30 {
    border-radius: 30px;
}

.row.row-group > div {
    border-right: 1px solid rgb(0 0 0 / 12%);
}

    .row.row-group > div:last-child {
        border-right: none;
    }

.accordion .card-header:after {
    font-family: 'LineIcons';
    content: "\eb2c";
    float: right;
    color: #673ab7;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */

    content: "\eb53";
}

.color-acordians .accordion .card-header:after {
    color: #fff;
}

.cursor-pointer {
    cursor: pointer;
}

.chart-container1 {
    position: relative;
    height: 340px;
}

.chart-container2 {
    position: relative;
    height: 400px;
}

.chart-container3 {
    position: relative;
    width: 200px;
    height: 80px;
    right: -1.25rem;
    top: -1.0rem;
}

.gmaps,
.gmaps-panaroma {
    height: 400px;
    background: #eeeeee;
    border-radius: 3px;
}

#location-map {
    width: 100%;
    height: 260px;
}

#geographic-map {
    width: 100%;
    height: 340px;
}

.product-img {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    border-radius: 10px;
}

.page-breadcrumb .breadcrumb {
    background-color: transparent;
}

.breadcrumb-title {
    font-size: 20px;
    border-right: 1.5px solid #aaa4a4;
}

.page-breadcrumb .breadcrumb li a {
}

.page-breadcrumb .breadcrumb li.breadcrumb-item {
    font-size: 16px;
}

.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    font-family: 'LineIcons';
    content: "\ea5c";
}

.vertical-align-middle {
    vertical-align: middle;
}

.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
    color: white;
    position: fixed;
    border-radius: 10px;
    bottom: 20px;
    right: 12px;
    background-color: #673ab7;
    z-index: 10000;
}

    .back-to-top:hover {
        color: white;
        background-color: #000;
        transition: all .5s;
    }

.vertical-separater {
    width: 1px;
    background: #dadada;
    height: 50px;
    margin: auto;
}

/*Switcher*/
.btn-switcher {
    position: fixed;
    right: 0px;
    top: 40%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.offcanvas-end {
    width: 300px;
}

/*Responsive*/


@media screen and (max-width: 1280px) {

    .page-wrapper {
        /*margin-top: 70px;*/
    }

    .nav-container {
        position: fixed;
        width: 260px;
        right: 0;
        left: -260px;
        z-index: 16;
        border-bottom: 1px solid #e4e4e4;
        background-clip: border-box;
        background-color: #ffffff;
        height: 100%;
        padding: 10px;
        display: flex;
        align-items: start;
        justify-content: flex-start;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .wrapper.toggled .nav-container {
        display: flex;
        left: 0px;
    }

    .wrapper.toggled .mobile-topbar-header {
        display: flex;
        align-items: center;
        height: 70px;
        background: white;
        border-bottom: 1px solid #f1f1f1;
        background-clip: border-box;
        position: fixed;
        width: 260px;
        left: 0;
        top: 0;
        right: 0;
        z-index: 10;
        padding-left: 15px;
    }

    .wrapper.toggled .overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: 0.6;
        z-index: 15;
        display: block;
        cursor: move;
        transition: all .2s ease-out;
    }

    .left-topbar {
        width: auto;
    }

    .search-bar {
        padding: 0rem 1.4rem;
    }

    .email-header {
        height: auto;
    }

    .email-content {
        padding: 100px 0px 0px 0px;
    }
}

@media screen and (max-width: 1024px) {

    .top-header {
        left: 0px;
    }

    .search-arrow-back {
        display: inline-block;
        margin-right: 0px;
    }

    .search-btn-mobile {
        display: flex;
    }

    .search-bar {
        display: none;
    }

    .full-search-bar {
        display: flex;
        align-items: center;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 100;
        background: #fff;
        height: 70px;
        padding: 0rem 1.4rem;
    }

    .sidebar-wrapper {
        width: 260px !important;
        left: -260px;
        box-shadow: none;
        z-index: 12;
    }

    .page-content-wrapper {
        margin-left: 0px;
        margin-top: 0px;
        /* margin-top: -40px;*/
    }

    .wrapper.toggled .sidebar-wrapper {
        left: 0px;
        box-shadow: 0 .3rem 0.6rem rgba(0, 0, 0, .13);
        transition: all .2s ease-out;
        z-index: 16;
    }

    .wrapper.toggled .page-content-wrapper {
        margin-left: 0px;
        margin-top: -40px;
    }

    .wrapper.toggled .overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: 0.6;
        z-index: 15;
        display: block;
        cursor: move;
        transition: all .2s ease-out;
    }

    .footer {
        margin-left: 0px;
    }

    .wrapper.toggled .footer {
        margin-left: 0px;
    }

    .chat-header {
        border-top-left-radius: 0.25rem;
    }

    .chat-footer {
        border-bottom-left-radius: 0.25rem;
    }

    .chat-sidebar {
        left: -370px;
    }

    .chat-content {
        margin-left: 0px;
    }

    .chat-header {
        left: 0px;
    }

    .chat-footer {
        left: 0px;
    }

    /* chat toggled css */

    .chat-toggled .chat-sidebar {
        left: 0px;
    }

    .chat-toggled .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 340px;
        background: #000;
        opacity: 0.5;
        z-index: 11;
        display: block;
        cursor: move;
        transition: all .3s ease-out;
    }

    .email-header {
        border-top-left-radius: 0.25rem;
    }

    .email-sidebar {
        left: -280px;
    }

    .email-content {
        margin-left: 0px;
    }

    .email-header {
        left: 0px;
    }

    /* email toggled */

    .email-toggled .email-sidebar {
        left: 0px;
    }

    .email-toggled .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 250px;
        background: #000;
        opacity: 0.5;
        z-index: 9;
        display: block;
        cursor: move;
        transition: all .3s ease-out;
    }
}

@media only screen and (max-width: 1199px) {

    .row.row-group > div {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }
}

@media screen and (max-width: 991px) {

    .section-authentication-login {
        height: 100%;
        padding: 1.4rem;
    }

    .login-img {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .login-card {
        border-right: 0px solid #dee2e6 !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .authentication-reset-password {
        height: auto;
        padding: 2.0rem 1rem;
    }

    .authentication-lock-screen {
        height: auto;
        padding: 2.0rem 1rem;
    }

    .error-404 {
        height: auto;
        padding: 6.0rem 1rem;
    }

    .compose-mail-popup {
        width: auto;
        position: fixed;
        bottom: -30px;
        right: 0;
        left: 0;
    }
}

@media screen and (max-width: 767px) {

    .user-info {
        display: none;
    }

    .lang span {
        display: none;
    }

    .right-topbar .navbar-nav .nav-link {
        padding: 0rem 14px;
        border-left: 0px solid #ededed;
        font-size: 25px;
    }

    .msg-count {
        left: 26px;
    }

    .search-bar .btn-search {
        padding: 0 20px;
    }

    .authentication-forgot {
        height: auto;
        padding: 2.5rem 1rem;
    }

    .fc .fc-toolbar {
        display: flow-root;
    }
}

@media screen and (max-width: 620px) {

    .top-header .navbar .dropdown-menu::after {
        display: none;
    }

    .top-header .navbar .dropdown {
        position: static !important;
    }

    .top-header .navbar .dropdown-menu {
        width: 100% !important;
    }

    .dropdown-lg-content {
        max-height: 350px;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 520px) {

    .logo-icon {
        display: none;
    }

    .chat-footer-menu,
    .chat-top-header-menu {
        display: none;
    }
}



*/:host, :root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Free;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid, .fas {
    font-family: Font Awesome\ 6 Free;
    font-weight: 900
}

.apexcharts-canvas {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .apexcharts-canvas ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px
    }

    .apexcharts-canvas ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.5);
        border-radius: 4px;
        box-shadow: 0 0 1px hsla(0,0%,100%,.5);
        -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5)
    }

.apexcharts-inner {
    position: relative
}

.apexcharts-text tspan {
    font-family: inherit
}

.legend-mouseover-inactive {
    opacity: .2;
    transition: all .15s ease
}

.apexcharts-series-collapsed {
    opacity: 0
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 20px;
    transition: all .15s ease;
    white-space: nowrap;
    z-index: 12
}

    .apexcharts-tooltip.apexcharts-active {
        opacity: 1;
        transition: all .15s ease
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        background: hsla(0,0%,100%,.96);
        border: 1px solid #e3e3e3
    }

    .apexcharts-tooltip.apexcharts-theme-dark {
        background: rgba(30,30,30,.8);
        color: #fff
    }

    .apexcharts-tooltip * {
        font-family: inherit
    }

.apexcharts-tooltip-title {
    font-size: 15px;
    margin-bottom: 4px;
    padding: 6px
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0,0,0,.7);
    border-bottom: 1px solid #333
}

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
    display: inline-block;
    margin-left: 5px
}

    .apexcharts-tooltip-text-goals-label:empty, .apexcharts-tooltip-text-goals-value:empty, .apexcharts-tooltip-text-y-label:empty, .apexcharts-tooltip-text-y-value:empty, .apexcharts-tooltip-text-z-value:empty, .apexcharts-tooltip-title:empty {
        display: none
    }

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
    font-weight: 600
}

.apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
    padding: 6px 0 5px
}

.apexcharts-tooltip-goals-group, .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
    display: flex
}

    .apexcharts-tooltip-text-goals-label:not(:empty), .apexcharts-tooltip-text-goals-value:not(:empty) {
        margin-top: -6px
    }

.apexcharts-tooltip-marker {
    border-radius: 50%;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 12px
}

.apexcharts-tooltip-series-group {
    align-items: center;
    display: none;
    justify-content: left;
    padding: 0 10px;
    text-align: left
}

    .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
        opacity: 1
    }

    .apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 4px
    }

.apexcharts-tooltip-series-group-hidden {
    height: 0;
    line-height: 0;
    opacity: 0;
    padding: 0 !important
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px
}

.apexcharts-custom-tooltip, .apexcharts-tooltip-box {
    padding: 4px 8px
}

.apexcharts-tooltip-boxPlot {
    display: flex;
    flex-direction: column-reverse
}

.apexcharts-tooltip-box > div {
    margin: 4px 0
}

.apexcharts-tooltip-box span.value {
    font-weight: 700
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px
}

    .apexcharts-tooltip-rangebar .category {
        color: #777;
        font-weight: 600
    }

    .apexcharts-tooltip-rangebar .series-name {
        display: block;
        font-weight: 700;
        margin-bottom: 5px
    }

.apexcharts-xaxistooltip {
    background: #eceff1;
    border: 1px solid #90a4ae;
    border-radius: 2px;
    color: #373d3f;
    font-size: 13px;
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition: all .15s ease;
    z-index: 10
}

    .apexcharts-xaxistooltip.apexcharts-theme-dark {
        background: rgba(0,0,0,.7);
        border: 1px solid rgba(0,0,0,.5);
        color: #fff
    }

    .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
        border: solid transparent;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .apexcharts-xaxistooltip:after {
        border-color: rgba(236,239,241,0);
        border-width: 6px;
        margin-left: -6px
    }

    .apexcharts-xaxistooltip:before {
        border-color: rgba(144,164,174,0);
        border-width: 7px;
        margin-left: -7px
    }

.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
    bottom: 100%
}

.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
    top: 100%
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #eceff1
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90a4ae
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #eceff1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90a4ae
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: all .15s ease
}

.apexcharts-yaxistooltip {
    background: #eceff1;
    border: 1px solid #90a4ae;
    border-radius: 2px;
    color: #373d3f;
    font-size: 13px;
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: 10
}

    .apexcharts-yaxistooltip.apexcharts-theme-dark {
        background: rgba(0,0,0,.7);
        border: 1px solid rgba(0,0,0,.5);
        color: #fff
    }

    .apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
        border: solid transparent;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        width: 0
    }

    .apexcharts-yaxistooltip:after {
        border-color: rgba(236,239,241,0);
        border-width: 6px;
        margin-top: -6px
    }

    .apexcharts-yaxistooltip:before {
        border-color: rgba(144,164,174,0);
        border-width: 7px;
        margin-top: -7px
    }

.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
    left: 100%
}

.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
    right: 100%
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #eceff1
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90a4ae
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #eceff1
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90a4ae
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1
}

.apexcharts-yaxistooltip-hidden {
    display: none
}

.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
    opacity: 0;
    pointer-events: none;
    transition: all .15s ease
}

    .apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active {
        opacity: 1;
        transition: all .15s ease
    }

.apexcharts-ycrosshairs-hidden {
    opacity: 0
}

.apexcharts-selection-rect {
    cursor: move
}

.svg_select_boundingRect, .svg_select_points_rot {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_boundingRect, .apexcharts-selection-rect + g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_points_l, .apexcharts-selection-rect + g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
    cursor: move
}

.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    color: #6e8192;
    cursor: pointer;
    height: 20px;
    line-height: 24px;
    text-align: center;
    width: 20px
}

    .apexcharts-menu-icon svg, .apexcharts-reset-icon svg, .apexcharts-zoom-icon svg, .apexcharts-zoomin-icon svg, .apexcharts-zoomout-icon svg {
        fill: #6e8192
    }

    .apexcharts-selection-icon svg {
        fill: #444;
        transform: scale(.76)
    }

.apexcharts-theme-dark .apexcharts-menu-icon svg, .apexcharts-theme-dark .apexcharts-pan-icon svg, .apexcharts-theme-dark .apexcharts-reset-icon svg, .apexcharts-theme-dark .apexcharts-selection-icon svg, .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg, .apexcharts-theme-dark .apexcharts-zoom-icon svg, .apexcharts-theme-dark .apexcharts-zoomin-icon svg, .apexcharts-theme-dark .apexcharts-zoomout-icon svg {
    fill: #f3f4f5
}

.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
    fill: #008ffb
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
    fill: #333
}

.apexcharts-menu-icon, .apexcharts-selection-icon {
    position: relative
}

.apexcharts-reset-icon {
    margin-left: 5px
}

.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon {
    transform: scale(.85)
}

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    transform: scale(.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px
}

.apexcharts-pan-icon {
    left: 1px;
    position: relative;
    top: 0;
    transform: scale(.62)
}

    .apexcharts-pan-icon svg {
        fill: #fff;
        stroke: #6e8192;
        stroke-width: 2
    }

    .apexcharts-pan-icon.apexcharts-selected svg {
        stroke: #008ffb
    }

    .apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
        stroke: #333
    }

.apexcharts-toolbar {
    align-items: center;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    max-width: 176px;
    padding: 0 6px 2px;
    position: absolute;
    text-align: right;
    z-index: 11
}

.apexcharts-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-width: 110px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 100%;
    transition: all .15s ease
}

    .apexcharts-menu.apexcharts-menu-open {
        opacity: 1;
        pointer-events: all;
        transition: all .15s ease
    }

.apexcharts-menu-item {
    cursor: pointer;
    font-size: 12px;
    padding: 6px 7px
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0,0,0,.7);
    color: #fff
}

@media screen and (min-width:768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1
    }
}

.apexcharts-datalabel.apexcharts-element-hidden {
    opacity: 0
}

.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, .apexcharts-datalabels, .apexcharts-pie-label {
    cursor: default;
    pointer-events: none
}

.apexcharts-pie-label-delay {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: opaque;
    animation-name: opaque;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    opacity: 0
}

.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points {
    opacity: 0
}

.apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-gridline, .apexcharts-line, .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon, .apexcharts-toolbar svg, .apexcharts-tooltip .apexcharts-marker, .apexcharts-zoom-rect {
    pointer-events: none
}

.apexcharts-marker {
    transition: all .15s ease
}

@-webkit-keyframes opaque {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opaque {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes resizeanim {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes resizeanim {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.resize-triggers {
    -webkit-animation: resizeanim 1ms;
    animation: resizeanim 1ms;
    opacity: 0;
    visibility: hidden
}

    .contract-trigger:before, .resize-triggers, .resize-triggers > div {
        content: " ";
        display: block;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto
        }

.contract-trigger:before {
    height: 200%;
    width: 200%
}

.daterangepicker {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: Roboto,"Open Sans";
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
}

    .daterangepicker:after, .daterangepicker:before {
        content: "";
        display: inline-block;
        position: absolute
    }

    .daterangepicker:before {
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        top: -7px
    }

    .daterangepicker:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        top: -6px
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        width: 0
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

        .daterangepicker.drop-up:before {
            border-bottom: initial;
            border-top: 7px solid #ccc;
            bottom: -7px;
            top: auto
        }

        .daterangepicker.drop-up:after {
            border-bottom: initial;
            border-top: 6px solid #fff;
            bottom: -6px;
            top: auto
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        border: solid #000;
        border-radius: 0;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        min-width: 32px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: 32px
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px
    }

        .daterangepicker .calendar-table table {
            border-collapse: collapse;
            border-spacing: 0;
            margin: 0;
            width: 100%
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
    }

    .daterangepicker td.week, .daterangepicker th.week {
        color: #ccc;
        font-size: 80%
    }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        border-color: transparent;
        color: #999
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        border-radius: 0
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        cursor: default;
        font-size: 12px;
        height: auto;
        margin: 0;
        padding: 1px
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        background: #eee;
        border: 1px solid #eee;
        font-size: 12px;
        margin: 0 auto;
        outline: 0;
        padding: 2px;
        width: 50px
    }

    .daterangepicker .calendar-time {
        line-height: 30px;
        margin: 4px auto 0;
        position: relative;
        text-align: center
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .drp-buttons {
        border-top: 1px solid #ddd;
        clear: both;
        display: none;
        line-height: 12px;
        padding: 8px;
        text-align: right;
        vertical-align: middle
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 12px;
        font-weight: 700;
        margin-left: 8px;
        padding: 4px 8px
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        margin: 0;
        text-align: left
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .daterangepicker .ranges li {
        cursor: pointer;
        font-size: 12px;
        padding: 8px 12px
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee
        }

        .daterangepicker .ranges li.active {
            background-color: #08c
        }

@media(min-width:564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single .drp-calendar, .daterangepicker.single .ranges {
            float: left
        }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0
        }

            .daterangepicker .drp-calendar.left .calendar-table {
                border-bottom-right-radius: 0;
                border-right: none;
                border-top-right-radius: 0
            }

        .daterangepicker .drp-calendar.right {
            margin-left: 0
        }

            .daterangepicker .drp-calendar.right .calendar-table {
                border-bottom-left-radius: 0;
                border-left: none;
                border-top-left-radius: 0
            }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px
        }

        .daterangepicker .drp-calendar, .daterangepicker .ranges {
            float: left
        }
}

@media(min-width:730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

table.dataTable td.dt-control {
    cursor: pointer;
    text-align: center
}

    table.dataTable td.dt-control:before {
        background-color: #31b131;
        border: .15em solid #fff;
        border-radius: 1em;
        box-shadow: 0 0 .2em #444;
        box-sizing: content-box;
        color: #fff;
        content: "+";
        display: inline-block;
        font-family: Roboto,"Open Sans";
        height: 1em;
        line-height: 1em;
        margin-top: -9px;
        text-align: center;
        text-indent: 0 !important;
        width: 1em
    }

table.dataTable tr.dt-hasChild td.dt-control:before {
    background-color: #d33333;
    content: "-"
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_desc_disabled, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_desc_disabled {
    cursor: pointer;
    padding-right: 26px;
    position: relative
}

    table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before {
        display: block;
        font-size: .9em;
        line-height: 9px;
        opacity: .125;
        position: absolute;
        right: 10px
    }

    table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc_disabled:before {
        bottom: 50%;
        content: "▴"
    }

    table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_desc_disabled:after {
        content: "▾";
        top: 50%
    }

    table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after {
        opacity: .6
    }

    table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after {
        display: none
    }

table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active {
    outline: none
}

div.dataTables_scrollBody table.dataTable thead > tr > td:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > th:before {
    display: none
}

div.dataTables_processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -26px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px
}

    div.dataTables_processing > div:last-child {
        height: 15px;
        margin: 1em auto;
        position: relative;
        width: 80px
    }

        div.dataTables_processing > div:last-child > div {
            -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
            animation-timing-function: cubic-bezier(0,1,1,0);
            background: rgba(13,110,253,.9);
            border-radius: 50%;
            height: 13px;
            position: absolute;
            top: 0;
            width: 13px
        }

            div.dataTables_processing > div:last-child > div:first-child {
                -webkit-animation: datatables-loader-1 .6s infinite;
                animation: datatables-loader-1 .6s infinite;
                left: 8px
            }

            div.dataTables_processing > div:last-child > div:nth-child(2) {
                -webkit-animation: datatables-loader-2 .6s infinite;
                animation: datatables-loader-2 .6s infinite;
                left: 8px
            }

            div.dataTables_processing > div:last-child > div:nth-child(3) {
                -webkit-animation: datatables-loader-2 .6s infinite;
                animation: datatables-loader-2 .6s infinite;
                left: 32px
            }

            div.dataTables_processing > div:last-child > div:nth-child(4) {
                -webkit-animation: datatables-loader-3 .6s infinite;
                animation: datatables-loader-3 .6s infinite;
                left: 56px
            }

@-webkit-keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@-webkit-keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

table.dataTable td.dt-left, table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right, table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify, table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable tfoot td, table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th, table.dataTable tfoot th.dt-head-left, table.dataTable thead td, table.dataTable thead td.dt-head-left, table.dataTable thead th, table.dataTable thead th.dt-head-left {
    text-align: left
}

    table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
        text-align: center
    }

    table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
        text-align: right
    }

    table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
        text-align: justify
    }

    table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {
        white-space: nowrap
    }

table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}
/*! Bootstrap 5 integration for DataTables


	*/ :host, :root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-display: block;
    font-family: Font Awesome\ 6 Free;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid, .fas {
    font-family: Font Awesome\ 6 Free;
    font-weight: 900
}

.apexcharts-canvas {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .apexcharts-canvas ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px
    }

    .apexcharts-canvas ::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.5);
        border-radius: 4px;
        box-shadow: 0 0 1px hsla(0,0%,100%,.5);
        -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5)
    }

.apexcharts-inner {
    position: relative
}

.apexcharts-text tspan {
    font-family: inherit
}

.legend-mouseover-inactive {
    opacity: .2;
    transition: all .15s ease
}

.apexcharts-series-collapsed {
    opacity: 0
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 20px;
    transition: all .15s ease;
    white-space: nowrap;
    z-index: 12
}

    .apexcharts-tooltip.apexcharts-active {
        opacity: 1;
        transition: all .15s ease
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        background: hsla(0,0%,100%,.96);
        border: 1px solid #e3e3e3
    }

    .apexcharts-tooltip.apexcharts-theme-dark {
        background: rgba(30,30,30,.8);
        color: #fff
    }

    .apexcharts-tooltip * {
        font-family: inherit
    }

.apexcharts-tooltip-title {
    font-size: 15px;
    margin-bottom: 4px;
    padding: 6px
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0,0,0,.7);
    border-bottom: 1px solid #333
}

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
    display: inline-block;
    margin-left: 5px
}

    .apexcharts-tooltip-text-goals-label:empty, .apexcharts-tooltip-text-goals-value:empty, .apexcharts-tooltip-text-y-label:empty, .apexcharts-tooltip-text-y-value:empty, .apexcharts-tooltip-text-z-value:empty, .apexcharts-tooltip-title:empty {
        display: none
    }

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value {
    font-weight: 600
}

.apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
    padding: 6px 0 5px
}

.apexcharts-tooltip-goals-group, .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value {
    display: flex
}

    .apexcharts-tooltip-text-goals-label:not(:empty), .apexcharts-tooltip-text-goals-value:not(:empty) {
        margin-top: -6px
    }

.apexcharts-tooltip-marker {
    border-radius: 50%;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 12px
}

.apexcharts-tooltip-series-group {
    align-items: center;
    display: none;
    justify-content: left;
    padding: 0 10px;
    text-align: left
}

    .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
        opacity: 1
    }

    .apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 4px
    }

.apexcharts-tooltip-series-group-hidden {
    height: 0;
    line-height: 0;
    opacity: 0;
    padding: 0 !important
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px
}

.apexcharts-custom-tooltip, .apexcharts-tooltip-box {
    padding: 4px 8px
}

.apexcharts-tooltip-boxPlot {
    display: flex;
    flex-direction: column-reverse
}

.apexcharts-tooltip-box > div {
    margin: 4px 0
}

.apexcharts-tooltip-box span.value {
    font-weight: 700
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px
}

    .apexcharts-tooltip-rangebar .category {
        color: #777;
        font-weight: 600
    }

    .apexcharts-tooltip-rangebar .series-name {
        display: block;
        font-weight: 700;
        margin-bottom: 5px
    }

.apexcharts-xaxistooltip {
    background: #eceff1;
    border: 1px solid #90a4ae;
    border-radius: 2px;
    color: #373d3f;
    font-size: 13px;
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition: all .15s ease;
    z-index: 10
}

    .apexcharts-xaxistooltip.apexcharts-theme-dark {
        background: rgba(0,0,0,.7);
        border: 1px solid rgba(0,0,0,.5);
        color: #fff
    }

    .apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
        border: solid transparent;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .apexcharts-xaxistooltip:after {
        border-color: rgba(236,239,241,0);
        border-width: 6px;
        margin-left: -6px
    }

    .apexcharts-xaxistooltip:before {
        border-color: rgba(144,164,174,0);
        border-width: 7px;
        margin-left: -7px
    }

.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
    bottom: 100%
}

.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
    top: 100%
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #eceff1
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90a4ae
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #eceff1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90a4ae
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: all .15s ease
}

.apexcharts-yaxistooltip {
    background: #eceff1;
    border: 1px solid #90a4ae;
    border-radius: 2px;
    color: #373d3f;
    font-size: 13px;
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: 10
}

    .apexcharts-yaxistooltip.apexcharts-theme-dark {
        background: rgba(0,0,0,.7);
        border: 1px solid rgba(0,0,0,.5);
        color: #fff
    }

    .apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
        border: solid transparent;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        width: 0
    }

    .apexcharts-yaxistooltip:after {
        border-color: rgba(236,239,241,0);
        border-width: 6px;
        margin-top: -6px
    }

    .apexcharts-yaxistooltip:before {
        border-color: rgba(144,164,174,0);
        border-width: 7px;
        margin-top: -7px
    }

.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
    left: 100%
}

.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
    right: 100%
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #eceff1
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90a4ae
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #eceff1
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90a4ae
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1
}

.apexcharts-yaxistooltip-hidden {
    display: none
}

.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
    opacity: 0;
    pointer-events: none;
    transition: all .15s ease
}

    .apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active {
        opacity: 1;
        transition: all .15s ease
    }

.apexcharts-ycrosshairs-hidden {
    opacity: 0
}

.apexcharts-selection-rect {
    cursor: move
}

.svg_select_boundingRect, .svg_select_points_rot {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_boundingRect, .apexcharts-selection-rect + g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_points_l, .apexcharts-selection-rect + g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
    cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
    cursor: move
}

.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    color: #6e8192;
    cursor: pointer;
    height: 20px;
    line-height: 24px;
    text-align: center;
    width: 20px
}

    .apexcharts-menu-icon svg, .apexcharts-reset-icon svg, .apexcharts-zoom-icon svg, .apexcharts-zoomin-icon svg, .apexcharts-zoomout-icon svg {
        fill: #6e8192
    }

    .apexcharts-selection-icon svg {
        fill: #444;
        transform: scale(.76)
    }

.apexcharts-theme-dark .apexcharts-menu-icon svg, .apexcharts-theme-dark .apexcharts-pan-icon svg, .apexcharts-theme-dark .apexcharts-reset-icon svg, .apexcharts-theme-dark .apexcharts-selection-icon svg, .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg, .apexcharts-theme-dark .apexcharts-zoom-icon svg, .apexcharts-theme-dark .apexcharts-zoomin-icon svg, .apexcharts-theme-dark .apexcharts-zoomout-icon svg {
    fill: #f3f4f5
}

.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
    fill: #008ffb
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
    fill: #333
}

.apexcharts-menu-icon, .apexcharts-selection-icon {
    position: relative
}

.apexcharts-reset-icon {
    margin-left: 5px
}

.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon {
    transform: scale(.85)
}

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    transform: scale(.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px
}

.apexcharts-pan-icon {
    left: 1px;
    position: relative;
    top: 0;
    transform: scale(.62)
}

    .apexcharts-pan-icon svg {
        fill: #fff;
        stroke: #6e8192;
        stroke-width: 2
    }

    .apexcharts-pan-icon.apexcharts-selected svg {
        stroke: #008ffb
    }

    .apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
        stroke: #333
    }

.apexcharts-toolbar {
    align-items: center;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    max-width: 176px;
    padding: 0 6px 2px;
    position: absolute;
    text-align: right;
    z-index: 11
}

.apexcharts-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-width: 110px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 100%;
    transition: all .15s ease
}

    .apexcharts-menu.apexcharts-menu-open {
        opacity: 1;
        pointer-events: all;
        transition: all .15s ease
    }

.apexcharts-menu-item {
    cursor: pointer;
    font-size: 12px;
    padding: 6px 7px
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0,0,0,.7);
    color: #fff
}

@media screen and (min-width:768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1
    }
}

.apexcharts-datalabel.apexcharts-element-hidden {
    opacity: 0
}

.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, .apexcharts-datalabels, .apexcharts-pie-label {
    cursor: default;
    pointer-events: none
}

.apexcharts-pie-label-delay {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: opaque;
    animation-name: opaque;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    opacity: 0
}

.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points {
    opacity: 0
}

.apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-gridline, .apexcharts-line, .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon, .apexcharts-toolbar svg, .apexcharts-tooltip .apexcharts-marker, .apexcharts-zoom-rect {
    pointer-events: none
}

.apexcharts-marker {
    transition: all .15s ease
}

@-webkit-keyframes opaque {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opaque {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes resizeanim {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes resizeanim {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.resize-triggers {
    -webkit-animation: resizeanim 1ms;
    animation: resizeanim 1ms;
    opacity: 0;
    visibility: hidden
}

    .contract-trigger:before, .resize-triggers, .resize-triggers > div {
        content: " ";
        display: block;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
    }

        .resize-triggers > div {
            background: #eee;
            overflow: auto
        }

.contract-trigger:before {
    height: 200%;
    width: 200%
}

.daterangepicker {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: Roboto,"Open Sans";
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
}

    .daterangepicker:after, .daterangepicker:before {
        content: "";
        display: inline-block;
        position: absolute
    }

    .daterangepicker:before {
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        top: -7px
    }

    .daterangepicker:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        top: -6px
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        width: 0
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

        .daterangepicker.drop-up:before {
            border-bottom: initial;
            border-top: 7px solid #ccc;
            bottom: -7px;
            top: auto
        }

        .daterangepicker.drop-up:after {
            border-bottom: initial;
            border-top: 6px solid #fff;
            bottom: -6px;
            top: auto
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        border: solid #000;
        border-radius: 0;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        min-width: 32px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: 32px
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px
    }

        .daterangepicker .calendar-table table {
            border-collapse: collapse;
            border-spacing: 0;
            margin: 0;
            width: 100%
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
    }

    .daterangepicker td.week, .daterangepicker th.week {
        color: #ccc;
        font-size: 80%
    }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        border-color: transparent;
        color: #999
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        border-radius: 0
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        cursor: default;
        font-size: 12px;
        height: auto;
        margin: 0;
        padding: 1px
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        background: #eee;
        border: 1px solid #eee;
        font-size: 12px;
        margin: 0 auto;
        outline: 0;
        padding: 2px;
        width: 50px
    }

    .daterangepicker .calendar-time {
        line-height: 30px;
        margin: 4px auto 0;
        position: relative;
        text-align: center
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .drp-buttons {
        border-top: 1px solid #ddd;
        clear: both;
        display: none;
        line-height: 12px;
        padding: 8px;
        text-align: right;
        vertical-align: middle
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px
    }

    .daterangepicker .drp-buttons .btn {
        font-size: 12px;
        font-weight: 700;
        margin-left: 8px;
        padding: 4px 8px
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        margin: 0;
        text-align: left
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .daterangepicker .ranges li {
        cursor: pointer;
        font-size: 12px;
        padding: 8px 12px
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee
        }

        .daterangepicker .ranges li.active {
            background-color: #08c
        }

@media(min-width:564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single .drp-calendar, .daterangepicker.single .ranges {
            float: left
        }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0
        }

            .daterangepicker .drp-calendar.left .calendar-table {
                border-bottom-right-radius: 0;
                border-right: none;
                border-top-right-radius: 0
            }

        .daterangepicker .drp-calendar.right {
            margin-left: 0
        }

            .daterangepicker .drp-calendar.right .calendar-table {
                border-bottom-left-radius: 0;
                border-left: none;
                border-top-left-radius: 0
            }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px
        }

        .daterangepicker .drp-calendar, .daterangepicker .ranges {
            float: left
        }
}

@media(min-width:730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

table.dataTable td.dt-control {
    cursor: pointer;
    text-align: center
}

    table.dataTable td.dt-control:before {
        background-color: #31b131;
        border: .15em solid #fff;
        border-radius: 1em;
        box-shadow: 0 0 .2em #444;
        box-sizing: content-box;
        color: #fff;
        content: "+";
        display: inline-block;
        font-family: Roboto,"Open Sans";
        height: 1em;
        line-height: 1em;
        margin-top: -9px;
        text-align: center;
        text-indent: 0 !important;
        width: 1em
    }

table.dataTable tr.dt-hasChild td.dt-control:before {
    background-color: #d33333;
    content: "-"
}

table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_desc_disabled, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_desc_disabled {
    cursor: pointer;
    padding-right: 26px;
    position: relative
}

    table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before {
        display: block;
        font-size: .9em;
        line-height: 9px;
        opacity: .125;
        position: absolute;
        right: 10px
    }

    table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc_disabled:before {
        bottom: 50%;
        content: "▴"
    }

    table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_desc_disabled:after {
        content: "▾";
        top: 50%
    }

    table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after {
        opacity: .6
    }

    table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after {
        display: none
    }

table.dataTable thead > tr > td:active, table.dataTable thead > tr > th:active {
    outline: none
}

div.dataTables_scrollBody table.dataTable thead > tr > td:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > th:before {
    display: none
}

div.dataTables_processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -26px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px
}

    div.dataTables_processing > div:last-child {
        height: 15px;
        margin: 1em auto;
        position: relative;
        width: 80px
    }

        div.dataTables_processing > div:last-child > div {
            -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
            animation-timing-function: cubic-bezier(0,1,1,0);
            background: rgba(13,110,253,.9);
            border-radius: 50%;
            height: 13px;
            position: absolute;
            top: 0;
            width: 13px
        }

            div.dataTables_processing > div:last-child > div:first-child {
                -webkit-animation: datatables-loader-1 .6s infinite;
                animation: datatables-loader-1 .6s infinite;
                left: 8px
            }

            div.dataTables_processing > div:last-child > div:nth-child(2) {
                -webkit-animation: datatables-loader-2 .6s infinite;
                animation: datatables-loader-2 .6s infinite;
                left: 8px
            }

            div.dataTables_processing > div:last-child > div:nth-child(3) {
                -webkit-animation: datatables-loader-2 .6s infinite;
                animation: datatables-loader-2 .6s infinite;
                left: 32px
            }

            div.dataTables_processing > div:last-child > div:nth-child(4) {
                -webkit-animation: datatables-loader-3 .6s infinite;
                animation: datatables-loader-3 .6s infinite;
                left: 56px
            }

@-webkit-keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@-webkit-keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

table.dataTable td.dt-left, table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right, table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify, table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable tfoot td, table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th, table.dataTable tfoot th.dt-head-left, table.dataTable thead td, table.dataTable thead td.dt-head-left, table.dataTable thead th, table.dataTable thead th.dt-head-left {
    text-align: left
}

    table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
        text-align: center
    }

    table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
        text-align: right
    }

    table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
        text-align: justify
    }

    table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {
        white-space: nowrap
    }

table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}