@charset "UTF-8";

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #ebecf1;
    color: #1a1630;
}

    .page-link:hover {
        z-index: 2;
        text-decoration: none;
        background-color: transparent;
        box-shadow: none;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: none;
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
}

    .page-item.active .page-link:hover {
        color: #fff !important;
    }

.page-item.disabled .page-link {
    color: #ced4da;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*-----Alerts-----*/
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 0.9375rem;
}

    .alert:first-child {
        margin-bottom: 1rem !important;
    }

    .alert:last-child {
        margin-bottom: 0;
    }

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 500;
}

    .alert-link:hover,
    .alert-link a:hover {
        text-decoration: underline;
    }

.alert-dismissible {
    padding-right: 3.90625rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

.alert-success {
    color: #fff;
    background-color: #38cb89;
    border-color: #38cb89;
}

    .alert-success hr {
        border-top-color: #c5e7a4;
    }

    .alert-success .alert-link {
        color: #172e00;
    }

.alert-info {
    color: #fff;
    background-color: #5b7fff;
    border-color: #5b7fff;
}

    .alert-info hr {
        border-top-color: #b3dcf9;
    }

    .alert-info .alert-link {
        color: #193c56;
    }

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

    .alert-warning hr {
        border-top-color: #fae8a4;
    }

    .alert-warning .alert-link {
        color: #4d3f05;
    }

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

    .alert-danger hr {
        border-top-color: #ecacab;
    }

    .alert-danger .alert-link {
        color: #3f0a09;
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.alert-icon {
    padding-left: 3rem;
}

    .alert-icon > i {
        color: inherit !important;
        font-size: 1rem;
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

.alert-avatar {
    padding-left: 3.75rem;
}

    .alert-avatar .avatar {
        position: absolute;
        top: .5rem;
        left: .75rem;
    }

.close {
    font-size: 1rem;
    line-height: 1.5;
    transition: .3s color;
}

/*
  .close:before {
	content: '\ea00';
	font-family: "feather";
  }
  */
.alert-light-success {
    color: #38cb89;
    background-color: #cbf6e2;
    border-color: #cbf6e2;
}

.alert-light-danger {
    color: #ef4b4b;
    background-color: #fac8c8;
    border-color: #fac8c8;
}

.alert-light-warning {
    color: #ffab00;
    background-color: #fee8bb;
    border-color: #fee8bb;
}

.alert-light-info {
    color: #5b7fff;
    background-color: #ccd6f8;
    border-color: #ccd6f8;
}

/*------ Breadcrumb ------*/
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
    border-radius: 3px;
    font-weight: 400;
    background: #f0f0f2;
}

.breadcrumb-item.active {
    color: #1a1630;
}

.breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #f0f0f2;
    border-radius: .25rem;
}

.breadcrumb-item1 a:hover {
    color: #123787;
    text-decoration: underline;
}

.breadcrumb-item1.active {
    color: #1a1630;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #f0f0f2;
}

    .breadcrumb-arrow li {
        display: inline-block;
        vertical-align: top;
    }

        .breadcrumb-arrow li:first-child a {
            border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            padding: 0 10px;
            padding-left: 10px;
        }

        .breadcrumb-arrow li a,
        .breadcrumb-arrow li span {
            display: inline-block;
            vertical-align: top;
        }

        .breadcrumb-arrow li:not(:first-child) {
            margin-left: -5px;
        }

        .breadcrumb-arrow li + li:before {
            padding: 0;
            content: "";
        }

        .breadcrumb-arrow li span {
            padding: 0 10px;
            color: #1a1630;
        }

        .breadcrumb-arrow li a,
        .breadcrumb-arrow li:not(:first-child) span {
            height: 36px;
            padding: 0 10px 0 25px;
            line-height: 36px;
        }

        .breadcrumb-arrow li a {
            position: relative;
            color: #fff;
            text-decoration: none;
        }

            .breadcrumb-arrow li a:after {
                position: absolute;
                top: -1px;
                width: 0;
                height: 0;
                content: '';
                border-top: 18px solid transparent;
                border-bottom: 18px solid transparent;
            }

            .breadcrumb-arrow li a:before {
                position: absolute;
                top: -1px;
                width: 0;
                height: 0;
                content: '';
                border-top: 18px solid transparent;
                border-bottom: 18px solid transparent;
                right: -11px;
                z-index: 3;
                border-left-style: solid;
                border-left-width: 11px;
            }

            .breadcrumb-arrow li a:after {
                right: -12px;
                z-index: 2;
                border-left: 11px solid #6e79ca;
            }

/*-------- Buttons ------*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.8575rem;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
    letter-spacing: .03em;
}

    .btn:hover {
        text-decoration: none;
    }

    .btn:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
    }

    .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
    }

    .btn.disabled,
    .btn:disabled {
        opacity: 0.65;
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

        .btn:not(:disabled):not(.disabled):active,
        .btn:not(:disabled):not(.disabled).active {
            background-image: none;
        }

.btn-success {
    color: #fff !important;
    background-color: #38cb89;
    border-color: #38cb89;
    box-shadow: 0 0px 10px -5px rgba(56, 203, 137, 0.5);
}

    .btn-success:hover {
        color: #fff !important;
        background-color: #25b977 !important;
        border-color: #25b977 !important;
    }

    .btn-success:focus,
    .btn-success.focus {
        box-shadow: 0 0 0 2px rgba(56, 203, 137, 0.1);
        background-color: #42c48a !important;
        border-color: #42c48a !important;
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #fff;
        background-color: #42c48a;
        border-color: #42c48a;
    }

    .btn-success:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #42c48a;
        border-color: #42c48a;
    }

.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #42c48a;
    border-color: #42c48a;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(56, 203, 137, 0.1);
}

.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(56, 203, 137, 0.1);
}

.btn-info {
    color: #fff !important;
    background-color: #5b7fff;
    border-color: #5b7fff;
    box-shadow: 0 0px 10px -5px rgba(91, 127, 255, 0.5);
}

    .btn-info:hover {
        color: #fff !important;
        background-color: #708ffe;
        border-color: #708ffe;
    }

    .btn-info:focus,
    .btn-info.focus {
        box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.1);
        background-color: #708ffe;
        border-color: #708ffe;
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #fff;
        background-color: #708ffe;
        border-color: #708ffe;
    }

    .btn-info:not(:disabled):not(.disabled):active,
    .btn-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #708ffe;
        border-color: #708ffe;
    }

.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #708ffe;
    border-color: #708ffe;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.1);
}

.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.1);
}

.btn-warning {
    color: #fff !important;
    background-color: #ffab00;
    border-color: #ffab00;
    box-shadow: 0 0px 10px -5px rgba(255, 171, 0, 0.5);
}

    .btn-warning:hover {
        color: #fff !important;
        background-color: #feb521;
        border-color: #feb521;
    }

    .btn-warning:focus,
    .btn-warning.focus {
        box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.1);
        background-color: #feb521;
        border-color: #feb521;
    }

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

    .btn-warning:not(:disabled):not(.disabled):active,
    .btn-warning:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #f3a403;
        border-color: #feb521;
    }

.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f3a403;
    border-color: #feb521;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.1);
}

.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.1);
}

.btn-danger {
    color: #fff !important;
    background-color: #ef4b4b;
    border-color: #ef4b4b;
    box-shadow: 0 0px 10px -5px rgba(239, 75, 75, 0.44);
}

    .btn-danger:hover {
        color: #fff !important;
        background-color: #ef5858;
        border-color: #ef5858;
    }

    .btn-danger:focus,
    .btn-danger.focus {
        box-shadow: 0 0 0 2px rgba(239, 75, 75, 0.1);
        background-color: #ef5858;
        border-color: #ef5858;
    }

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

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

.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d6124a;
    border-color: #d6124a;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(239, 75, 75, 0.1);
}

.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(239, 75, 75, 0.1);
}

.btn-outline-success {
    color: #38cb89;
    background-color: transparent;
    background-image: none;
    border-color: #38cb89;
    box-shadow: 0 0px 10px -5px rgba(56, 203, 137, 0.5);
}

    .btn-outline-success:hover {
        color: #fff !important;
        background-color: #38cb89;
        border-color: #38cb89;
    }

    .btn-outline-success:focus,
    .btn-outline-success.focus {
        box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #38cb89;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active,
    .btn-outline-success:not(:disabled):not(.disabled).active {
        color: #fff !important;
        background-color: #38cb89;
        border-color: #38cb89;
    }

.show > .btn-outline-success.dropdown-toggle {
    color: #fff !important;
    background-color: #38cb89;
    border-color: #38cb89;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}

.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}

.btn-outline-info {
    color: #5b7fff;
    background-color: transparent;
    background-image: none;
    border-color: #5b7fff;
    box-shadow: 0 0px 10px -5px rgba(91, 127, 255, 0.5);
}

    .btn-outline-info:hover {
        color: #fff !important;
        background-color: #5b7fff;
        border-color: #5b7fff;
    }

    .btn-outline-info:focus,
    .btn-outline-info.focus {
        box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.1);
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #5b7fff;
        background-color: transparent;
    }

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

.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5b7fff;
    border-color: #5b7fff;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.1);
}

.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.1);
}

.btn-outline-warning {
    color: #ffab00;
    background-color: transparent;
    background-image: none;
    border-color: #ffab00;
    box-shadow: 0 0px 10px -5px rgba(255, 171, 0, 0.5);
}

    .btn-outline-warning:hover {
        color: #fff !important;
        background-color: #ffab00;
        border-color: #ffab00;
    }

    .btn-outline-warning:focus,
    .btn-outline-warning.focus {
        box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
    }

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

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

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

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}

.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
    box-shadow: 0 0px 10px -5px rgba(220, 4, 65, 0.5);
}

.btn-outline-danger {
    color: #dc0441;
    background-color: transparent;
    background-image: none;
    border-color: #dc0441;
    box-shadow: 0 0px 10px -5px rgba(220, 4, 65, 0.5);
}

    .btn-outline-danger:hover {
        color: #fff !important;
        background-color: #dc0441;
        border-color: #dc0441;
    }

    .btn-outline-danger:focus,
    .btn-outline-danger.focus {
        box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
    }

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

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

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

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}

.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}

.btn-outline-light {
    color: #495057;
    background-color: transparent;
    background-image: none;
    border-color: #e3e4e9;
    box-shadow: 0 0px 10px -5px #e8ebf2;
}

    .btn-outline-light:hover {
        color: #495057;
        background-color: #f0f0f2;
        border-color: #f0f0f2;
    }

    .btn-outline-light:focus,
    .btn-outline-light.focus {
        box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
    }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #495057;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active,
    .btn-outline-light:not(:disabled):not(.disabled).active {
        color: #495057;
        background-color: #f0f0f2;
        border-color: #f0f0f2;
    }

.show > .btn-outline-light.dropdown-toggle {
    color: #495057;
    background-color: #f0f0f2;
    border-color: #f0f0f2;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}

.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
    box-shadow: 0 0px 10px -5px rgba(244, 242, 246, 0.5);
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus,
    .btn-outline-dark.focus {
        box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
    }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

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

.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.btn-link {
    font-weight: 400;
    background-color: transparent;
}

    .btn-link:hover {
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }

    .btn-link:focus,
    .btn-link.focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none;
    }

    .btn-link:disabled,
    .btn-link.disabled {
        color: #868e96;
        pointer-events: none;
    }

/*.btn-lg,
.btn-group-lg > .btn {
    padding: 0.7rem 2rem;
    font-size: 1.125rem;
    line-height: 1.625;
    border-radius: 3px;
    font-size: 16px;
    min-width: 2.75rem;
}
*/
.btn-sm,
.btn-group-sm > .btn {
    font-size: 0.875rem;
    line-height: 1.33333333;
    border-radius: 3px;
    padding: 0.35rem 0.5rem;
    line-height: 1;
    min-width: 1.625rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

    .fade:not(.show) {
        opacity: 0;
    }

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.btn-green {
    color: #fff;
    background-color: #38cb89;
    border-color: #38cb89;
}

    .btn-green:hover {
        color: #fff;
        background-color: #15ca7c;
        border-color: #15ca7c;
    }

    .btn-green:focus,
    .btn-green.focus {
        box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
    }

    .btn-green.disabled,
    .btn-green:disabled {
        color: #fff;
        background-color: #38cb89;
        border-color: #38cb89;
    }

    .btn-green:not(:disabled):not(.disabled):active,
    .btn-green:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #15ca7c;
        border-color: #3e7a00;
    }

.show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #15ca7c;
    border-color: #3e7a00;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-teal {
    color: #fff;
    background-color: #2bcbba;
    border-color: #2bcbba;
}

    .btn-teal:hover {
        color: #fff;
        background-color: #24ab9d;
        border-color: #22a193;
    }

    .btn-teal:focus,
    .btn-teal.focus {
        box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
    }

    .btn-teal.disabled,
    .btn-teal:disabled {
        color: #fff;
        background-color: #2bcbba;
        border-color: #2bcbba;
    }

    .btn-teal:not(:disabled):not(.disabled):active,
    .btn-teal:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #22a193;
        border-color: #20968a;
    }

.show > .btn-teal.dropdown-toggle {
    color: #fff;
    background-color: #22a193;
    border-color: #20968a;
}

.btn-teal:not(:disabled):not(.disabled):active:focus,
.btn-teal:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.show > .btn-teal.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.btn-cyan {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-cyan:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-cyan:focus,
    .btn-cyan.focus {
        box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
    }

    .btn-cyan.disabled,
    .btn-cyan:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-cyan:not(:disabled):not(.disabled):active,
    .btn-cyan:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

.show > .btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-cyan:not(:disabled):not(.disabled):active:focus,
.btn-cyan:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.show > .btn-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.btn-white {
    background-color: #fff;
    background-image: none;
    border-color: #e7e9f1;
    color: #1a1630;
}

    .btn-white:hover {
        background-color: #fff;
        background-image: none;
        border-color: #e7e9f1;
    }

    .btn-white:focus,
    .btn-white.focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
    }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #495057;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white:not(:disabled):not(.disabled):active,
    .btn-white:not(:disabled):not(.disabled).active {
        color: #495057;
        background-color: #f0f0f2;
        border-color: #e7e9f1;
    }

.show > .btn-white.dropdown-toggle {
    color: #495057;
    background-color: #f0f0f2;
    border-color: #e7e9f1;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.show > .btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.btn-gray {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}

    .btn-gray:hover {
        color: #fff;
        background-color: #727b84;
        border-color: #6c757d;
    }

    .btn-gray:focus,
    .btn-gray.focus {
        box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
    }

    .btn-gray.disabled,
    .btn-gray:disabled {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96;
    }

    .btn-gray:not(:disabled):not(.disabled):active,
    .btn-gray:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #6c757d;
        border-color: #666e76;
    }

.show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #666e76;
}

.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-gray-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-gray-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-gray-dark:focus,
    .btn-gray-dark.focus {
        box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
    }

    .btn-gray-dark.disabled,
    .btn-gray-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-gray-dark:not(:disabled):not(.disabled):active,
    .btn-gray-dark:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

.show > .btn-gray-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-gray-dark:not(:disabled):not(.disabled):active:focus,
.btn-gray-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.show > .btn-gray-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-azure {
    color: #fff;
    background-color: #5b7fff;
    border-color: #5b7fff;
}

    .btn-azure:hover {
        color: #fff !important;
        background-color: #219af0;
        border-color: #1594ef;
    }

    .btn-azure:focus,
    .btn-azure.focus {
        box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.5);
    }

    .btn-azure.disabled,
    .btn-azure:disabled {
        color: #fff;
        background-color: #5b7fff;
        border-color: #5b7fff;
    }

    .btn-azure:not(:disabled):not(.disabled):active,
    .btn-azure:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #1594ef;
        border-color: #108ee7;
    }

.show > .btn-azure.dropdown-toggle {
    color: #fff;
    background-color: #1594ef;
    border-color: #108ee7;
}

.btn-azure:not(:disabled):not(.disabled):active:focus,
.btn-azure:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.5);
}

.show > .btn-azure.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(91, 127, 255, 0.5);
}

.btn-lime {
    color: #fff;
    background-color: #7bd235;
    border-color: #7bd235;
}

    .btn-lime:hover {
        color: #fff;
        background-color: #69b829;
        border-color: #63ad27;
    }

    .btn-lime:focus,
    .btn-lime.focus {
        box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
    }

    .btn-lime.disabled,
    .btn-lime:disabled {
        color: #fff;
        background-color: #7bd235;
        border-color: #7bd235;
    }

    .btn-lime:not(:disabled):not(.disabled):active,
    .btn-lime:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #63ad27;
        border-color: #5da324;
    }

.show > .btn-lime.dropdown-toggle {
    color: #fff;
    background-color: #63ad27;
    border-color: #5da324;
}

.btn-lime:not(:disabled):not(.disabled):active:focus,
.btn-lime:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.show > .btn-lime.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.btn-option {
    background: transparent;
    color: #9aa0ac;
}

    .btn-option:hover {
        color: #6e7687;
    }

    .btn-option:focus {
        box-shadow: none;
        color: #6e7687;
    }

.btn-list {
    margin-bottom: -.5rem;
    font-size: 0;
}

    .btn-list > .btn,
    .btn-list > .dropdown {
        margin-bottom: .5rem;
    }

        .btn-list > .btn:not(:last-child),
        .btn-list > .dropdown:not(:last-child) {
            margin-right: .5rem;
        }

.btn-loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
}

    .btn-loading:after {
        content: '';
        -webkit-animation: loader 500ms infinite linear;
        animation: loader 500ms infinite linear;
        border: 2px solid #fff;
        border-radius: 50%;
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        display: block;
        height: 1.4em;
        width: 1.4em;
        position: absolute;
        left: calc(50% - (1.4em / 2));
        top: calc(50% - (1.4em / 2));
        -webkit-transform-origin: center;
        transform-origin: center;
        position: absolute !important;
    }

    .btn-loading.btn-sm:after {
        height: 1em;
        width: 1em;
        left: calc(50% - (1em / 2));
        top: calc(50% - (1em / 2));
    }

.btn-group-sm > .btn-loading.btn:after {
    height: 1em;
    width: 1em;
    left: calc(50% - (1em / 2));
    top: calc(50% - (1em / 2));
}

.btn-loading.btn-secondary:after {
    border-color: #495057;
}

.btn-primary .svg-icon,
.btn-secondary .svg-icon,
.btn-success .svg-icon,
.btn-info .svg-icon,
.btn-warning .svg-icon,
.btn-danger .svg-icon,
.btn-dark .svg-icon {
    fill: rgba(255, 255, 255, 0.6);
}

.data-table-btn {
    position: absolute;
    left: 80px;
    padding: 5px 15px;
    font-size: 13px;
}

/*------Drop Downs-------*/
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #c4c9d6;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1100;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.8575rem;
    color: #495057;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: none;
    min-width: 12rem;
    box-shadow: 0px 16px 18px rgba(4, 4, 7, 0.1);
    border-radius: 4px;
    border: 1px solid #ebecf1;
    min-width: 12rem;
    box-shadow: 0px 16px 18px rgba(4, 4, 7, 0.1);
    border-radius: 4px;
    border: 1px solid #c7c7c7;
    padding-right: 6px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    vertical-align: 0;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
    vertical-align: 0;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.header .dropdown-menu[x-placement^="top"],
.header .dropdown-menu[x-placement^="right"],
.header .dropdown-menu[x-placement^="bottom"],
.header .dropdown-menu[x-placement^="left"] {
    top: 62px !important;
    border-radius: 6px;
    animation-name: fadeInUp;
    border: 1px solid #ebecf1;
    box-shadow: 0px 16px 18px rgba(4, 4, 7, 0.1);
}

.header-notify.show .dropdown-menu {
    left: -180px !important;
}

.header-message.show .dropdown-menu {
    left: -250px !important;
}

.profile-dropdown.show .dropdown-menu[x-placement^="bottom"] {
    left: -140px !important;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.35rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.notifyimg {
    color: #fff;
    float: left;
    height: 40px;
    line-height: 43px;
    margin-right: 20px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    border-radius: 50%;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.drop-icon-wrap {
    text-align: center;
}

    .drop-icon-wrap li {
        display: block;
    }

    .drop-icon-wrap .drop-icon-item {
        display: inline-block;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
        color: #878787;
        text-transform: capitalize;
        width: 50%;
        float: left;
    }

.drop-icon-item i {
    font-size: 20px;
    padding-bottom: 5px;
}

.drop-icon-wrap .drop-icon-item:hover,
.drop-icon-wrap .drop-icon-item:focus {
    text-decoration: none;
    background-color: #eef0ff;
}

.dropdown-item.user {
    font-size: 16px;
    padding: 5px;
}

.user-semi-title {
    font-size: 12px;
}

.floating {
    animation: floating 3s ease infinite;
    will-change: transform;
}

.dropdown-item:hover,
.dropdown-item:focus {
    text-decoration: none;
    background-color: #f0f0f2;
}

.dropdown-item.active,
.dropdown-item:active {
    text-decoration: none;
    background-color: #f0f0f2;
    color: #3e4358;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #fff;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
    margin: 0;
}

.dropdown-menu-arrow.dropdown-menu-right:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 15px;
    border-bottom: 10px solid #ebecf1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dropdown-menu-arrow.dropdown-menu-right:after {
    content: '';
    position: absolute;
    top: -8.5px;
    left: 16px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dropdown-menu-arrow.dropdown-menu-left:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 15px;
    border-bottom: 10px solid #ebecf1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dropdown-menu-arrow.dropdown-menu-left:after {
    content: '';
    position: absolute;
    top: -8.5px;
    left: 16px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
    top: -1px !important;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #868e96;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus,
        .btn-group > .btn:active,
        .btn-group > .btn.active {
            z-index: 1;
        }

        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group {
        margin-left: -1px;
    }

    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

    .btn-group-vertical .btn + .btn,
    .btn-group-vertical .btn + .btn-group {
        margin-left: -1px;
    }

    .btn-group-vertical .btn-group + .btn,
    .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group-vertical > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:not(:first-child),
    .btn-group-vertical > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

/*-----List Of Dropdwons-----*/
btn.dropdown-toggle ~ .dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: white !important;
    border: 0 solid #4285f4 !important;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: white !important;
    border: 0 solid #4285f4 !important;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    position: absolute !important;
    width: 100% !important;
}

.dropdown-menu > li > a {
    display: block;
    padding: 0.35rem 1.0rem;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #1a1630;
    }

    .dropdown-menu > li > a:not([class^="btn "]):hover,
    .dropdown-menu > li > a:not([class^="btn "]):focus {
        background-color: #f0f0f2;
    }

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #ebecf1;
}

.dropdown-menu .dropdown-plus-title {
    width: 100% !important;
    color: #6b6f80 !important;
    padding: 6px 12px !important;
    font-weight: 500 !important;
    border: 0 solid #ebecf1 !important;
    border-bottom-width: 1px !important;
    cursor: pointer !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px !important;
}

.btn.dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-plus-title {
    border-color: #38cb89 !important;
}

.btn.dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-plus-title {
    border-color: #5b7fff !important;
}

.btn.dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-plus-title {
    border-color: #ffab00 !important;
}

.btn.dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-plus-title {
    border-color: #ef4b4b !important;
}

.dropdown-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #ebecf1;
}

.dropdown-demo .dropdown-menu {
    position: static;
    float: none;
}

.dropdown-menu-header label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b6f80;
}

.dropdown-media-list .media {
    padding: 12px 15px;
}

    .dropdown-media-list .media:hover,
    .dropdown-media-list .media:focus {
        background-color: #f8f9fa;
    }

.media {
    display: flex;
    align-items: flex-start;
}

.dropdown-media-list img {
    border-radius: 100%;
}

.dropdown-media-list .media-body {
    margin-left: 15px;
}

.media-body {
    flex: 1;
}

.dropdown-media-list .media-body > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .dropdown-media-list .media-body > div p {
        margin-bottom: 0;
        font-weight: 500;
        color: #6b6f80;
        font-size: 14px;
    }

    .dropdown-media-list .media-body > div span {
        font-size: 12px;
    }

.dropdown-media-list .media-body > p {
    font-size: 14px;
    margin-bottom: 0;
}

.dropdown-list-footer {
    padding: 10px 15px;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #ebecf1;
}

.label {
    display: inline-block;
    margin-bottom: .5rem;
}

.dropdown-media-list {
    padding: 0;
}

@media (min-width: 576px) {
    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        width: auto !important;
    }

        ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }
}

.dropdown {
    display: block;
}

#sidebar .dropdown-menu {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    min-width: 12rem;
}

.dropdown-menu-arrow.dropdown-menu-right:before,
.dropdown-menu-arrow.dropdown-menu-right:after {
    left: auto;
    right: 12px;
}

.dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .dropdown-toggle:after {
        vertical-align: 0.155em;
    }

    .dropdown-toggle:empty:after {
        margin-left: 0;
    }

.dropdown-icon {
    color: #3e4358;
    margin-right: .5rem;
    margin-left: -.5rem;
    width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: -1px;
}

.header .profile-dropdown .dropdown-menu {
    top: 58px !important;
}

.header .header-dropdown-list {
    height: 300px;
}

.dropdown-header {
    padding: 15px;
    border-bottom: 1px solid #ebecf1;
    color: #1a1630;
    display: flex;
}

.dropdown-toggle.split-dropdown {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.close {
    float: right;
    font-size: 1.40625rem;
    font-weight: 700;
    line-height: 1;
    color: #495057;
    opacity: .5;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        opacity: .75;
        box-shadow: none;
        outline: 0;
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.list-inline-dots .list-inline-item + .list-inline-item:before {
    content: '· ';
    margin-left: -2px;
    margin-right: 3px;
}

.list-separated-item {
    padding: 1rem 0;
}

    .list-separated-item:first-child {
        padding-top: 0;
    }

.list-group-item.active .icon {
    color: inherit !important;
}

.list-group-item .icon {
    color: #6b6f80 !important;
}

.list-group-transparent .list-group-item {
    background: none;
    border: 0;
    padding: .75rem 1rem;
    border-radius: 3px;
}

    .list-group-transparent .list-group-item.active {
        background: #f0f0f2;
        font-weight: 600;
    }

.icon-absolute {
    position: absolute;
    display: block;
    bottom: 10px;
    right: 10px;
    padding: 20px 0;
    text-align: center;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

@media (min-width: 991px) and (max-width: 1024px) {
    .icon-absolute {
        display: none;
    }
}

/*------ Modal -------*/
.modal-open {
    overflow: hidden;
    padding: 0 !important;
    display: block;
    overflow: inherit;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8000;
    display: none;
    overflow: hidden;
    outline: 0;
    padding-right: 0 !important;
    margin: 0 !important;
}

.modal-open,
.modal-backdrop.fade.show {
    padding-right: 0 !important;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90%;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 500px;
    }

    .modal-lg {
        max-width: 800px;
    }

    .modal-xl {
        max-width: 1140px;
    }
}
/*------ Navigation -------*/
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.2rem 0.9rem;
}

    .nav-link:hover,
    .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #a8b4c1;
    }

.nav-pills .nav-link {
    border-radius: 4px;
    background: #f0f0f2;
}

.card-header-pills.nav-pills .nav-link {
    border-radius: 4px;
    background: transparent;
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.359375rem;
    padding-bottom: 0.359375rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
}

    .navbar-toggler:hover,
    .navbar-toggler:focus {
        text-decoration: none;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767.98px) {

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991.98px) {

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1279.98px) {

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1280px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

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

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

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

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

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

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link {
    color: rgba(0, 0, 0, 0.9);
}

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

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-text a:hover,
        .navbar-light .navbar-text a:focus {
            color: rgba(0, 0, 0, 0.9);
        }

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

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

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

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

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link {
    color: #fff;
}

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

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-text a {
        color: #fff;
    }

        .navbar-dark .navbar-text a:hover,
        .navbar-dark .navbar-text a:focus {
            color: #fff;
        }

/*--navtabs--*/
.nav-tabs {
    border-bottom: 1px solid #ebecf1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    margin: 0 -.75rem;
}

.user-button {
    padding: 3px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    color: #fff !important;
}

.nav-tabs .nav-item1 {
    margin-bottom: 0;
    position: relative;
    margin-bottom: -1px;
}

    .nav-tabs .nav-item1.nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .nav-tabs .nav-item1 .nav-link {
        border: 0;
        color: inherit;
        margin-bottom: -1px;
        color: #6b6f80;
        transition: .3s border-color;
        font-weight: 400;
        padding: 1rem 10px;
    }

        .nav-tabs .nav-item1 .nav-link.disabled {
            opacity: .6;
            cursor: default;
            pointer-events: none;
        }

    .nav-tabs .nav-item1 i {
        margin-right: .25rem;
        line-height: 1;
        font-size: 0rem;
        width: 0.875rem;
        vertical-align: baseline;
        display: inline-block;
        margin-right: 10px;
    }

    .nav-tabs .nav-item1:hover .nav-submenu {
        display: block;
    }

.nav-tabs .nav-submenu {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ebecf1;
    border-top: none;
    z-index: 10;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    min-width: 10rem;
    border-radius: 0 0 3px 3px;
}

    .nav-tabs .nav-submenu .nav-item1 {
        display: block;
        padding: .5rem 1rem;
        color: #9aa0ac;
        margin: 0 !important;
        cursor: pointer;
        transition: .3s background;
    }

        .nav-tabs .nav-submenu .nav-item1.active {
            color: #467fcf;
        }

        .nav-tabs .nav-submenu .nav-item1:hover {
            color: #6e7687;
            text-decoration: none;
            background: rgba(0, 0, 0, 0.024);
        }

.nav-link,
.nav-item {
    min-width: 2rem;
    transition: .3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.header .nav-link .badge,
.header .nav-item .badge {
    position: absolute;
    top: 0px;
    right: 3px;
    display: block !important;
    padding: 3px 5px !important;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    font-size: 11px;
    line-height: 1;
}

#headerMenuCollapse .nav-link .badge,
#headerMenuCollapse .nav-item .badge {
    position: relative;
    min-width: 1rem;
    font-size: 10px;
    font-weight: 500;
}

.nav-tabs .nav-link {
    border: 0;
    color: inherit;
    color: #414246;
    transition: .3s border-color;
    font-weight: 500;
    padding: 0.5rem 1.25rem;
    font-size: 13px;
    text-align: center;
    border: 1px solid transparent;
}

    .nav-tabs .nav-link:hover:not(.disabled) {
        color: #fff;
    }

.nav-tabs .nav-item {
    margin-bottom: 0;
    position: relative;
}

    .nav-tabs .nav-item:hover .nav-submenu {
        display: block;
    }

.nav-link:hover .dropdown-menu,
.nav-item:hover .dropdown-menu,
.nav-link:hover .dropdown-menu.show {
    display: block;
}

/*---Mega Menu---*/
@media (max-width: 1279px) and (min-width: 992px) {
    .nav-tabs .nav-link {
        padding: 1rem 0.95rem;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .list-media .info {
        padding-bottom: 15px;
    }

        .list-media .info .text-right {
            display: none;
        }

    .header-brand-img {
        height: 3rem;
        margin-top: 8px;
    }

    .tabs-menu ul li {
        width: 100%;
        margin: 15px;
    }

        .tabs-menu ul li a {
            width: 100%;
        }

    .cal1 .clndr .clndr-table tr {
        height: 50px !important;
    }

    .tabs-menu1 ul li {
        width: 100%;
        margin: 15px;
    }

        .tabs-menu1 ul li a {
            width: 100%;
        }

    .form-control.custom-select.w-auto {
        display: none;
    }

    .badge {
        margin: 10px 0;
    }

    .construction .display-5 {
        font-size: 1.5rem;
    }

    .header-brand {
        line-height: 2.5rem !important;
    }

    .app-header .header-brand {
        min-width: auto !important;
    }

    .dropdown.header-fullscreen {
        display: none;
    }

    .page-rightheader .btn.btn-list {
        display: contents;
    }

    .page-leftheader {
        margin-bottom: 0.3rem;
    }
}

@media (max-width: 767px) {
    .card-tabs {
        display: block !important;
    }

    .header-brand {
        line-height: 2.7rem;
    }

    .header .input-icon.mt-2 {
        margin-top: 5px !important;
    }

    .footer .privacy {
        text-align: center !important;
    }

    .shop-dec .col-md-6.pr-0 {
        padding-right: 0.75rem !important;
    }

    .shop-dec .col-md-6.pl-0 {
        padding-left: 0.75rem !important;
    }
}

@media (max-width: 576px) and (min-width: 481px) {
    .searching i {
        margin-top: 5px !important;
    }

    .nav-link.leading-none span {
        margin-top: -1px !important;
        padding: 0 !important;
    }
}

@media (max-width: 576px) {
    .nav-tabs .nav-link {
        width: 100%;
    }

    .page-subtitle {
        display: none;
    }

    .richText .richText-toolbar ul li a {
        border: rgba(0, 40, 100, 0.12) solid 1px;
    }

    .ticket-card .col-md-1 {
        width: 100%;
        display: block;
    }

    .ticket-card img {
        display: block;
        text-align: Center;
        margin: 0 auto;
    }

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 10px !important;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important;
    }

    .carousel-caption {
        display: none;
    }

    .demo-gallery > ul > li {
        width: 100% !important;
    }

    ul.inbox-pagination li span {
        display: none;
    }

    .dash1,
    .dash2 {
        margin-bottom: 1.2rem;
    }
}

@media (max-width: 990px) and (min-width: 767px) {
    .carousel-caption {
        top: 10%;
    }
}

@media (max-width: 990px) {
    .header-toggler {
        margin: 6px;
    }

    .nav-tabs .nav-link {
        width: 100%;
    }

    form.convFormDynamic button.submit {
        margin: 4px !important;
    }

    .messages-list .media {
        padding: 9px !important;
    }
}

.nav-tabs .nav-item i {
    margin-right: .25rem;
    line-height: 1;
    font-size: 0 rem;
    width: 0.875rem;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 10px;
}

.nav-tabs .nav-submenu .nav-item {
    display: block;
    padding: .5rem 1rem;
    color: #9aa0ac;
    margin: 0 !important;
    cursor: pointer;
    transition: .3s;
}

    .nav-tabs .nav-submenu .nav-item.active {
        color: #467fcf;
    }

    .nav-tabs .nav-submenu .nav-item:hover {
        color: #6e7687;
        text-decoration: none;
        background: rgba(0, 0, 0, 0.024);
    }

.nav-link-icon {
    line-height: 0;
}

/*------ Headers -------*/
.page-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.5rem 0;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    position: relative;
}

@media (min-width: 576px) {
    .page-header {
        margin: 1rem 0;
    }
}

.page-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8rem;
    position: relative;
}

@media (min-width: 768px) {
    .breadcrumb {
        font-size: 12px;
    }

    .page-title {
        font-size: 18px !important;
    }
}

@media (min-width: 992px) {
    .page-title {
        font-size: 20px !important;
    }
}

.page-title-icon {
    color: #9aa0ac;
    font-size: 1.25rem;
}

.page-subtitle {
    font-size: 0.8125rem;
    color: #6e7687;
    margin-left: 2rem;
    position: relative;
}

    .page-subtitle a {
        color: inherit;
    }

.page-options {
    margin-left: auto;
}

.page-description {
    margin: .25rem 0 0;
    color: #6e7687;
}

    .page-description a {
        color: inherit;
    }

.page-single,
.page-single-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-heading {
    font-weight: 400;
    margin: 2rem 0 1.5rem;
    font-size: 1.25rem;
    line-height: 1.25;
}

    .content-heading:first-child {
        margin-top: 0;
    }

.aside {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 22rem;
    background: #fff;
    border-left: 1px solid #ebecf1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100;
    visibility: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1600px) {
    body.aside-opened .aside {
        visibility: visible;
    }
}

.aside-body {
    padding: 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.aside-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #ebecf1;
}

.aside-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #ebecf1;
}

.header {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background: var(--header-color);
    display: none;
}

@media (min-width: 576px) {
    .header {
        display: block;
    }
}

body.fixed-header .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.header .dropdown-menu {
    margin-top: 0;
    border-radius: 0px 0 4px 4px !important;
}

.header .mega-menu {
    width: 350px;
}

.nav-unread {
    position: absolute;
    top: .10rem;
    right: .4rem;
    background: #ecd938;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
}

    .nav-unread.badge {
        position: absolute;
        top: 0;
        text-align: center;
        right: 0;
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
    }

.nav-link.icon {
    margin: 5px;
    padding: 5px;
    text-align: center;
    height: 2.5rem;
    font-size: 1.2rem;
    position: relative;
    border-radius: 3px;
}

.app-header.header .nav-link.icon {
    padding: 5px;
}

.nav-link.icon .nav-span {
    font-size: 0.9rem;
    color: #576482;
    vertical-align: middle;
    margin-left: 0.5rem;
    font-weight: 400;
}

.header-brand {
    color: inherit;
    margin-right: 0;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0;
    transition: .3s opacity;
    line-height: 2.9rem;
}

.app-header .header-brand {
    color: inherit;
    margin-right: 1rem;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0;
    transition: .3s opacity;
    line-height: 2.9rem;
    min-width: 220px;
    text-align: center;
}

    .app-header .header-brand .header-brand-img {
        margin-right: 0;
    }

.header-brand:hover {
    color: inherit;
    text-decoration: none;
}

.header-brand-img {
    height: 45px;
    line-height: 2rem;
    vertical-align: bottom;
    margin-right: 0;
    width: auto;
}

.header-avatar {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 50%;
}

.header-btn {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1rem;
}

.center-block {
    margin-right: auto;
    margin-left: auto;
    float: inherit !important;
}

.header-btn.has-new {
    position: relative;
}

    .header-btn.has-new:before {
        content: '';
        width: 6px;
        height: 6px;
        background: #dc0441;
        position: absolute;
        top: 4px;
        right: 4px;
        border-radius: 50%;
    }

.header-toggler {
    width: 3rem;
    height: 3rem;
    position: relative;
    color: #000;
}

    .header-toggler:hover {
        color: #32e448;
    }

.header-toggler-icon {
    position: absolute;
    width: 1rem;
    height: 2px;
    color: inherit;
    background: currentColor;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -.5rem;
    box-shadow: 0 5px currentColor, 0 -5px currentColor;
}

.footer {
    background: #fff;
    border-top: 1px solid #ebecf1;
    font-size: 0.875rem;
    padding: 1.25rem 0;
}

footer.footer {
    background: #fff;
    font-size: 0.875rem;
    border-top: 0;
    padding: 1.25rem 0;
    box-shadow: 16px 0px 16px rgba(24, 23, 38, 0.06);
    border-top: 1px solid #ebecf1;
    display: block;
    margin-top: auto;
}

.footer .social {
    margin: 0 auto;
}

    .footer .social ul li {
        float: left;
        padding: 7px;
    }

        .footer .social ul li a {
            color: #abb8c3;
        }

.footer a:not(.btn) {
    font-weight: 400;
}

@media print {
    .footer,
    .header {
        display: none;
    }
}

.page-breadcrumb {
    background: none;
    padding: 0;
    margin: 1rem 0 0;
    font-size: 0.875rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

    .page-breadcrumb .breadcrumb-item {
        color: #9aa0ac;
    }

        .page-breadcrumb .breadcrumb-item.active {
            color: #6e7687;
        }

@media (min-width: 768px) {
    .page-breadcrumb {
        margin: -.5rem 0 0;
    }
}

.pagination-simple .page-item .page-link {
    background: none;
    border: none;
}

.pagination-simple .page-item.active .page-link {
    color: #495057;
    font-weight: 700;
}

.pagination-pager .page-prev {
    margin-right: auto;
}

.pagination-pager .page-next {
    margin-left: auto;
}

.page-total-text {
    margin-right: 1rem;
    -ms-flex-item-align: center;
    align-self: center;
    color: #6e7687;
}

/*-------- Search ---------*/
.search-element {
    position: relative;
}

.header .form-inline .form-control {
    border: 1px solid #ebecf1;
    padding-left: 20px;
    width: 600px;
    padding-right: 40px;
    padding-top: 7px;
    background: #fff;
}

    .header .form-inline .form-control:focus {
        box-shadow: none;
    }

.header .form-inline .btn {
    border-radius: 0;
    padding: 6px 15px 6px 15px;
    border: 1px solid transparent;
    box-shadow: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: transparent;
    color: #fff;
    margin-left: -56px;
    font-size: 15px;
    position: absolute;
    right: 0;
}

    .header .form-inline .btn i {
        color: #818c9b;
    }

@media (max-width: 767.98px) and (min-width: 576px) {
    .header .form-inline .form-control::-webkit-input-placeholder {
        color: #1a1630;
    }

    .header .navsearch i {
        font-size: 20px;
        color: #1a1630;
        padding-top: 5px;
    }

    .header .form-inline .btn {
        color: #46494a !important;
        padding: 8px 15px 6px 15px;
        position: unset !important;
    }
}

@media (max-width: 1024px) {
    .app.sidebar-gone.search-show .header.top-header {
        z-index: 1036;
    }

    body.search-show,
    body.sidebar-show {
        overflow: hidden;
    }

        body.search-show:before,
        body.sidebar-show:before {
            content: '';
            position: fixed;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            opacity: .6;
            z-index: 891;
        }
}

@media (min-width: 575.98px) and (max-width: 1200px) {
    .header .form-inline .form-control {
        width: 200px;
        margin-top: 5px;
    }

    .header .form-inline .btn {
        padding: 11px 10px 6px 15px;
    }
}

@media (max-width: 578px) {
    .hor-header {
        box-shadow: 16px 0px 16px rgba(24, 23, 38, 0.06);
        border-bottom: 1px solid transparent !important;
    }
}

@media (max-width: 575.98px) {
    body.search-show .header .form-inline .search-element {
        display: block;
    }

    .header .form-inline .search-element .form-control {
        float: left;
        width: 100%;
        height: 40px;
        margin: 0 auto;
        background: #fff;
        border-radius: 4px;
    }

    .form-control.header-search {
        color: #000;
    }

    .header .form-inline .search-element {
        position: absolute;
        z-index: 892;
        display: none;
        margin-top: 0;
    }

    .header .form-inline .btn {
        color: #46494a !important;
    }

    .header .form-inline .form-control::-webkit-input-placeholder {
        color: #1a1630 !important;
    }

    .header .navsearch i {
        font-size: 20px;
        color: #1a1630;
        padding-top: 4px;
    }

    .hor-header .header-brand-img {
        margin-top: 6px;
        margin-left: 18px !important;
    }

        .hor-header .header-brand-img.desktop-logo {
            display: none;
        }
}

textarea[cols] {
    height: auto;
}

/* --------Added--------- css*/
#sidebar ul li.active > a:hover {
    background: #6d4dbb;
    color: #fff;
}

.user-profile .user-pro-body .u-dropdown {
    color: #fff;
}

#sidebar ul li {
    position: relative;
}

    #sidebar ul li a {
        color: #384056;
        font-weight: 400;
    }

    #sidebar ul li ul li:last-child {
        border-bottom: 0;
    }

#sidebar li a[aria-expanded="true"]:hover {
    color: #fff !important;
}

.tab_wrapper > ul {
    border-bottom: 1px solid #ebecf1;
}

    .tab_wrapper > ul li {
        border: 1px solid #ebecf1;
        border-top: 1px solid #ebecf1;
    }

.tab_wrapper.right_side .content_wrapper {
    border: 1px solid #ebecf1;
}

.tab_wrapper.right_side > ul {
    border-bottom: 1px solid #ebecf1;
}

    .tab_wrapper.right_side > ul li.active {
        border-color: 1px solid #ebecf1;
    }

    .tab_wrapper.right_side > ul li:after {
        background: 1px solid #ebecf1;
    }

.table-stats table th,
.table-stats table td {
    border: none;
    border-bottom: 1px solid #e8e9ef;
    font-size: 12px;
    font-weight: normal;
    padding: .75em 1.25em;
    text-transform: uppercase;
}

    .table-stats table th img,
    .table-stats table td img {
        margin-right: 10px;
        max-width: 45px;
    }

    .table-stats table th .name {
        font-size: 14px;
        text-transform: capitalize;
    }

.table-stats table td {
    font-size: 14px;
    text-transform: capitalize;
    vertical-align: middle;
}

    .table-stats table td .name {
        font-size: 14px;
        text-transform: capitalize;
    }

@media (min-width: 768px) {
    .hor-content.main-content {
        margin-top: 0;
    }

    .left-menu .hor-content.main-content {
        margin-top: 0;
    }
}

@media (min-width: 578px) {
    .hor-content.main-content {
        margin-top: 0;
    }
}

@media (max-width: 578px) {
    .header.top-header .header-option,
    .header.top-header .header-setting {
        display: none;
    }

    .hor-header.header {
        position: fixed;
        width: 100%;
        z-index: 999;
    }


    .horizontal-main.hor-menu {
        border-bottom: 0;
    }

    .page-body {
        padding-top: 1px;
    }

    .app-content.page-body .container,
    .header.top-header .container,
    .hor-content.main-content .container {
        max-width: none;
    }

    .active .header.top-header {
        z-index: 999;
    }

    .app-content.page-body .side-app {
        padding: 6.2rem 0.75rem 0 0.75rem !important;
    }

    .navsearch {
        margin: 5px;
        padding: 0px;
        text-align: center;
        height: 2.5rem;
        font-size: 1.2rem;
        position: relative;
        border: 0px solid #ebecf1;
        border-radius: 3px;
    }

        .navsearch svg {
            font-size: 25px;
            line-height: 30px;
            text-align: center;
            vertical-align: middle;
            width: 35px;
            height: 35px;
            background: #fff;
            padding: 8px;
            border-radius: 50px;
            box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
            border: 1px solid #ebecf1;
        }

        .navsearch i {
            padding-top: 0 !important;
        }

    .app-content.page-body {
        margin-top: 4.7rem;
    }
}

.header.top-header .search-element input {
    border-radius: 4px;
}

@media (max-width: 992px) {
    .media.profile-footer .media-user {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .sidebar-collapse .header-brand {
        display: none;
    }

    .header-brand-img.desktop-logo {
        margin-left: 2rem;
    }

    .hor-header .header-brand-img.desktop-logo,
    .header-brand-img.dark-logo {
        margin-left: 1rem;
    }
}

.app-content.page-body {
    min-height: 67vh;
}

/*Horizontal Centerlogo */
@media (min-width: 578px) {
    .top-header.hor-top-header .header-brand-img {
        display: none;
    }

    .top-header.hor-top-header .header-brand.center-logo .desktop-logo {
        left: 0;
        display: block;
        position: absolute;
        margin: 0 auto;
        right: 0px;
    }

    .top-header.hor-top-header .form-inline .form-control {
        width: 175px;
    }

    .top-header.hor-top-header .header-brand {
        margin-right: 0rem;
    }

    .search-element {
        margin-top: 4px;
    }

    .top-menu.sticky-pin {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        transition: all 0.3s ease;
        background: var(--menu-color);
    }
/*
    .top-menu:after {
        background: var(--header-color);
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        opacity: 0;
    }*/

    .top-menu.sticky-pin:after {
        opacity: 1;
        transition-property: all;
        transition-duration: 0.4s;
        transition-timing-function: linear;
    }
}

@media (max-width: 578px) {
    .top-header.hor-top-header .header-brand.center-logo .desktop-logo {
        display: none;
    }

    .header.top-header.hor-top-header {
        border-bottom: 0px;
    }
}

.h-250 {
    height: 150px;
}

.h-330 {
    height: 330px;
}

table.table-bordered.dataTable td:first-child {
    border-left: 0px solid #ebecf1 !important;
}

.date-range-btn {
    font-size: 0.9375rem;
}

.side-menu__icon {
    color: #5c678f;
    fill: #5c678f;
}

.sidemneu-icon2 {
    fill: #8e98db;
}

.header-icon {
    color: #5c678f;
    fill: #5c678f;
    width: 20px;
    height: 20px;
}

.header-icon2 {
    color: #1a1630;
    fill: #1a1630;
}

.profile-dropdown .header-icon {
    line-height: 20px;
}

.header-option .header-icon {
    margin-top: -3px;
}

.header-option .nav-link {
    margin: 7px 0 0 0;
}

.card-custom-icon.text-success {
    fill: #2dce89;
}

.page-rightheader .breadcrumb {
    padding: 0;
    background: transparent;
}

.under-countdown .countdown {
    color: #fff;
    padding: 20px;
    border-radius: 5px;
}

/*----- clipboard-----*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 12px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid #4757c4;
    border-radius: 14px;
    box-shadow: none;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 14px;
    content: '+';
}

.usertab-list li {
    margin: 5px 0;
}

.cover-image {
    background-size: cover !important;
}

.acc-step-number {
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

#form .list-group-item {
    padding: 25px;
}

.header-icon2 {
    width: 25px;
    position: absolute;
    left: 10px;
    top: 0px;
}

.fill-white {
    fill: transparent;
}

.page-header .breadcrumb-icon {
    margin-top: 3px;
    margin-left: 4px;
}

.page-header .breadcrumb-item .svg-icon {
    width: 20px;
}

.page-header .breadcrumb-item:first-child {
    margin-top: 0;
}

.main-nav-calendar-event .nav-link {
    padding: 0;
    height: 30px;
    line-height: 30px;
}

    .main-nav-calendar-event .nav-link.exclude {
        position: relative;
        opacity: 0.3;
    }

        .main-nav-calendar-event .nav-link.exclude:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            border-top: 1px solid #737688;
        }

.form-wizard-title {
    line-height: 25px;
    margin-left: 10px;
}

.footer .social .social-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    border: 1px solid #ebecf1;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 1px solid #ebecf1;
}

.richText .richText-undo,
.richText .richText-redo {
    border-right: #ebecf1 solid 1px !important;
}

.modal-open .select2-dropdown {
    z-index: 10000 !important;
}

.page-leftheader ol {
    padding-left: 0;
    background: none;
    padding: 0;
}

.page-leftheader .breadcrumb-item {
    margin-top: 0;
}

    .page-leftheader .breadcrumb-item i {
        line-height: 1.5;
    }

    .page-leftheader .breadcrumb-item a {
        color: #4668db;
    }

    .page-leftheader .breadcrumb-item::before {
        padding-right: 0 !important;
        content: "" !important;
    }

hr.pageheader-border {
    border-top: 1px solid #dfe0e7;
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
}

@media (max-width: 578px) {
    .page-header .page-leftheader ol {
        padding-top: 0;
    }

    .page-rightheader h6 {
        font-size: 10px;
    }
}

.header-dropdown-list .ps__thumb-y {
    opacity: 0;
}

.list-bar {
    right: auto;
    bottom: 0;
    height: auto;
    width: 3px;
    border-radius: 0px;
    position: absolute;
    top: -1px;
    left: 0;
}

.page-header.main-pageheader {
    margin-bottom: 0;
}

.page-rightheader .breadcrumb-item a {
    color: #1a1630;
}

.page-rightheader .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

/*------ Tables -----*/
.table {
    color: #1a1630;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.text-wrap table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.table th {
    padding: 0.5rem;
    vertical-align: top;
    border-top: 1px solid #ebecf1;
}

.text-wrap table th,
.text-wrap table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #ebecf1;
}

.table td {
    padding: 0.25rem;
    vertical-align: top;
}

    .table td:hover,
    .table td:focus {
        outline: 0;
        box-shadow: none;
    }


.table thead th,
.text-wrap table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #ebecf1;
    border-top: 0;
    border-bottom-width: 1px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.table tbody + tbody,
.text-wrap table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table .table,
.text-wrap table .table,
.table .text-wrap table {
    background-color: #f0f0f2;
}

.text-wrap .table table,
.text-wrap table table {
    background-color: #f0f0f2;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

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

    .table-bordered thead th,
    .text-wrap table thead th,
    .table-bordered thead td,
    .text-wrap table thead td {
        border-bottom-width: 1px;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f0f0f2;
    background: transparent;
}

.table-hover tbody tr:hover {
    background-color: rgba(240, 240, 242, 0.5);
}

.table-success {
    background-color: #d2ecb8;
}

    .table-success > th,
    .table-success > td {
        background-color: #d2ecb8;
    }

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

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

.table-info {
    background-color: #cbe7fb;
}

    .table-info > th,
    .table-info > td {
        background-color: #cbe7fb;
    }

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

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

.table-warning {
    background-color: #fbeebc;
}

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

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

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

.table-danger {
    background-color: #f1c1c0;
}

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

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

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

.table-light {
    background-color: #fdfdfe;
}

    .table-light > th,
    .table-light > td {
        background-color: #fdfdfe;
    }

.table-hover .table-light:hover {
    background-color: #ececf6;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.table-dark {
    background-color: #c6c8ca;
}

    .table-dark > th,
    .table-dark > td {
        background-color: #c6c8ca;
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

.table-active {
    background-color: rgba(0, 0, 0, 0.04);
}

    .table-active > th,
    .table-active > td {
        background-color: rgba(0, 0, 0, 0.04);
    }

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.04);
    }

.table .thead-dark th,
.text-wrap table .thead-dark th {
    color: #f0f0f2;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th,
.text-wrap table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #f0f0f2;
    background-color: #212529;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #32383e;
    }

    .table-dark.table-bordered {
        border: 0;
    }

.text-wrap table.table-dark {
    border: 0;
}

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

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-sm > table {
        border: 0;
    }

    .header-brand-img.dark-logo {
        display: none;
    }

    .header-brand {
        margin-right: 0;
    }

    .header-brand-img.desktop-logo {
        display: none;
    }

    .header-brand-img.mobile-logo {
        display: block;
        margin-left: 0.5rem;
    }

    .header-brand-img.darkmobile-logo {
        display: none;
        margin-left: 0.5rem;
    }

    .animated-arrow.hor-toggle {
        text-align: center;
        height: 2.5rem;
        width: 2.5rem;
        font-size: 1.2rem;
        position: relative;
        border: 1px solid #ebecf1;
        border-radius: 3px;
        top: 0;
        box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
        padding: 5px;
        border-radius: 50px;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-md > table {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-lg > table {
        border: 0;
    }
}

@media (max-width: 1279.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-xl > table {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .table-responsive > .table-bordered {
        border: 0;
    }

.text-wrap .table-responsive > table {
    border: 0;
}

.table th,
.text-wrap table th {
    color: #384b6e;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 400;
}

.table-md th,
.table-md td {
    padding: .5rem;
}

.table-vcenter td,
.table-vcenter th {
    vertical-align: middle;
    border-top: 1px solid #ebecf1;
}

.table-center td,
.table-center th {
    text-align: center;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(240, 240, 242, 0.5);
}

.table-calendar {
    margin: 0 0 .75rem;
}

    .table-calendar td,
    .table-calendar th {
        border: 0;
        text-align: center;
        padding: 0 !important;
        width: 14.28571429%;
        line-height: 2.5rem;
    }

    .table-calendar td {
        border-top: 0;
    }

.table-calendar-link {
    line-height: 2rem;
    min-width: calc(2rem + 2px);
    display: inline-block;
    border-radius: 3px;
    background: #f8f9fa;
    color: #495057;
    font-weight: 600;
    transition: .3s background, .3s color;
    position: relative;
}

    .table-calendar-link:before {
        content: '';
        width: 4px;
        height: 4px;
        position: absolute;
        left: .25rem;
        top: .25rem;
        border-radius: 50px;
        background: #467fcf;
    }

    .table-calendar-link:hover {
        color: #fff;
        text-decoration: none;
        background: #467fcf;
        transition: .3s background;
    }

        .table-calendar-link:hover:before {
            background: #fff;
        }

.table-header {
    cursor: pointer;
    transition: .3s color;
}

    .table-header:hover {
        color: #495057 !important;
    }

    .table-header:after {
        content: '\f0dc';
        font-family: FontAwesome;
        display: inline-block;
        margin-left: .5rem;
        font-size: .75rem;
    }

.table-header-asc {
    color: #495057 !important;
}

    .table-header-asc:after {
        content: '\f0de';
    }

.table-header-desc {
    color: #495057 !important;
}

    .table-header-desc:after {
        content: '\f0dd';
    }

/*-----Icon input-----*/
.form-required {
    color: #dc0441;
}

    .form-required:before {
        content: ' ';
    }

.state-valid {
    padding-right: 2rem;
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right 0.5rem/1rem;
}

.state-invalid {
    padding-right: 2rem;
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right 0.5rem/1rem;
}

/*-------- Bootstrap Framework -------*/
@-ms-viewport {
    width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

.nav-sidebar li ul {
    background: #eeeeee;
}

    .nav-sidebar li ul li:last-child {
        border-bottom: 0px;
    }

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #1a1630;
    text-align: left;
    background: #ebeef1;
    overflow-x: hidden;
}

.horizontalMenucontainer {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.66em;
}

.overflow-auto {
    overflow: auto;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #1a1630;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        text-decoration: none;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none;
            outline: 0;
        }

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
    display: block;
    font-size: 85%;
    color: #282d3c;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #505662;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

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

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    button:focus,
    textarea:focus {
        outline: 0;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 3px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.bcolor {
    background-color: #cf4c3a !important;
}

.bcolor1 {
    background-color: #d6124a !important;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.66em;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1,
.h1 {
    font-size: 2rem;
}

h2,
.h2 {
    font-size: 1.75rem;
}

h3,
.h3 {
    font-size: 1.5rem;
}

h4,
.h4 {
    font-size: 1.125rem;
}

h5,
.h5 {
    font-size: 0.90rem;
}

h6,
.h6 {
    font-size: 0.875rem;
}

.lead {
    font-size: 1.171875rem;
    font-weight: 300;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1.5px solid #8389a6;
    height: auto !important;
}

small,
.small {
    font-size: 87.5%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

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

    .list-unstyled li {
        border-bottom: 1px solid #ebecf1;
    }

#sidebar .list-unstyled li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.nav-sidebar .list-unstyled li:last-child {
    border-bottom: 0px;
}

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

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.fs-5 {
    font-size: 5px;
}

.fs-6 {
    font-size: 6px;
}

.fs-7 {
    font-size: 7px;
}

.fs-8 {
    font-size: 8px;
}

.fs-9 {
    font-size: 9px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

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

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-50 {
    font-size: 50px !important;
}

.fs-55 {
    font-size: 55px !important;
}

.fs-60 {
    font-size: 60px !important;
}

.fs-65 {
    font-size: 65px !important;
}

.fs-70 {
    font-size: 70px;
}

.fs-75 {
    font-size: 75px;
}

.fs-80 {
    font-size: 80px;
}

.fs-85 {
    font-size: 85px;
}

.fs-90 {
    font-size: 90px;
}

.fs-95 {
    font-size: 95px;
}

.fs-100 {
    font-size: 100px;
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    font-size: 85%;
    color: inherit;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 85%;
    color: #fff;
    background-color: #343a40;
    border-radius: 3px;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
    }

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .header-brand-img.desktop-logo {
        display: block;
    }

    #sticky {
        text-align: center;
        padding: 1px;
        font-size: 1.75em;
        color: #FFF;
        z-index: 0;
        height: 130px !important;
    }

        #sticky.stick {
            z-index: 1;
            height: 130px !important;
        }

    .header.top-header {
        z-index: 999 !important;
    }

    .app-content.page-body {
        margin-top: 9.5rem;
    }

    .comb-page .app-content.page-body {
        margin-top: 0;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}

/*------ Custom Default -------*/
ul:not([type]) {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline-color: #ddd;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.relative {
    position: relative;
}

.pos-static {
    position: static;
}

.profile-dropdown {
    margin-top: 1px;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .item-card .btn-svgs {
        width: 100%;
    }
}

.header.bg-primary .form-control.header-search.bg-transparent.border-transparent {
    color: #fff;
}

@media (max-width: 1200px) {
    .sales-img {
        width: 50% !important;
        margin: 0 auto;
        text-align: center !important;
        display: block;
    }
}

.error-text {
    text-shadow: -4px 4px 4px #6355a3;
}

.page-content .input-group .form-control:focus {
    border-color: #ffffff;
}

/* ###### forms ####### */
/*----- Custom control -----*/
.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #4454c3;
    opacity: 0.5;
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(70, 127, 207, 0.5);
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    height: calc(1.8125rem + 2px);
}

.custom-select-lg {
    height: calc(2.6875rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 125%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 2.375rem;
    margin: 0;
    opacity: 0;
}

.form-label {
    display: block;
    margin-bottom: .375rem;
    font-weight: 500;
    font-size: 0.875rem;
}

.form-label-small {
    float: right;
    font-weight: 400;
    font-size: 87.5%;
}

.form-footer {
    margin-top: 2rem;
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem;
}

.custom-control-label:before {
    border: 1px solid #cccdd3;
    background-color: #fff;
    background-size: .5rem;
}

.custom-control-description {
    line-height: 1.5rem;
}

.input-group-prepend,
.input-group-append,
.input-group-btn {
    font-size: 0.9375rem;
}

    .input-group-prepend > .btn,
    .input-group-append > .btn,
    .input-group-btn > .btn {
        height: 100%;
        border-color: rgba(0, 40, 100, 0.12);
    }

    .input-group-prepend > .input-group-text {
        border-right: 0;
    }

    .input-group-append > .input-group-text {
        border-left: 0;
    }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #e3e4e9;
    border-color: #e3e4e9;
}

.custom-checkbox:before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
}

.custom-checkbox:after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.form-control.fc-datepicker {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/*------- Forms -------*/
.grid-container input[type="text"],
.grid-container textarea,
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.5rem;
    font-size: 13px;
    line-height: 1.6;
    height: auto;
    color: #6b6f80;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #a7a7a7;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 5px;
}

    .grid-container input[type="text"][readonly],
    .grid-container textarea[readonly],
    .form-control[readonly] {
        background-color: #eeeeee;
        opacity: 0.8;
    }

.form-control {
    outline: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #1a1630;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: #b3bdca;
    opacity: 1;
}

.search-input::-webkit-input-placeholder,
.search-input::-moz-placeholder,
.search-input:-ms-input-placeholder,
.search-input::-ms-input-placeholder {
    color: #b3bdca;
    opacity: 1;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder {
    color: #b3bdca;
    opacity: 1;
}

.form-control {
    color: #505050;
    opacity: 1;
}

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

select.form-control:not([size]):not([multiple]) {
    height: 2.375rem;
}

.select2-container .select2-selection--single {
    min-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.375rem !important;
}

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

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.125rem;
    line-height: 1.44444444;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.14285714;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.6;
    color: #495057;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.14285714;
    border-radius: 3px;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.14285714;
    border-radius: 3px;
}

select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.44444444;
    border-radius: 3px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.44444444;
    border-radius: 3px;
}

select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.6875rem + 2px);
}

.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(2.6875rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

    .form-check-input:disabled ~ .form-check-label {
        color: #505662;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 87.5%;
    color: #2dce89;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(94, 186, 0, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #2dce89;
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus,
    .was-validated .custom-select:valid:focus,
    .custom-select.is-valid:focus {
        border-color: #2dce89;
        box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
    }

    .was-validated .form-control:valid ~ .valid-feedback,
    .was-validated .form-control:valid ~ .valid-tooltip {
        display: block;
    }

    .form-control.is-valid ~ .valid-feedback,
    .form-control.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .custom-select:valid ~ .valid-feedback,
    .was-validated .custom-select:valid ~ .valid-tooltip {
        display: block;
    }

    .custom-select.is-valid ~ .valid-feedback,
    .custom-select.is-valid ~ .valid-tooltip {
        display: block;
    }

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #2dce89;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block;
}

.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #2dce89;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before,
    .custom-control-input.is-valid ~ .custom-control-label::before {
        background-color: #9eff3b;
    }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #78ed00;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(94, 186, 0, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #2dce89;
}

    .was-validated .custom-file-input:valid ~ .custom-file-label::before,
    .custom-file-input.is-valid ~ .custom-file-label::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 87.5%;
    color: #dc0441;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(205, 32, 31, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc0441;
}

    .was-validated .form-control:invalid:focus,
    .form-control.is-invalid:focus,
    .was-validated .custom-select:invalid:focus,
    .custom-select.is-invalid:focus {
        border-color: #dc0441;
        box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
    }

    .was-validated .form-control:invalid ~ .invalid-feedback,
    .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block;
    }

    .form-control.is-invalid ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip {
        display: block;
    }

    .was-validated .custom-select:invalid ~ .invalid-feedback,
    .was-validated .custom-select:invalid ~ .invalid-tooltip {
        display: block;
    }

    .custom-select.is-invalid ~ .invalid-feedback,
    .custom-select.is-invalid ~ .invalid-tooltip {
        display: block;
    }

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #dc0441;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
}

.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc0441;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
    .custom-control-input.is-invalid ~ .custom-control-label::before {
        background-color: #ec8080;
    }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #e23e3d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #f0f0f2, 0 0 0 2px rgba(205, 32, 31, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc0441;
}

    .was-validated .custom-file-input:invalid ~ .custom-file-label::before,
    .custom-file-input.is-invalid ~ .custom-file-label::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.select2-container--focus {
    outline: 1px auto #e3e4e9;
}

.ms-choice {
    outline: 0;
}

    .ms-choice:focus {
        outline: 0;
    }

/*-- Select2 Styles --*/
.select2-lg .select2-container .select2-selection--single {
    height: 2.875rem !important;
}

.select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
}

.select2-sm .select2-container .select2-selection--single {
    height: 1.775rem !important;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px !important;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 35% !important;
    left: 60%;
}

select.form-control.select-lg {
    height: 46px !important;
    padding: 10px 16px !important;
    font-size: 17px !important;
    line-height: 1.3333333 !important;
    border-radius: 4px !important;
}

select.form-control.select-sm {
    height: 30px !important;
    padding: 0px 10px 1px 10px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
}

input[type=date].form-control:focus,
input[type=datetime-local].form-control:focus,
input[type=month].form-control:focus,
input[type=time].form-control:focus,
input[type=date].form-control:hover,
input[type=datetime-local].form-control:hover,
input[type=month].form-control:hover,
input[type=time].form-control:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #b7bec5;
    text-align: center;
    border: 1px solid #e3e4e9;
    border-right: 0;
    border-radius: .25rem 0 0 .2rem;
}

.box-shadow-0 {
    box-shadow: none;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

    .input-group > .form-control:focus,
    .input-group > .custom-select:focus,
    .input-group > .custom-file:focus {
        z-index: 3;
    }

    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file {
        margin-left: -1px;
    }

    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file {
        margin-left: -1px;
    }

    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
        margin-left: -1px;
    }

    .input-group > .form-control:not(:last-child),
    .input-group > .custom-select:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group > .form-control:not(:first-child),
    .input-group > .custom-select:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.input-group > .custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .input-group > .custom-file:not(:last-child) .custom-file-label {
        /*border-top-right-radius: 0;
        border-bottom-right-radius: 0;*/
    }

    /*.input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }*/

    .input-group > .custom-file:not(:first-child) .custom-file-label {
        /*border-top-left-radius: 0;
        border-bottom-left-radius: 0;*/
    }

        .input-group > .custom-file:not(:first-child) .custom-file-label::after {
            /*border-top-left-radius: 0;
            border-bottom-left-radius: 0;*/
        }

.input-group-prepend,
.input-group-append {
    /*display: -ms-flexbox;
    display: flex;*/
}

    .input-group-prepend .btn,
    .input-group-append .btn {
        position: relative;
        z-index: 1;
    }

        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text {
            margin-left: -1px;
        }

    .input-group-prepend .input-group-text + .input-group-text,
    .input-group-prepend .input-group-text + .btn {
        margin-left: -1px;
    }

    .input-group-append .btn + .btn,
    .input-group-append .btn + .input-group-text {
        margin-left: -1px;
    }

    .input-group-append .input-group-text + .input-group-text,
    .input-group-append .input-group-text + .btn {
        margin-left: -1px;
    }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #f0f0f2;
    border: 1px solid #e3e4e9;
    border-radius: 3px;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-radius {
    border-radius: 4px !important;
}

    .custom-radius:before {
        border-radius: 4px !important;
    }

.custom-switch-input:focus ~ .custom-switch-indicator {
    box-shadow: none;
}

.custom-switch-description {
    margin-left: .5rem;
    color: #6e7687;
    transition: .3s color;
}

.custom-switch-input:checked ~ .custom-switch-description {
    color: #495057;
}

.label-default {
    background: #f3f4f7;
}

.label-success {
    background: #2dce89;
}

.label-danger {
    background: #dc0441;
}

.label-warning {
    background: #ecb403;
}

.label-info {
    background: #45aaf2;
}

.bg-success {
    background-color: #38cb89 !important;
}

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

button.bg-success:hover,
button.bg-success:focus {
    background-color: #15ca7c !important;
}

.bg-info {
    background-color: #5b7fff !important;
}

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

button.bg-info:hover,
button.bg-info:focus {
    background-color: #1594ef !important;
}

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

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

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

/*.bg-danger {
    background-color: #ef4b4b !important;
}

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

button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #a11918 !important;
}
*/

.bg-light {
    background-color: #f0f0f2 !important;
}

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

button.bg-light:hover,
button.bg-light:focus {
    background-color: #f0f0f2 !important;
}

.bg-light2 {
    background-color: #f8f8fc !important;
}

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

button.bg-light2:hover,
button.bg-light2:focus {
    background-color: #f0f0f2 !important;
}

.bg-light3 {
    background-color: #ebecf1 !important;
}

.bg-light4 {
    background-color: #f7f7f7 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus {
    background-color: #1d2124 !important;
}

button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.clearfix .fab {
    font-size: 25px;
}

.clearfix h5 {
    font-size: 20px;
    font-weight: bold;
}

i.fa.round {
    border-radius: 50%;
    padding: 5px;
    width: 15%;
}

.list-icon span p {
    border-radius: 15px;
    width: 50%;
    margin: 0px auto;
}

@supports (position: -webkit-sticky) or (position: sticky) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

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

.text-info {
    color: #5b7fff !important;
}

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

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

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

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

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

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important;
}

.text-dark {
    color: #1a1630 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #384b6e !important;
}

.text-body {
    color: #495057 !important;
}

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

.icon-muted {
    color: #e2e2e9 !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    .container {
        max-width: none;
    }

    * {
        text-shadow: none !important;
        box-shadow: none !important;
    }

        *::before,
        *::after {
            text-shadow: none !important;
            box-shadow: none !important;
        }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " ("attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body,
    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table,
    .text-wrap table {
        border-collapse: collapse !important;
    }

        .table td,
        .text-wrap table td,
        .table th,
        .text-wrap table th {
            background-color: #fff !important;
        }

        .table-bordered th,
        .text-wrap table th,
        .table-bordered td,
        .text-wrap table td {
            border: 1px solid #ebecf1 !important;
        }
}

.lead {
    line-height: 1.4;
}

a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: inherit;
}

strong,
b {
    font-weight: 600;
}

p,
ul,
ol {
    margin-bottom: 1em;
}

blockquote {
    margin-bottom: 1em;
    font-style: italic;
    color: #6e7687;
    padding-left: 2rem;
    border-left: 2px solid rgba(0, 40, 100, 0.12);
}

    blockquote p {
        margin-bottom: 1rem;
    }

    blockquote cite {
        display: block;
        text-align: right;
    }

        blockquote cite:before {
            content: '— ';
        }

code {
    background: #f0f0f2;
    border: 1px solid #ebecf1;
    border-radius: 3px;
    padding: 3px;
}

pre code {
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

pre {
    color: #5b7fff;
    padding: 1.5rem;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f8fafc;
    border-radius: 3px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

img {
    max-width: 100%;
}

.text-wrap {
    font-size: 14px;
    line-height: 1.66;
}

    .text-wrap > :first-child {
        margin-top: 0;
    }

    .text-wrap > :last-child {
        margin-bottom: 0;
    }

    .text-wrap > h1,
    .text-wrap > h2,
    .text-wrap > h3,
    .text-wrap > h4,
    .text-wrap > h5,
    .text-wrap > h6 {
        margin-top: 1em;
    }

.section-nav {
    background-color: #f8f9fa;
    margin: 1rem 0;
    padding: .5rem 1rem;
    border: 1px solid #ebecf1;
    border-radius: 3px;
    list-style: none;
}

    .section-nav:before {
        content: 'Table of contents:';
        display: block;
        font-weight: 600;
    }

.row-cards > .col,
.row-cards > [class*='col-'] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row-deck > .col,
.row-deck > [class*='col-'] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .row-deck > .col .card,
    .row-deck > [class*='col-'] .card {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

.col-text {
    max-width: 48rem;
}

.col-login {
    max-width: 24rem;
}

.gutters-0 {
    margin-right: 0;
    margin-left: 0;
}

    .gutters-0 > .col,
    .gutters-0 > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

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

.gutters-xs {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
}

    .gutters-xs > .col,
    .gutters-xs > [class*="col-"] {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .gutters-xs .card {
        margin-bottom: 0.5rem;
    }

.gutters-sm {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

    .gutters-sm > .col,
    .gutters-sm > [class*="col-"] {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .gutters-sm .card {
        margin-bottom: 1rem;
    }

.gutters-lg {
    margin-right: -1rem;
    margin-left: -1rem;
}

    .gutters-lg > .col,
    .gutters-lg > [class*="col-"] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .gutters-lg .card {
        margin-bottom: 2rem;
    }

.gutters-xl {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

    .gutters-xl > .col,
    .gutters-xl > [class*="col-"] {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .gutters-xl .card {
        margin-bottom: 3rem;
    }

.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

.page-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: start;
    min-height: 100%;
    margin: .75rem 0;
}

body.fixed-header .page {
    padding-top: 4.5rem;
}

@media (min-width: 1600px) {
    body.aside-opened .page {
        margin-right: 22rem;
    }
}

.page-main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.pos-absolute {
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.text-icon {
    color: #5c678f !important;
}

.display-1 i,
.display-2 i,
.display-3 i,
.display-4 i {
    vertical-align: baseline;
    font-size: 0.815em;
}

.text-inherit {
    color: inherit !important;
}

.text-default {
    color: #4e5761 !important;
}

.text-muted-dark {
    color: #6e7687 !important;
}

.tracking-tight {
    letter-spacing: -0.05em !important;
}

.tracking-normal {
    letter-spacing: 0 !important;
}

.tracking-wide {
    letter-spacing: 0.05em !important;
}

.leading-none {
    line-height: 1 !important;
}

.leading-tight {
    line-height: 1.25 !important;
}

.leading-normal {
    line-height: 1.5 !important;
}

.leading-loose {
    line-height: 2 !important;
}

.bg-blue {
    background-color: #083dc1 !important;
    color: #fff !important;
}

a.bg-blue:hover,
a.bg-blue:focus {
    background-color: #1747bd !important;
}

button.bg-blue:hover,
button.bg-blue:focus {
    background-color: #1747bd !important;
}

.text-blue {
    color: #083dc1 !important;
}

.bg-indigo {
    background-color: #5323a7 !important;
    color: #fff !important;
}

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

button.bg-indigo:hover,
button.bg-indigo:focus {
    background-color: #3f51c1 !important;
}

.text-indigo {
    color: #5323a7 !important;
}

.bg-purple {
    background-color: #920bfa !important;
    color: #fff !important;
}

a.bg-purple:hover,
a.bg-purple:focus {
    background-color: #8c31e4 !important;
}

button.bg-purple:hover,
button.bg-purple:focus {
    background-color: #8c31e4 !important;
}

.text-purple {
    color: #920bfa !important;
}

.text-lightpink-red {
    color: #ff7088 !important;
}

.text-lightgreen {
    color: #26eda2 !important;
}

.bg-pink {
    background-color: #bb08c0 !important;
    color: #fff !important;
}

.bg-darkpink {
    background-color: #14A485 !important;
    color: #fff !important;
}

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

button.bg-pink:hover,
button.bg-pink:focus {
    background-color: #f33d7a !important;
}

.text-pink {
    color: #bb08c0 !important;
}

.bg-red {
    background-color: #dc0441 !important;
    color: #fff !important;
}

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

button.bg-red:hover,
button.bg-red:focus {
    background-color: #a11918 !important;
}

.text-red {
    color: #dc0441 !important;
}

.bg-orange {
    background-color: #fc7303 !important;
    color: #fff !important;
}

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

button.bg-orange:hover,
button.bg-orange:focus {
    background-color: #fc7a12 !important;
}

.text-orange {
    color: #fc7303 !important;
}

.bg-yellow {
    background-color: #ecb403 !important;
    color: #fff !important;
}

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

button.bg-yellow:hover,
button.bg-yellow:focus {
    background-color: #c29d0b !important;
}

.text-yellow {
    color: #ecb403 !important;
}

.bg-green {
    background-color: #2dce89 !important;
    color: #fff !important;
}

a.bg-green:hover,
a.bg-green:focus {
    background-color: #15ca7c !important;
}

button.bg-green:hover,
button.bg-green:focus {
    background-color: #15ca7c !important;
}

.text-green {
    color: #2dce89 !important;
}

.bg-teal {
    background-color: #06c0d9 !important;
}

a.bg-teal:hover,
a.bg-teal:focus {
    background-color: #22a193 !important;
}

button.bg-teal:hover,
button.bg-teal:focus {
    background-color: #22a193 !important;
}

.text-teal {
    color: #06c0d9 !important;
}

.bg-cyan {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

a.bg-cyan:hover,
a.bg-cyan:focus {
    background-color: #117a8b !important;
}

button.bg-cyan:hover,
button.bg-cyan:focus {
    background-color: #117a8b !important;
}

.text-cyan {
    color: #17a2b8 !important;
}

.bg-white {
    background-color: #fff !important;
}

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

button.bg-white:hover,
button.bg-white:focus {
    background-color: #f3f4f5 !important;
}

.text-white {
    color: #fff !important;
}

.bg-gray {
    background-color: #868e96 !important;
}

a.bg-gray:hover,
a.bg-gray:focus {
    background-color: #6c757d !important;
}

button.bg-gray:hover,
button.bg-gray:focus {
    background-color: #6c757d !important;
}

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

.bg-lightpink-red {
    color: #ff7088 !important;
}

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

.bg-azure {
    background-color: #45aaf2 !important;
}

a.bg-azure:hover,
a.bg-azure:focus {
    background-color: #1594ef !important;
}

button.bg-azure:hover,
button.bg-azure:focus {
    background-color: #1594ef !important;
}

.text-azure {
    color: #45aaf2 !important;
}

.bg-lime {
    background-color: #1e74a0 !important;
}

a.bg-lime:hover,
a.bg-lime:focus {
    background-color: #63ad27 !important;
}

button.bg-lime:hover,
button.bg-lime:focus {
    background-color: #63ad27 !important;
}

.text-lime {
    color: #1e74a0 !important;
}

.icon {
    color: #fff !important;
}

    .icon i {
        vertical-align: -1px;
        color: #5c678f;
    }

a.icon {
    text-decoration: none;
    cursor: pointer;
}

    a.icon:hover {
        color: #fff !important;
    }

.o-auto {
    overflow: auto !important;
}

.o-hidden {
    overflow: hidden !important;
}

/*------ Default -------*/
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
    border: 1px solid #dbe2eb;
    box-shadow: 0px 6px 8px rgba(4, 4, 7, 0.1);
    border-radius: 8px;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
    }

.card-subtitle {
    margin-top: -0.75rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-header:before {
    content: "";
    position: absolute;
    left: 0px;
    padding: 3px;
    border-radius: 0 50px 50px 0;
    height: 30px;
    background: #4568dc;
}

.card-header:first-child {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 1.5rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid #ebecf1;
    color: #6e7687;
}

    .card-footer:last-child {
        border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
    }

.card-header-tabs {
    margin-right: -0.75rem;
    margin-bottom: -1.5rem;
    margin-left: -0.75rem;
    border-bottom: 0;
    margin: -1.25rem 0;
    border-bottom: 0;
    line-height: 2rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    background-color: rgba(0, 0, 0, 0.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-img {
    width: 100%;
    border-radius: calc(3px - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(3px - 1px);
    border-top-right-radius: calc(3px - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(3px - 1px);
    border-bottom-left-radius: calc(3px - 1px);
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 0.75rem;
    }

@media (max-width: 576px) {
    .header {
        border-bottom: 0px !important;
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-group > .card {
        margin-bottom: 0.75rem;
    }

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }

    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 0.75rem;
            margin-bottom: 0;
            margin-left: 0.75rem;
        }

    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:first-child .card-img-top,
                .card-group > .card:first-child .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:first-child .card-img-bottom,
                .card-group > .card:first-child .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:last-child .card-img-top,
                .card-group > .card:last-child .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:last-child .card-img-bottom,
                .card-group > .card:last-child .card-footer {
                    border-bottom-left-radius: 0;
                }

            .card-group > .card:only-child {
                border-radius: 3px;
            }

                .card-group > .card:only-child .card-img-top,
                .card-group > .card:only-child .card-header {
                    border-top-left-radius: 3px;
                    border-top-right-radius: 3px;
                }

                .card-group > .card:only-child .card-img-bottom,
                .card-group > .card:only-child .card-footer {
                    border-bottom-right-radius: 3px;
                    border-bottom-left-radius: 3px;
                }

            .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0;
            }

                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
                    border-radius: 0;
                }
}

@media (min-width: 578px) {
    .horizontalMenucontainer .header-brand-img.mobile-logo,
    .horizontalMenucontainer .header-brand-img.darkmobile-logo,
    .horizontalMenucontainer .header-brand-img.dark-logo {
        display: none;
    }
}

.card-columns .card {
    margin-bottom: 1.5rem;
}

/*------ Default Card Values -------*/
.rhombus {
    width: 350px;
    height: 80px;
    transform: rotate(67.5deg);
    background-color: yellow;
}

@media print {
    .card {
        box-shadow: none;
        border: none;
    }

    .card-header {
        display: none;
    }

    .card-body {
        padding: 0;
    }
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem 1.5rem;
    position: relative;
}

    .card-body + .card-body {
        border-top: 1px solid #ebecf1;
    }

.tilebox-one i {
    font-size: 62px;
}

.card-body > :last-child {
    margin-bottom: 0;
}

.card-body-scrollable {
    overflow: auto;
}

.card-footer,
.card-bottom {
    padding: 1rem 1.5rem;
    background: none;
}

.log {
    margin-top: -26px;
}

.card-header {
    background: transparent;
    padding: 0.5rem 0.6rem 0.3rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    min-height: 2.9rem;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    border-bottom: 1px solid #c7c7ca;
    position: relative;
}

    .card-header .card-title {
        margin-bottom: 0;
    }

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

.card-title {
    line-height: 1.2;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: .05rem;
    font-size: 15px;
}

.reg {
    text-align: center;
    font-size: 50px;
    color: #2e1170;
    float: right;
}

.card-title a {
    color: inherit;
}

.card-title:only-child {
    margin-bottom: 0;
}

.card-title small {
    color: #9aa0ac;
    font-size: 0.875rem;
    display: block;
    margin: -.75rem 0 1rem;
    line-height: 1.1;
    font-weight: 400;
}

.card-subtitle {
    color: #9aa0ac;
    font-size: 0.875rem;
    display: block;
    margin: -.75rem 0 1rem;
    line-height: 1.1;
    font-weight: 400;
}

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

    .card-table tr:first-child td,
    .card-table tr:first-child th {
        border-top: 0;
    }

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

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

.card-body + .card-table {
    border-top: 1px solid #ebecf1;
}

.card-profile .card-header {
    height: 5rem;
    background-size: cover;
    border: 0;
}

.profie-img .flex-md-row img {
    width: 60px;
}

.card-profile-img {
    max-width: 6rem;
    margin-bottom: 1rem;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.card-link + .card-link {
    margin-left: 1rem;
    margin-left: 1.5rem;
}

.card-body + .card-list-group {
    border-top: 1px solid #ebecf1;
}

.card-list-group .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

    .card-list-group .list-group-item:last-child {
        border-bottom: 0;
    }

    .card-list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-header-tabs .nav-item {
    margin-bottom: 1px;
}

.card-header-pills {
    margin: -.75rem 0;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.card-aside {
    -ms-flex-direction: row;
    flex-direction: row;
}

.card-aside-column {
    min-width: 5rem;
    width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    background: no-repeat center/cover;
}

.card-value {
    font-size: 1rem;
    line-height: 3.4rem;
    height: 3.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
}

    .card-value i {
        vertical-align: middle;
    }

.card-chart-bg {
    height: 4rem;
    margin-top: -1rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list-media .media-img {
    position: relative;
    float: left;
    width: 48px;
    margin-right: 20px;
}

.list-media .info {
    padding-left: 55px;
    min-height: 40px;
    height: auto;
    position: relative;
}

    .list-media .info h4 a {
        font-size: 16px;
        margin-top: 10px;
    }

    .list-media .info p {
        font-size: 13px;
    }

    .list-media .info .text-right {
        right: 0;
        color: #8a8a8a;
        top: 50%;
        font-size: 12px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        margin-top: -28px;
    }

.card-options {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 100;
    order: 100;
    margin-right: -.5rem;
    color: #9aa0ac;
    -ms-flex-item-align: center;
    align-self: center;
}

    .card-options a:not(.btn) {
        color: #1a1630;
    }

        .card-options a:not(.btn):hover {
            text-decoration: none;
        }

        .card-options a:not(.btn) i {
            font-size: 1rem;
        }

    .card-options a.option-dots {
        color: #5c678f;
        display: inline-block;
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.8rem;
        text-align: center;
        border-radius: 100%;
        font-size: 18px;
        border-radius: 50px;
        box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
        border: 1px solid #ebecf1;
        vertical-align: middle;
        margin-right: 5px;
        padding: 0;
    }

        .card-options a.option-dots:hover {
            text-decoration: none;
            color: #5c678f;
            background: #f0f0f2;
        }

    .card-options .dropdown-toggle:after {
        display: none;
    }

.widgets-cards .wrp.icon-circle {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    margin-right: 15px;
}

    .widgets-cards .wrp.icon-circle i {
        font-size: 1.6rem;
        color: #fff;
    }

.widgets-cards .wrp p {
    margin-bottom: 0;
    line-height: 1;
    margin-bottom: 10px;
}

    .widgets-cards .wrp p:first-child {
        font-weight: 400;
        font-size: 36px;
    }

ul li .legend-dots {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: .5rem;
}

.legend li {
    padding: 5px;
    float: left;
}

.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}

    .stretch-card > .card {
        width: 100%;
        min-width: 100%;
    }

.icon-size {
    font-size: 2.5rem !important;
}

.card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.statistics-box {
    position: relative;
    padding-left: 80px;
    text-align: right;
    padding-top: 14px;
    min-height: 80px;
    text-align: center;
}

    .statistics-box .ico {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        font-size: 70px;
        line-height: 80px;
        text-align: center;
    }

        .statistics-box .ico.small {
            font-weight: 900;
            font-size: 42px;
        }

    .statistics-box h2 {
        font-weight: 600 !important;
    }

/*Card options*/
.card-collapsed > :not(.card-header):not(.card-status) {
    display: none;
}

.card-collapsed .card-options-collapse i:before {
    content: '\e92d';
}

.card-fullscreen .card-options-fullscreen i:before {
    content: '\e992';
}

.card-fullscreen .card-options-remove {
    display: none;
}

/*Card maps*/
.card-map {
    height: 15rem;
    background: #e9ecef;
}

.card-map-placeholder {
    background: no-repeat center;
}

/**Card tabs*/
.card-tabs {
    display: -ms-flexbox;
    display: flex;
}

.card-tabs-bottom .card-tabs-item {
    border: 0;
}

    .card-tabs-bottom .card-tabs-item.active {
        border-top-color: #fff;
    }

.card-tabs-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;
    padding: 1.4rem 1.5rem;
    color: inherit;
    overflow: hidden;
}

a.card-tabs-item {
    background: #fafbfc;
}

    a.card-tabs-item:hover {
        text-decoration: none;
        color: inherit;
    }

    a.card-tabs-item:focus {
        z-index: 1;
    }

    a.card-tabs-item.active {
        background: #fff;
        border-bottom-color: #fff;
    }

/**Card status*/
.card-status {
    position: absolute;
    top: -1px;
    left: 0px;
    right: 0px;
    height: 3px;
    border-radius: 7px 7px 0 0;
    background: rgba(0, 40, 100, 0.12);
}

.card-status-left {
    right: auto;
    bottom: 0;
    height: auto;
    width: 3px;
    border-radius: 3px 0 0 3px;
}

/**Card icon*/
.card-icon {
    width: 3rem;
    font-size: 2.5rem;
    line-height: 3rem;
    text-align: center;
}

/**Card fullscreen*/
.card-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    margin: 0;
}

/**Card alert*/
.card-alert {
    border-radius: 0;
    margin: -1px -1px 0;
}

.card-category {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    letter-spacing: .05em;
    margin: 0 0 .5rem;
    background: #f3f3f3;
}

.list-card {
    padding: 14px 25px;
    border-radius: 0px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(4, 4, 7, 0.1);
    box-shadow: 0 2px 10px 0 rgba(4, 4, 7, 0.1);
    margin-bottom: 12px;
    background: #fff;
    position: relative;
}

.card > .list-group {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.header-search {
    min-width: 18rem !important;
}

    .header-search .search-element {
        position: relative;
        margin-left: 15px;
    }

    .header-search .btn {
        position: absolute;
        right: 0;
        top: 0px;
        color: #8499c4;
    }

.horizontal-main {
    width: 100%;
    position: relative;
    padding: 6px 8px;
}

.horizontalMenu html,
.horizontalMenu body,
.horizontalMenu iframe,
.horizontalMenu h1,
.horizontalMenu h2,
.horizontalMenu h3,
.horizontalMenu h4,
.horizontalMenu h5,
.horizontalMenu h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 500 !important;
    color: #1a1630;
}

.horizontalMenu .cl {
    clear: both;
}

.horizontalMenu img {
    border: 0 none;
    max-width: 100%;
}

object,
embed,
video {
    border: 0 none;
    max-width: 100%;
}

.horizontalMenu a:focus {
    outline: none;
}

.horizontalMenu:before {
    content: "";
    display: table;
}

.horizontalMenu:after {
    content: "";
    display: table;
    clear: both;
}

/* ================== Desktop Main Menu CSS ================== */
.horizontalMenucontainer {
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.horizontal-mainwrapper {
    margin: 0 auto;
}

.desktoplogo {
    padding: 0.75rem;
    margin: 0;
    float: left;
}

    .desktoplogo img {
        width: 100%;
    }

.horizontalMenu {
    color: #fff;
    font-size: 14px;
    padding: 0;
    display: block;
    z-index: 1001;
}

    .horizontalMenu > .horizontalMenu-list {
        text-align: left;
        margin: 0 auto 0 auto;
        width: 100%;
        display: block;
        padding: 0;
    }

        .horizontalMenu > .horizontalMenu-list > li {
            text-align: center;
            display: block;
            padding: 0;
            margin: 0;
            float: left;
        }

            .horizontalMenu > .horizontalMenu-list > li > a {
                display: block;
                padding: 2.5px 5px 3px 5px;
                text-decoration: none;
                position: relative;
                color: #fff;
                font-weight: 400;
                font-size: 14px;
                margin: 0 2px;
                border-radius: 50px;
                vertical-align: middle;
                line-height: 2.5;
            }

.hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
    color: #576482;
}

@media (min-width: 578px) {
    .sticky-pin .hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
        color: #ffffff;
    }

        .sticky-pin .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active,
        .sticky-pin .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
            color: #576482;
        }

    .sticky-pin {
        /*background: linear-gradient(to right, rgb(69, 104, 220), rgb(183, 58, 124)) !important;*/
        background: var(--header-color);
    }

        .sticky-pin .header-brand {
            margin-right: 50px !important;
        }

        .sticky-pin .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.header-brand,
        .sticky-pin .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.header-brand:hover {
            background: transparent;
        }

    .sticky.sticky-pin ul li.header,
    .sticky.sticky-pin ul li.header img.desktop-logo {
        background: transparent !important;
        display: inline-block !important;
    }

    .sticky.sticky-pin .horizontal-main {
        box-shadow: -6px 5px 8px 0 rgba(24, 23, 38, 0.06);
    }


    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active,
    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
        color: #1a1630;
        background: #ebeef1;
        box-shadow: none;
    }
}

.horizontalMenu > .horizontalMenu-list > li > a i {
    width: 18px;
    margin-right: 5px;
}

.horizontalMenu > .horizontalMenu-list > li label {
    font-weight: normal;
    cursor: pointer;
}

.horizontalMenu > .horizontalMenu-list > li:last-child > a {
    border-right: 0px;
    margin-right: 0;
}

.horizontalMenu > .horizontalMenu-list > li:first-child > a {
    margin-left: 0;
}

.horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
    padding-left: 25px;
    padding-right: 25px;
}

.horizontalMenu > .horizontalMenu-list > li > a i.horizontal-icon {
    display: inline-block;
    font-size: 13px;
    line-height: inherit;
    margin-left: 3px;
    vertical-align: middle;
}

.horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    content: "";
    float: right;
    right: 11px;
    height: 0;
    margin: 0 0 0 14px;
    position: absolute;
    text-align: right;
    top: 33px;
    width: 0;
}

.horizontalMenu > .horizontalMenu-list > li.rightmenu {
    float: right;
    float: right;
    zoom: 1;
}

    .horizontalMenu > .horizontalMenu-list > li.rightmenu a {
        padding: 0px 30px 0px 20px;
        border-right: none;
    }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu a i {
            font-size: 15px;
        }

    .horizontalMenu > .horizontalMenu-list > li.rightmenu:before {
        content: "";
        display: table;
    }

/* Desktop Search Bar */
.horizontalMenu-list > li.rightmenu:after {
    content: "";
    display: table;
}

.horizontalMenu > .horizontalMenu-list > li.rightmenu:after {
    clear: both;
}

.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
    float: right;
    width: 210px;
    height: 39px;
    position: relative;
    margin: 16px 0px 0px 0px;
}

    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .searchicon {
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
    }

    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
        width: 100%;
        position: relative;
        float: right;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        text-indent: 15px;
        height: 39px;
        z-index: 2;
        outline: none;
        color: #333;
        background-color: #efefef;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        font-size: 12px;
    }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::placeholder {
            color: #a9a9a9;
        }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
            color: #333;
            width: 230px;
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .btnstyle .fa {
                color: #000;
                opacity: 1;
            }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .searchicon {
                opacity: 1;
                z-index: 3;
                color: #FFFFFF;
            }

    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle {
        top: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40px;
        line-height: 30px;
        z-index: 1;
        cursor: pointer;
        opacity: 0.3;
        color: #333;
        z-index: 1000;
        background-color: transparent;
        border: solid 0px;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
    }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle .fa {
            line-height: 37px;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle:hover .fa {
            opacity: 1;
        }

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    position: absolute;
    top: 47px;
    z-index: 1000;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    min-width: 190px;
    background-color: #fff;
    border: 1px solid #ebecf1;
    box-shadow: 0px 16px 18px rgb(4 4 7 / 21%);
    border-radius: 4px;
}

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
        position: relative;
        margin: 0px;
        padding: 0px;
        display: block;
    }

.horizontalMenu > .horizontalMenu-list > li .sub-menu > li > a {
    background-image: none;
    color: #576482;
    border-right: 0 none;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 6px 7px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    border-right: 0px solid;
    position: relative;
}

.horizontalMenu > .horizontalMenu-list > li sub-menu > li > a:hover {
    text-decoration: none;
}

.horizontalMenu > .horizontalMenu-list > li sub-menu > li > a i {
    font-size: 10px;
    margin-right: 5px;
    width: 15px;
    text-align: center;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 10px 15px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ebecf1;
    box-shadow: 0px 16px 18px rgba(4, 4, 7, 0.1);
    border-radius: 0 4px 4px 0;
}

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
        position: relative;
        margin: 0px;
        padding: 0px;
        display: block;
    }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
            background-image: none;
            color: #576482;
            border-right: 0 none;
            text-align: left;
            display: block;
            line-height: 22px;
            padding: 6px 7px;
            text-transform: none;
            font-size: 13px;
            letter-spacing: normal;
            border-right: 0px solid;
            margin-left: 10px;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                text-decoration: none;
            }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                margin-right: 9px;
            }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
            min-width: 220px;
            position: absolute;
            left: 100%;
            top: 0;
            margin: 0px;
            list-style: none;
            padding: 0px;
            background-color: #fff;
            border: 1px solid #e8ebf3;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                position: relative;
                margin: 0px;
                padding: 0px;
                display: block;
            }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                    background-image: none;
                    color: #576482;
                    border-right: 0 none;
                    text-align: left;
                    display: block;
                    line-height: 22px;
                    padding: 8px 12px;
                    text-transform: none;
                    font-size: 13px;
                    letter-spacing: normal;
                    border-right: 0px solid;
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                        text-decoration: none;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                        margin-right: 9px;
                    }

.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
    width: 100%;
    left: 0px;
    position: absolute;
    top: 46px;
    color: #576482;
    z-index: 1000;
    margin: 0px;
    text-align: left;
    font-size: 15px;
}

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
        border: 1px solid #e8ebf3;
        background-color: #fff;
        padding: 14px 20px;
        border-radius: 2px;
        box-shadow: 0px 5px 25px rgba(227, 228, 238, 0.2);
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
        padding: 5px 5px 5px 0px;
        font-size: 16px;
        color: #2c2c2c;
        margin: 0px 0px 4px 0px;
        text-align: left;
        font-weight: 600;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .wsmwnutxt {
        width: 100%;
        font-size: 14px;
        text-align: justify;
        line-height: 22px;
        color: #2c2c2c;
        margin-top: 10px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
        display: block;
        text-align: center;
        white-space: nowrap;
        text-align: left;
        padding: 5px 10px 5px 10px;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
            line-height: 18px;
            border-right: none;
            text-align: left;
            padding: 6px 7px;
            background: transparent;
            background-image: none;
            color: #576482;
            border-right: 0 none;
            display: block;
            font-size: 13px;
            margin-left: 10px;
            position: relative;
        }

    .horizontalMenu > .horizontalMenu-list > li > .sub-menu li i,
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li i {
        margin-right: 1px;
        text-align: center;
        width: 18px;
        font-size: 10px;
        line-height: 21px;
        float: left;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li a:hover {
        background: transparent;
        text-decoration: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li i {
        font-size: 12px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .mrgtop {
        margin-top: 15px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
        padding-bottom: 10px;
        padding-top: 10px;
        background-color: #dbdbdb;
        border: 1px solid #e7e7e7;
        color: #6a6a6a;
        margin: 2px 0px;
        font-size: 13px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
        width: 30%;
        right: auto;
        left: auto;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
        width: 20%;
        right: auto;
        left: auto;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
        width: 100%;
        display: block;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="text"] {
            width: 100%;
            border: 1px solid #e2e2e2;
            color: #000;
            font-size: 13px;
            padding: 8px 5px;
            margin-bottom: 8px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
            width: 100%;
            border: 1px solid #e2e2e2;
            color: #000;
            font-size: 13px;
            padding: 8px 5px;
            margin-bottom: 8px;
            min-height: 122px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="submit"] {
            width: 25%;
            display: block;
            height: 32px;
            float: right;
            border: none;
            margin-right: 15px;
            cursor: pointer;
            background-color: #e1e1e1;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="button"] {
            width: 25%;
            display: block;
            height: 32px;
            float: right;
            border: none;
            cursor: pointer;
            background-color: #e1e1e1;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-inner .item img {
        width: 100%;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-next,
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-prev {
        opacity: 0.8;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-caption {
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.7);
        font-size: 13px;
        height: 31px;
        left: 0;
        padding: 7px 0;
        right: 0;
        width: 100%;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text {
        padding: 0px 0px;
        font-size: 14px;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul {
            padding: 0px 0px;
            margin: 0px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text p {
            text-align: justify;
            line-height: 24px;
            color: #656565;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li {
            display: block;
            padding: 2px 0px;
            line-height: 22px;
        }

            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li a {
                color: #656565;
            }

.sidebar-menu hr,
.sub-menu hr {
    margin: 3px 0;
}

/* ================== Desktop Drop Down Menu CSS ================== */
/* ================== Desktop Mega Menus CSS  ================== */
@media (min-width: 1024px) {
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list:first-child {
        border: 0;
    }
}

/*= Desktop Half Menu CSS =*/
/*= Desktop HTML Form Menu CSS =*/
/* ================== Desktop Extra CSS ================== */
.horizontal-header {
    display: none;
}

.horizontal-overlapbg {
    opacity: 0;
    visibility: hidden;
}

.horizontalMenu .horizontalMenu-click,
.horizontalMenu .horizontalMenu-click02 {
    display: none;
}

.hometext {
    display: none;
}

/*==============================================================================
								  Start Mobile CSS
	===============================================================================*/
/* ================== Mobile Menu Change Brake Point ================== */
@media only screen and (max-width: 578px) {

    /* ================== Mobile Base CSS ================== */
    body.active {
        overflow: hidden;
    }

    /* ================== Mobile Main Menu CSS ================== */
    .desktoplogo {
        display: none;
    }

    .horizontal-main {
        height: 0;
        padding: 0;
    }

    .horizontalMenucontainer {
        background-attachment: local;
        background-position: 33% 0%;
    }

    .horizontalMenu {
        width: 100%;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        left: 0;
        overflow-y: hidden;
        padding: 0;
        top: 0;
        position: fixed;
        visibility: hidden;
        margin: 0px;
    }

        .horizontalMenu > .horizontalMenu-list {
            height: auto;
            min-height: 100%;
            width: 240px;
            background: #fff;
            padding-bottom: 0;
            margin-left: -240px;
            display: block;
            text-align: center;
        }

            .horizontalMenu > .horizontalMenu-list > li {
                width: 100%;
                display: block;
                float: none;
                border-right: none;
                background-color: transparent;
                position: relative;
                white-space: inherit;
                clear: right;
                padding: 0;
            }

                .horizontalMenu > .horizontalMenu-list > li span a {
                    width: 85%;
                    margin: 0 auto;
                }

                .horizontalMenu > .horizontalMenu-list > li > a {
                    padding: 8px 32px 8px 17px;
                    font-size: 14px;
                    text-align: left;
                    border-right: solid 0px;
                    color: #576482;
                    line-height: 25px;
                    border-bottom: 1px solid;
                    border-bottom-color: transparent;
                    position: static;
                    margin: 5px 0;
                    border-radius: 0px;
                }

                    .horizontalMenu > .horizontalMenu-list > li > a span.i {
                        display: none;
                    }

                .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
                    padding-left: 17px;
                    padding-right: 17px;
                    border-top: solid 1px rgba(0, 0, 0, 0.13);
                }

                .horizontalMenu > .horizontalMenu-list > li > a > .fa-angle-up,
                .horizontalMenu > .horizontalMenu-list > li > a > .fa-angle-down {
                    font-size: 16px;
                    color: #fff;
                    display: none !important;
                }

                .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
                    display: none;
                }

                .horizontalMenu > .horizontalMenu-list > li:hover > a {
                    text-decoration: none;
                }

                .horizontalMenu > .horizontalMenu-list > li > a > .hometext {
                    display: inline-block;
                }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
                    display: none;
                    position: relative;
                    top: 0px;
                    background-color: #f0f0f8;
                    border: none;
                    padding: 0 15px;
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                    transform: none;
                    -webkit-transition: inherit;
                    -moz-transition: inherit;
                    transition: inherit;
                    -webkit-transform-style: flat;
                    box-shadow: none;
                    border-bottom: 1px solid #e0e4ec;
                    margin: 0px;
                }

                .horizontalMenu > .horizontalMenu-list > li ul.sub-menu > li > a {
                    line-height: 20px;
                    font-size: 13px;
                    padding: 10px 0px 10px 16px;
                    color: #576482;
                    position: initial;
                }

                .horizontalMenu > .horizontalMenu-list > li ul.sub-menu > li span + a {
                    padding-right: 30px;
                }

                .horizontalMenu > .horizontalMenu-list > li ul.sub-menu > li > a > .fa {
                    display: none;
                }

                .horizontalMenu > .horizontalMenu-list > li ul.sub-menu > li > a:hover {
                    background-color: transparent;
                    color: #576482;
                    text-decoration: none;
                }

                .horizontalMenu > .horizontalMenu-list > li ul.sub-menu li:hover > a {
                    color: #576482;
                }

                .horizontalMenu > .horizontalMenu-list > li ul.sub-menu > li > ul.sub-menu {
                    width: 100%;
                    position: static;
                    left: 100%;
                    top: 0;
                    display: none;
                    margin: 0px;
                    padding: 0px;
                    border: solid 0px;
                    transform: none;
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                    transform: none;
                    -webkit-transition: inherit;
                    -moz-transition: inherit;
                    transition: inherit;
                    -webkit-transform-style: flat;
                }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                    position: relative;
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                        line-height: 20px;
                        font-size: 13px;
                        padding: 10px 0px 10px 26px;
                        color: #576482;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                        padding-right: 30px;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                        display: none;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                        background-color: transparent;
                        color: #576482;
                        text-decoration: none;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                        color: #000;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
                        color: #000;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
                        width: 100%;
                        position: static;
                        left: 100%;
                        top: 0;
                        display: none;
                        margin: 0px;
                        padding: 0px;
                        border: solid 0px;
                        transform: none;
                        opacity: 1;
                        visibility: visible;
                        -webkit-transform: none;
                        -moz-transform: none;
                        -ms-transform: none;
                        -o-transform: none;
                        transform: none;
                        -webkit-transition: inherit;
                        -moz-transition: inherit;
                        transition: inherit;
                        -webkit-transform-style: flat;
                    }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                            margin: 0px 0px 0px 0px;
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                                line-height: 20px;
                                font-size: 13px;
                                padding: 10px 0px 10px 34px;
                                color: #383838;
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                                padding-right: 30px;
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                                display: none;
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                background-color: #e7e7e7;
                                color: #576482;
                                text-decoration: none;
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                                color: #000;
                            }

                .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
                    color: #576482;
                    display: none;
                    position: relative;
                    top: 0px;
                    padding: 0px 0px;
                    border: solid 0px;
                    transform: none;
                    opacity: 1;
                    visibility: visible;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                    transform: none;
                    -webkit-transition: inherit;
                    -moz-transition: inherit;
                    transition: inherit;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
                    -webkit-transform-style: flat;
                }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .container {
                        padding: 0;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
                        width: 100%;
                        margin: 0px;
                        padding: 5px 0px 10px 0px;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
                        color: #576482;
                        font-size: 15px;
                        padding: 10px 8px 10px 0px;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul {
                        width: 100%;
                        margin: 0px;
                        padding: 0px;
                        font-size: 13px;
                    }

                        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a {
                            padding: 9px 14px;
                            line-height: normal;
                            font-size: 13px;
                            background-color: #e7e7e7;
                            color: #576482;
                        }

                            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a:hover {
                                background-color: #000;
                            }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu ul li.title {
                        line-height: 26px;
                        color: #576482;
                        margin: 0px;
                        font-size: 15px;
                        padding: 7px 0px;
                        background-color: transparent;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
                        width: 100%;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
                        padding: 5px 0px 62px 0px;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
                        margin: 0px;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="button"],
                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="submit"] {
                        width: 46%;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
                        min-height: 100px;
                    }

    .horizontal-header {
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        height: 54px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .active .horizontal-header {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .horizontal-header .smllogo {
        display: inline-block;
        margin-top: 11px;
    }

    /* Mobile Search Bar*/
    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
        width: 86%;
        margin: 7% 7%;
        padding: 0px;
    }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
            border-radius: 50px;
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                width: 100%;
            }

    /* ================== Mobile Overlay/Drawer CSS ================== */
    .horizontal-overlapbg {
        right: 0;
        width: calc(100% - 240px);
        height: 100vh;
        min-height: 100%;
        position: fixed;
        top: 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.45);
        cursor: pointer;
    }

    .active .horizontalMenu .horizontal-overlapbg {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity 1.5s ease-in-out;
        -ms-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
    }

    .horizontalMenucontainer {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .active .horizontalMenucontainer {
        margin-left: 120px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .active .horizontalMenu {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        visibility: visible;
        z-index: 1000;
        top: 0;
        height: 100% !important;
    }

        .active .horizontalMenu > .horizontalMenu-list {
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            -ms-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            margin-left: 0;
        }

    /* ================== Mobile Sub Menu Expander Arrows  ================== */
    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click {
        height: 49px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }

    .horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.horizontal-activearrow > i {
        transform: rotate(180deg);
        margin-top: 7px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
        display: block;
        height: 23px;
        width: 25px;
        margin-top: 14px;
        margin-right: 10px;
        background-size: 25px;
        font-size: 16px;
        color: #576482;
        float: right;
        opacity: 0.4;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
        height: 41px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
            display: block;
            margin: 8px 6px 8px 6px;
            background-size: 25px;
            font-size: 16px;
            color: #576482;
            float: right;
            opacity: 0.4;
        }

    .sub-menu li:before {
        top: 10px !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
        display: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i.horizontalMenu-rotate {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .horizontalMenu > .horizontalMenu-list > li a span {
        /*display: none;*/
    }

    .horizontalMenu > .horizontalMenu-list > li > a .horizontal-icon {
        display: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
        background: transparent;
        box-shadow: none !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: rgba(255, 255, 255, 0.6);
    }

    .mega-menubg {
        border: 0 !important;
        box-shadow: 0 !important;
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #576482;
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
        color: #fff;
        background: #8499c4;
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
        margin-top: 0 !important;
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:last-child > a {
        margin-right: 5px !important;
    }

    .mega-menubg {
        background: #f0f0f8 !important;
        box-shadow: none !important;
        padding: 0px 20px !important;
    }

    /*End Media Query*/
}

/* Extra @Media Query*/
@media only screen and (min-width: 578px) and (max-width: 1162px) {
    .horizontalMenu > .horizontalMenu-list > li > a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
    }

        .horizontalMenu > .horizontalMenu-list > li > a > .arrow {
            display: none;
        }

    .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
        padding-left: 22px;
        padding-right: 22px;
    }
}

.horizontalMenu-list .sub-menu .sub-menu:before,
.horizontalMenu-list .sub-menu .sub-menu:after {
    display: none;
}

@media (max-width: 578px) {
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
        border: 0;
        box-shadow: none;
    }
}


.horizontalMenu ul li a.btn {
    font-size: 14px !important;
    margin: 5px 0;
}

@media (min-width: 578px) {
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu,
    .horizontalMenu > .horizontalMenu-list > li:hover > .horizontal-megamenu {
        opacity: 1;
        visibility: visible;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.4s, opacity 0.4s;
        -ms-transition: -ms-transform 0.4s, opacity 0.4s;
        -moz-transition: -moz-transform 0.4s, opacity 0.4s;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.4s, opacity 0.4s;
        -ms-transition: -ms-transform 0.4s, opacity 0.4s;
        -moz-transition: -moz-transform 0.4s, opacity 0.4s;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .header-style1 .horizontalMenu > .horizontalMenu-list > li {
        padding: 0.75rem 0;
    }
}

.mega-menubg {
    background: #fff;
    padding: 6px 6px;
    border: 1px solid #ebecf1;
    box-shadow: 0px 16px 18px rgba(4, 4, 7, 0.1);
    border-radius: 4px;
}

.horizontal-main.hor-menu {
    border-bottom: 1px solid transparent;
    box-shadow: 5px 7px 26px -5px rgba(24, 23, 38, 0.06);
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
    color: #576482;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
    content: '\e92f';
    font-family: 'feather';
    font-size: 13px;
    position: absolute;
    top: 9px;
    right: 14px;
    color: #576482;
    opacity: 0.4;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li:first-child > a {
    margin-left: 0;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li:last-child > a {
    margin-right: 0;
}

.hor-icon {
    fill: var(--icon-text-color);
    color: var(--icon-text-color);
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    width: 37.5px;
    height: 37.5px;
    background: var(--icon-background-color);
    padding: 2px;
    border-radius: 50px;
    box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
    border: 2px solid #ebecf1;
    display: inline-block;
}

.hor-content .latest-timeline {
    height: 365px;
}

.add-new-button i {
    float: none;
    margin-right: 5px;
}

.float-button {
    position: fixed;
    bottom: 75px;
    right: 5px;
    background: #007bff;
    color: #fff !important;
    border-radius: 50%;
    height: 40px;
    line-height: 40px !important;
    box-shadow: -1px 1px 5px #6a6a6a;
    cursor: pointer;
    width: 40px;
    text-align: center;
    z-index: 100;
}

    .float-button i {
        margin-right: 0;
    }

    .float-button span {
        position: absolute;
        right: 40px;
        color: #4568dc;
        margin: 0;
        display: inline-block;
        padding: 3px 10px;
        top: 6px;
        background: #ffffff;
        box-shadow: -1px 1px 5px #2f2f2f85;
        display: none;
        z-index: 100;
        line-height: 20px;
        min-width: 85px;
    }

    .float-button:hover span {
        display: inline-block;
    }

.actionbtn_b {
    border: 0 !important;
}

.tree-view img {
    width: 24px;
    margin: 8px;
}

.form {
    margin-bottom: 0.8rem;
}

.dropdown-menu a i {
    margin-right: 6px;
}

.card .box-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem;
    position: relative;
}


.iframe-close {
    position: fixed;
    right: 25px;
    top: 25px;
    background: #f44;
    padding: 8px;
    line-height: 0;
    color: #fff;
    border-radius: 25px;
    box-shadow: 1px 1px 5px #000;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    .iframe-close i,
    .iframe-close label {
        margin-bottom: 0;
        cursor: pointer;
    }

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.tab-theme .ajax__tab_header .ajax__tab_outer {
    border: 0 !important;
    border-radius: 0 !important;
}

.tab-theme .ajax__tab_active .ajax__tab_outer {
    background: var(--header-color) !important;
}

.tab-theme .ajax__tab_header .ajax__tab_tab {
    padding: 1em 0.75em 0.2em;
}

.tab-theme .ajax__tab_body {
    border: solid 1px #a7a7a7;
}

.tab-theme .ajax__tab_header {
    border-bottom: solid 1px #dadada;
}

a.input1 {
    border: solid 1px #0069d9;
    padding: 6px;
}

label.btn {
    margin-bottom: 0;
}

.box-footer {
    margin-bottom: 25px;
}

.nav-tabs .nav-link.active,
.nav-tabs .show > .nav-link {
    background: var(--header-color) !important;
    color: var(--icon-background-color) !important;
}

.nav-tabs .nav-link:hover {
    opacity: 0.80;
}

.nav-tabs > li > a.nav-link {
    background: #e3e6ed;
}

.horizontalMenu > .horizontalMenu-list > li .sub-menu li:hover {
    background: #f3f3f3;
}

.has-error .signature {
    border: 1.5px solid #ef120d !important;
}

.has-error .fr-box {
    border: 1px solid #ef120d !important;
}

.has-error .fr-toolbar {
    border-radius: 10px !important;
}

.has-error .select2-selection,
.has-error .form-control {
    border: 1px solid #ef120d !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.has-error .label-class::after {
    content: "*";
    color: #dc3545 !important;
    font-weight: bold;
    position: absolute;
    right: -8px;
    top: -6px;
    font-size: 120%;
}

.main-footer {
    background: #fff;
    padding: 5px 0;
    font-size: 12px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    border-top: solid 1px #e8e8e8;
    color: #5d5d5d;
    display: none;
}

@media (min-width: 576px) {
    .main-footer {
        display: block;
    }
}

.main-footer a {
    color: #3861f3;
}

.table a:not(.btn) {
    color: #3861f3;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    margin: 0;
    background: var(--header-color);
    /*box-shadow: 0 1px 10px #a0a0a0;*/
    padding: 0 25px 6px;
    /*transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear;*/
}

@media (min-width: 992px) {
    .fixed-header {
        padding: 6px 45px;
    }
}

.checkbox input {
    margin-right: 5px;
}

#exTab3 .nav-tabs {
    margin-left: 0;
}

    #exTab3 .nav-tabs > li > a {
        padding: 10px 15px !important;
        border-radius: 0;
        min-width: 70px;
        font-size: 12px;
        border: 0;
    }

        #exTab3 .nav-tabs > li > a:hover {
            color: #5c678f;
        }

#exTab3 .tab-content {
    color: black;
    background-color: white;
    padding: 5px 15px;
    border: 1px #808080 solid;
}

.checkbox input {
    margin-right: 5px;
}

.select2 {
    min-width: 100%;
    max-width: 100%;
}

.alert {
    font-family: 'Nunito', sans-serif;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: 1px 1px 3px #0000006b;
    position: fixed;
    width: 100%;
    right: 0;
    bottom: 65px;
    border-radius: 6px;
    z-index: 8007;
}

@media (min-width:576px) {
    .alert {
        width: 450px;
        right: 50px;
    }
}

.alert span {
    display: inline-block;
    margin-bottom: 10px;
}

.alert .close {
    padding: 1px 6px;
}


.table {
    border-right: solid 1px #cac9c9;
    border-bottom: solid 1px #cac9c9;
}

    .table th {
        border-left: 1px solid #cac9c9;
        border-top: 1px solid #cac9c9;
    }

    .table td {
        border-left: 1px solid #cac9c9;
        border-top: 1px solid #cac9c9;
        border-bottom: 0;
    }

.main-sidebar {
    background: #fff !important;
    box-shadow: 0 0 10px #e8e8e847;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 30px;
    padding-bottom: 35px;
    min-height: 100%;
    width: 230px;
    z-index: 810;
    display: none;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}

@media (min-width:1px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        /*    margin-left: 50px !important;*/
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 60px !important;
        z-index: 850;
        position: fixed;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            margin-right: 0;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
                border-top-right-radius: 4px;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: 4px;
        }

        /*.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), */
        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            display: block !important;
            position: absolute;
            min-width: 230px;
            width: auto; /*Increase width of Category By Elango*/
            left: 50px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            top: 0;
            margin-left: 0;
            padding: 6px 5px 6px 0px;
            background-color: inherit;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            bottom: 0;
            margin-left: 0;
            overflow-y: scroll;
            max-height: 225px;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
        .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }
}

.sidebar-navs {
    padding-left: 4px;
}

.sidebar-collapse .sidebar-navs {
    padding-left: 2px;
}

.sidebar-navs .nav-link {
    padding: 3px;
    margin-left: 0;
}

.sidebar-collapse .sidebar-navs .nav-link {
    margin-left: 0;
}

.sidebar-navs .hor-icon {
    padding: 5px;
    margin-right: 0;
    font-size: 16px;
    width: 40px;
    height: 40px;
    border: 0;
}

.side-header {
    background: var(--header-color);
    padding: 6px;
    text-align: center;
    margin-bottom: 15px;
}

.sidebar-collapse .side-header {
    margin-bottom: 5px;
}

.left-menu .page-header {
    display: block;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    /* border-radius: 7px; 
    position: relative;*/
    min-height: 50px;
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 8px 24px #0000001a;
    border: 1px solid transparent;
    border-radius: 5px;
}

@media (max-width: 767px) {
    /* .page-header:not(.fixed-header) {
        margin-top: 90px !important;
        background: #ffffff !important;
        padding: 5px 15px 10px;
    }

        .page-header:not(.fixed-header) .page-leftheader,
        .page-header:not(.fixed-header) .page-leftheader .breadcrumb-item a {
            color: #495057 !important;
        }*/

    .page-header {
        display: block;
    }
}

.page-header.fixed-header {
    margin: 0;
    padding: 20px 24px;
}

@media (min-width: 576px) {
    .page-header {
        margin: 0.5rem 0;
    }

    .left-menu .page-header {
        /*display: -ms-flexbox;
        display: flex;*/
        margin: 0.6rem 0rem;
    }

    .page-header.fixed-header {
        padding: 10px 12px;
    }

    .hor-header .header-brand-img.mobile-logo {
        display: none;
    }

    /*body:not(.left-menu) .page-header:not(.fixed-header) {
        background: #0000004a;
        padding: 15px;
    }

        body:not(.left-menu) .page-header:not(.fixed-header) .page-leftheader,
        body:not(.left-menu) .page-header:not(.fixed-header) .page-leftheader .breadcrumb-item a {
            color: #fff;
        }*/
}

@media (min-width: 961px) {
    .page-header.fixed-header {
        margin: 0;
        padding: 3px 20px;
        min-height: 55px;
    }

    .left-menu .page-header {
        display: -ms-flexbox;
        display: flex;
    }
}

.left-menu .page-header.fixed-header {
    position: relative;
    top: 0;
    left: 0;
    right: 12px;
    margin-top: 0;
    /*display: none;*/
}

@media (min-width: 578px) {
    .left-menu .page-header.fixed-header {
        position: fixed;
        left: 242px;
    }

    .sidebar-collapse.left-menu .page-header.fixed-header {
        left: 72px;
    }
}

/*.page-header,
.float-button,
#header {
    display: none;
}

@media (min-width: 768px) {
    .page-header,
    .float-button,
    #header {
        display: block;
    }

    .left-menu .page-header.fixed-header {
        display: block;
    }
}*/

.page-content {
    position: relative;
    margin-top: 0;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .page-content {
        min-height: 100vh;
    }
}

.sidebar-collapse.left-menu .page-content {
    margin-left: 0;
}

@media (max-width: 576px) {
    .sidebar-collapse .page-header.fixed-header {
        left: 0;
        right: 12px;
        padding: 8px 24px;
    }
}

@media (min-width: 1px) {
    .sidebar-collapse.left-menu .page-content {
        margin-left: 60px;
    }
}

.sidebar-collapse .main-sidebar .header-brand-img {
    display: none;
}

.sidebar-toggle {
    font: normal normal normal 14px/1 FontAwesome;
    margin-top: 12px;
    padding: 6px 10px;
    float: right;
    color: #fff !important;
    cursor: pointer;
}

.sidebar-collapse .sidebar-toggle {
    float: none;
    padding: 10px;
}

.sidebar-collapse .app-sidebar__user {
    display: none;
}

.sidebar-collapse .sidebar-menu > li > a {
    text-align: center;
}

    .sidebar-collapse .sidebar-menu > li > a i:first-child {
        font-size: 150%;
    }

.sidebar-collapse .main-sidebar {
    overflow-y: visible;
}

@media (min-width: 1px) {
    .left-menu .top-menu,
    .left-menu .top-header {
        display: none !important;
    }

    .left-menu .main-sidebar {
        display: block;
    }

    .left-menu .page-content {
        margin-left: 230px;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.btn-theme {
    background: var(--header-color);
    border: 0;
    color: #fff;
}

    .btn-theme:hover {
        color: #fff;
        box-shadow: 1px 1px 5px #494949ba;
    }

.bg-theme {
    background: var(--header-color);
}

.user-pro-body .dropdown-menu {
    font-size: 0.8375rem;
    box-shadow: 0px 12px 12px rgb(4 4 7 / 18%);
}

.user-info .text-muted {
    color: #76839a !important;
}

.app-sidebar__user-name.text-sm {
    font-size: 12px;
    font-weight: 400;
}

.grid-header .box-tools {
    display: none;
}
/*
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.375rem;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 38px;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #76839a;
    background-color: #f1f1f9;
    border: 1px solid #d8dde4;
    border-radius: 5px;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(2.375rem - 1px * 2);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #fff;
        content: "Browse";
        border-left: 1px solid #eaedf1;
        border-radius: 0 3px 3px 0;
        background-color: #5e2dd8;
    }*/
.w-0 {
    width: 0;
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-5 {
    width: 5% !important;
}

.w-8 {
    width: 8% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 12% !important;
}

.w-15 {
    width: 15% !important;
}

.w-18 {
    width: 18% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.w-50px {
    width: 50px !important;
}

.w-60px {
    width: 60px !important;
}

.w-70px {
    width: 70px !important;
}

.w-80px {
    width: 80px !important;
}

.w-90px {
    width: 90px !important;
}

.w-100px {
    width: 100px !important;
}

.w-150px {
    width: 150px !important;
}

.custom-file input {
    height: 38px;
    padding-left: 3px;
}

.choosed .custom-file-label {
    border: solid 1px #38cb89;
}

.custom-file-label::after {
    background-color: #868e96;
}


.file-upload .btn-danger {
    border-radius: 0 4px 4px 0;
}

.file-upload.choosed .custom-file-label {
    font-weight: bold;
}


    .file-upload.choosed .custom-file-label::after {
        background-color: #38cb89;
    }

.iframe-1 .hor-header,
.iframe-1 .top-menu,
.iframe-1 .view-buttons,
.iframe-1 .add-new-button,
.iframe-1 .float-button,
.iframe-1 .main-sidebar,
.iframe-1 .main-footer {
    display: none !important;
}

.iframe-1.left-menu .page-header.fixed-header {
    left: 0;
}

.iframe-1.left-menu .page-content {
    margin-left: 0;
}

.table .invisible th {
    padding-top: 0;
    padding-bottom: 0;
}

.signature {
    margin-left: -10px;
    margin-right: -10px;
}

.tab-theme.ajax__tab_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.btn-box-tool {
    box-shadow: 0 0 5px #cccccc;
}

.action-link {
    margin-bottom: 0;
    cursor: pointer;
}

.chart-box {
    margin-bottom: 15px !important;
}

.chart-title {
    margin: 0;
    font-size: 18px;
    line-height: 46px;
}

    .chart-title span {
        min-height: 22px;
        display: inline-block;
    }

.chart-box {
    box-shadow: 0 0 1px #b1b1b1ba
}

.chart-popup {
    position: fixed;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    z-index: 2005;
    box-shadow: 0px 0px 20px #000000a6;
    padding: 15px;
    width: auto;
    overflow: hidden;
    background: #fff;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-21 {
    font-size: 21px;
}

.font-26 {
    font-size: 26px;
}

.font-36 {
    font-size: 36px;
}

.left-menu .hor-icon {
    box-shadow: 0px 2px 5px rgb(4 4 7 / 30%);
}

.label-class {
    margin-bottom: 3px;
    display: inline-block;
    position: relative;
}

button.btn-sm,
a.btn-sm {
    font-size: 0.675rem;
}

a.btn-dark,
a.btn-secondary {
    color: #fff;
}

.btn-logout {
    width: 100%;
}

@media (max-width: 576px) {
    #main-top-menu {
        position: fixed;
        right: 0;
        top: 80px;
        background: #fff;
        width: 230px;
        box-shadow: -1px 6px 20px #33333354;
        padding: 15px;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
        float: none;
        right: 10px;
    }
}

#main-top-menu .nav-link {
    width: 100%;
}

    #main-top-menu .nav-link:hover .hor-icon {
        fill: var(--icon-background-color);
        color: var(--icon-background-color);
        background: var(--icon-text-color);
    }

    #main-top-menu .nav-link label,
    #main-top-menu .nav-link div {
        min-width: unset;
        white-space: nowrap;
        cursor: pointer;
        color: var(--icon-background-color);
    }

.page-header.fixed-header .page-title,
.page-header.fixed-header .breadcrumb-item {
    color: var(--icon-background-color);
}

.left-menu .page-header.fixed-header .page-title,
.left-menu .page-header.fixed-header .breadcrumb-item {
    color: inherit;
}

@media (max-width: 576px) {
    .sidebar-collapse .dropdown-menu-right {
        right: auto;
        left: 5px;
    }
}

.hor-content.main-content {
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (max-width: 576px) {
    .hor-content.main-content {
        background-position: 0 70px;
    }
}

.bottomMenu {
    position: fixed;
    bottom: 180px;
    right: 6px;
    z-index: 99;
    display: none;
    text-align: center;
    z-index: 10000;
    height: 40px;
    width: 40px;
    line-height: 14px;
    padding-top: 3px;
    background: var(--header-color) !important;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    border-radius: 5px;
    box-shadow: 1px 1px 8px #33333399;
}

    .bottomMenu:hover {
        background: #fff !important;
        border: solid 2px var(--header-color);
    }

    .bottomMenu a {
        color: #fff
    }

    .bottomMenu:hover a {
        color: #4568dc;
    }

.actionbuttons .dropdown-menu {
    padding-bottom: 0;
}

    .actionbuttons .dropdown-menu li {
        margin-bottom: 6px;
    }

.w-m80px {
    min-width: 80px !important;
}

.grid-edit {
    min-width: 110px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 15px !important;
}

    .grid-edit .btn {
        padding-left: 3px;
        padding-right: 3px;
    }

.w-m100px {
    min-width: 100px !important;
}

.left-menu.sidebar-collapse .user-pro-body .dropdown-menu-right {
    left: 0;
}

.rbt-list label {
    margin-right: 5px;
}

.table1::-webkit-scrollbar,
.history-list::-webkit-scrollbar {
    height: 10px !important;
}

.no-records {
    text-align: center;
    margin: 15px 0 15px 0 !important;
    padding: 25px 0;
}

    .no-records img {
        max-width: 300px;
    }

:root {
    /*--header-color: linear-gradient(60deg, #790b79 42%, #8a228a 26%, #2e95a2 100%);*/
    --color1: rgb(69, 104, 220);
    --color2: rgb(183, 58, 124);
    --header-color: linear-gradient(to right, var(--color1), var(--color2));
    --menu-color: #4568dc;
    --icon-background-color: #fff;
    --icon-text-color: #5c678f;
}

@media (min-width: 578px) {
    .top-menu .header-brand-img {
        height: 40px;
    }
}

.top-menu {
    background-color: #fff;
    transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

.checkbox {
    display: flex;
}

    .checkbox input {
        margin-top: 3px;
    }

.mw-60px {
    min-width: 60px !important;
}

.mw-80px {
    min-width: 80px !important;
}

.mw-100px {
    min-width: 100px !important;
}

.fstResultItem, .fstChoiceItem, .fstQueryInput, .fstNoResults {
    font-size: 13px !important;
}

.panel {
}

.panel-header {
    display: block;
    background-color: rgb(94 94 94 / 3%);
    padding: 10px 5px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ebecf1;
}

    .panel-header .panel-title {
    }

.panel-body {
    display: block;
    border: 1px solid #ebecf1;
    padding: 10px 5px;
}

.flex {
    display: flex;
}

.pull-right {
    float: right;
}

.group-box {
}


.wm-80px {
    min-width: 80px;
}

.wm-100px {
    min-width: 100px;
    width: 1%;
}

.wm-110px {
    min-width: 110px;
    width: 1%;
}

.tab-theme .ajax__tab_header .ajax__tab_outer {
    padding: 0;
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 0 5px 8px #00000063;
}

.page-break {
    width: auto;
    position: relative;
    margin-bottom: 25px;
    padding: 0;
}

    .page-break .btn-previous {
        position: fixed;
        left: 12px;
        bottom: 28px;
        z-index: 1001;
    }

    .page-break .btn-next {
        position: fixed;
        right: 12px;
        bottom: 28px;
        z-index: 1001;
    }

.page-break-list {
    position: fixed;
    padding: 0 10px;
    right: 1px;
    left: 1px;
    bottom: 0;
    bottom: 28px;
    background: #fff;
    text-align: center;
    z-index: 1000;
    min-height: 40px;
    border-top: solid 1px #ddd;
}

    .page-break-list .breadcrumb {
        padding: 12px 0;
        justify-content: center !important;
        background: transparent;
    }

        .page-break-list .breadcrumb a {
            padding: 6px 10px;
            cursor: pointer;
            border-radius: 15px;
            border: solid 2px #ddd;
            background: #ddd;
            cursor: default;
        }

            .page-break-list .breadcrumb a.enabled {
                background: #fff;
                cursor: pointer;
            }

        .page-break-list .breadcrumb .active a.enabled {
            background: var(--header-color);
            color: var(--icon-background-color) !important;
        }

    .page-break-list .breadcrumb-item {
        display: none;
    }

        /*.page-break-list .breadcrumb-item.active {
            display: block;
        }*/

        .page-break-list .breadcrumb-item a.enabled:hover {
            background: var(--header-color);
            color: var(--icon-background-color) !important;
        }

@media (min-width: 576px) {
    .page-break-list .breadcrumb-item {
        display: block;
    }

    .page-break .btn-previous {
        position: fixed;
        left: 60px;
    }

    .page-break .btn-next {
        position: fixed;
        right: 12px;
    }

    .left-menu .page-break-list {
        left: 230px;
        right: 1px;
    }

    .left-menu.sidebar-collapse .page-break-list {
        left: 60px;
    }

    .left-menu .page-break .btn-previous {
        position: fixed;
        left: 242px;
        bottom: 30px;
    }

    .sidebar-collapse.left-menu .page-break .btn-previous {
        left: 70px;
    }

    .left-menu .page-break .btn-next {
        position: fixed;
        right: 12px;
        bottom: 30px;
    }


    .form-control::placeholder {
        color: #bfbfbf;
    }
}

.page-break-list .breadcrumb-item a.disabled {
    /*background: #ffecec !important;
    border: solid 1.5px #fdacac;*/
    cursor: not-allowed;
    color: #222 !important;
}

.iframe-1 .page-break-list {
    left: 0;
}

.iframe-1 .page-break .btn-previous,
.iframe-1 .page-break .btn-next {
    bottom: 0;
}

@media (max-width: 578px) {
    .mega-menubg {
        padding: 0px 10px !important;
    }

        .mega-menubg .col-md-6 {
            max-width: 100% !important;
            width: 100% !important;
            flex: 100%;
            padding: 0 !important;
        }

    #ctl00_pagecontent {
        margin-left: 0 !important;
        flex: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1px) and (max-width: 575px) {
    #pagecontent {
        padding: 4px;
    }
}

.iframe-1 #pagecontent {
    margin-left: 0 !important;
    flex: 100%;
    max-width: 100%;
}

.iframe-1 .page-content {
    margin-bottom: 0;
}

.mh-500px {
    min-height: 500px;
}

/* START - Custom Popup */
.custom-popup {
    text-align: left;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background: #0006;
}

.custom-popup-dialog {
    max-width: 500px;
    background: #fff;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    box-shadow: 1px 1px 20px #777;
    margin: 1% auto auto;
    height: 90%;
    padding-top: 10px;
    position: relative;
    overflow-y: scroll;
}

    .custom-popup-dialog .close-popup {
        padding: 6px 8px;
        position: absolute;
        top: 6px;
        right: 6px;
        font-size: 1.40625rem;
        font-weight: 700;
        line-height: 1;
        color: #495057;
        opacity: .5;
        z-index: 1;
    }

@media (min-width: 992px) {
    .custom-popup-dialog {
        max-width: 850px;
    }

    .custom-popup-content {
        height: 550px;
        overflow-y: scroll;
    }
}
/* END - Custom Popup */


/*.page-break-list .breadcrumb-item {
    display: none;
}

    .page-break-list .breadcrumb-item.active {
        display: block;
    }
*/

/*.entry-page-content .box-body .box-body:first-child {
    min-height: 540px;
}

.entry-page-content .page-break .box-body {
    min-height: 540px;
}
*/


.enable-search input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.enable-search [data-search-open] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    height: 35px;
}

.page-leftheader .breadcrumb-item:nth-child(2) {
    font-weight: bold;
}

.enable-search .select2-container--default,
.enable-search .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-autocomplete {
    z-index: 8001;
}