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


/*  
  - Google Font
  - General
  - Sidebar
  - Header
  - Metismenu
  - Extra CSS
  - Invoice Page
  - Chat box
  - Email box
  - Compose Mail
  - Navs and Tabs
  - Background Colors
  - Authentication
  - Buttons 
  - Pricing Table
  - Forms
  - Responsive
*/



/* General */
/*body {
    font-size: 14px;   
    color: #525f7f;
    background-color: #f8f9fe;
    letter-spacing: 0.5px;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
}*/

body {
    font-size: 14px;
    color: #002265;
    background-color: #E9F1FF;
    letter-spacing: 0.5px;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .input-group-text {
    color: #002265;
}

.control-label {
    font-weight: 500;
    color: #002265;
    font-size: 14px;
}

.sidebar-wrapper {
    background-color: #3A78F2 !important;
    box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.15);
}

    .sidebar-wrapper .metismenu a, .dropdown-menu, .dropdown-item {
        color: #002265 !important;
    }

.table {
    color: #002265 !important;
    --bs-table-striped-color: #002265 !important;
    --bs-table-striped-bg: rgba(133, 133, 133, 0.05);
    --bs-table-active-color: #002265 !important;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #002265 !important;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    border-color: #dee2e6;
}

    .table > :not(caption) > * > * {
        padding: 0.25rem 0.5rem;
    }

.topbar .navbar .navbar-nav .nav-link {
    color: #002265 !important;
}

.mobile-toggle-menu {
    color: #002265 !important;
}

.form-check input[type=checkbox], .form-check-input {
    border-radius: 3px !important;
}

a {
    text-decoration: none;
}


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


/* Sidebar */


.sidebar-wrapper {
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0px;
    background: #ffffff;
    border-right: 0px solid #e4e4e4;
    z-index: 11;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
    transition: all .2s ease-out;
}


.sidebar-header {
    width: 250px;
    height: 60px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    bottom: 0;
    padding: 0 15px;
    z-index: 5;
    background: #ffffff;
    background-clip: border-box;
    border-bottom: 1px solid #e4e4e4;
}


.logo-icon {
    /*width: 140px;*/
    height: 52px;
}


.logo-text {
    font-size: 22px;
    margin-left: 5px;
    margin-bottom: 0;
    letter-spacing: 1px;
    color: #8833ff;
}


.toggle-icon {
    font-size: 22px;
    cursor: pointer;
    color: #8833ff;
}


/* Header */


.topbar {
    position: fixed;
    top: 0;
    left: 250px;
    right: 0;
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid rgb(228 228 228 / 0%);
    background-clip: border-box;
    z-index: 10;
    box-shadow: 0 0.125rem 0.25rem rgb(136 152 170 / 15%);
    background-color: #E9F1FF !important;
    box-shadow: none !important;
}


    .topbar .navbar {
        width: 100%;
        height: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }


.page-wrapper {
    height: 100%;
    margin-top: 60px;
    margin-bottom: 30px;
    margin-left: 250px;
}


.page-content {
    padding: 1.5rem;
}


.page-footer {
    background: #ffffff;
    left: 250px;
    right: 0;
    bottom: 0;
    position: fixed;
    text-align: center;
    padding: 7px;
    font-size: 14px;
    border-top: 1px solid #e4e4e4;
    z-index: 3;
}


.wrapper.toggled .topbar {
    left: 70px;
}


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


.wrapper.toggled .page-footer {
    left: 70px;
}




/*Metismenu*/


.sidebar-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: transparent;
}


.sidebar-wrapper .metismenu {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 80px;
}


    .sidebar-wrapper .metismenu li + li {
        margin-top: 5px;
    }


    .sidebar-wrapper .metismenu li:first-child {
        margin-top: 5px;
    }


    .sidebar-wrapper .metismenu li:last-child {
        margin-bottom: 5px;
    }


    .sidebar-wrapper .metismenu > li {
        /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/


        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }


    .sidebar-wrapper .metismenu a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: left;
        padding: 5px 15px;
        font-size: 15px;
        color: #5f5f5f;
        outline-width: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        letter-spacing: .5px;
        border: 1px solid #ffffff00;
        transition: all .3s ease-out;
    }


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


        .sidebar-wrapper .metismenu a .menu-title {
            margin-left: 10px;
        }


    .sidebar-wrapper .metismenu ul a {
        padding: 6px 10px 6px 15px;
        font-size: 14px;
        border: 0;
    }


        .sidebar-wrapper .metismenu ul a i {
            margin-right: 2px;
        }


    .sidebar-wrapper .metismenu ul {
        border: 1px solid #ededed;
        background: #ffffff;
        border: 1px solid #ffffff00;
        background: rgb(255 255 255 / 5%);
    }


        .sidebar-wrapper .metismenu ul ul a {
            padding: 3px 15px 3px 30px;
        }


        .sidebar-wrapper .metismenu ul ul ul a {
            padding: 3px 15px 3px 45px;
        }


    .sidebar-wrapper .metismenu a:hover,
    .sidebar-wrapper .metismenu a:focus,
    .sidebar-wrapper .metismenu a:active,
    .sidebar-wrapper .metismenu .mm-active > a {
        color: #1e85fe;
        text-decoration: none;
        background: rgb(30 133 254 / 12%);
    }


.menu-label {
    padding: 20px 15px 5px 5px;
    color: #b0afaf;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}


.metismenu .has-arrow:after {
    position: absolute;
    content: "";
    width: .50em;
    height: .50em;
    border-style: solid;
    border-width: 1.2px 0 0 1.2px;
    border-color: initial;
    right: 15px;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out;
}


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


    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text {
        display: none;
    }


    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {
        width: 70px;
    }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
            width: 70px;
        }


            .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {
                display: none;
            }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
            justify-content: center;
        }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
            width: 70px;
        }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {
            justify-content: center;
        }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {
            display: none;
        }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {
            display: none;
        }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {
            display: none;
        }


        .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {
            display: none;
        }


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


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


/* Ecommerce Product */

.product-show {
    font-size: 18px;
    left: 15px;
}

.product-discount {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 14px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.color-indigator-item {
    width: 1.2rem;
    height: 1.2rem;
    background-color: rgb(230, 224, 224);
    border-radius: 50%;
    cursor: pointer;
}

.product-grid .card {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}



@media (min-width: 992px) {


    .product-grid .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
}


.dash-wrapper {
    margin: -1.5rem -1.5rem -5.5rem -1.5rem;
    padding: 1.5rem 1.5rem 6.5rem 1.5rem;
}



/* Extra CSS */


.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
    color: white;
    position: fixed;
    border-radius: 10px;
    bottom: 20px;
    right: 12px;
    background-color: #8833ff;
    z-index: 5;
}


    .back-to-top:hover {
        color: white;
        background-color: #000;
        transition: all .5s;
    }


.breadcrumb-title {
    font-size: 20px;
    border-right: 1.5px solid #aaa4a4;
}


.page-breadcrumb .breadcrumb li.breadcrumb-item {
    font-size: 16px;
}


.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    font-family: 'LineIcons';
    content: "\ea5c";
}


.icon-badge {
    width: 45px;
    height: 45px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


.widgets-icons {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 26px;
    border-radius: 10px;
}


#geographic-map {
    width: 100%;
    height: 350px;
}


.product-img {
    width: 45px;
    height: 45px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
}


    .product-img img {
        width: 45px;
        height: 45px;
        padding: 1px;
    }


.product-list {
    position: relative;
    height: 450px;
}




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


.customers-list {
    position: relative;
    height: 450px;
}

.store-metrics {
    position: relative;
    height: 450px;
}


.best-selling-products {
    position: relative;
    height: 450px;
}

.recent-reviews {
    position: relative;
    height: 450px;
}

.support-list {
    position: relative;
    height: 450px;
}

.product-list .row {
    background-color: #f8f9fa;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


@media (min-width: 992px) {


    .product-list .row:hover {
        background-color: #fff;
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
    }
}


.recent-product-img {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
}


    .recent-product-img img {
        width: 40px;
        height: 40px;
        padding: 6px;
    }


.theme-icons {
    background-color: #FFF;
}


.lead-table .table {
    border-collapse: separate;
    border-spacing: 0 10px;
}


.fm-menu .list-group a {
    font-size: 16px;
    color: #5f5f5f;
    display: flex;
    align-items: center;
}


    .fm-menu .list-group a i {
        font-size: 23px;
    }


    .fm-menu .list-group a:hover {
        background: #8833ff;
        color: #ffffff;
        transition: all .2s ease-out;
    }


.fm-file-box {
    font-size: 25px;
    background: #e9ecef;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
}


.fm-icon-box {
    font-size: 32px;
    background: #ffffff;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
}


.user-plus {
    width: 33px;
    height: 33px;
    margin-left: -14px;
    line-height: 33px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    border: 1px dotted #a9b2bb;
    color: #404142;
}


.user-groups img {
    margin-left: -14px;
    border: 1px solid #e4e4e4;
    padding: 2px;
    cursor: pointer;
}


.contacts-social a {
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #ffffff;
    border: 1px solid #eeecec;
    text-align: center;
    border-radius: 50%;
    color: #2b2a2a;
}


.customers-contacts a {
    font-size: 16px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #eeecec;
    text-align: center;
    border-radius: 50%;
    color: #2b2a2a;
}


.order-actions a {
    font-size: 18px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    border: 1px solid #eeecec;
    text-align: center;
    border-radius: 20%;
    color: #2b2a2a;
}


.customers-list .customers-list-item {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


@media (min-width: 992px) {


    .customers-list .customers-list-item:hover {
        background-color: #f8f9fa;
        border-radius: 10px;
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
    }
}


.right-15 {
    right: 15px !important;
}


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


.font-14 {
    font-size: 14px;
}


.font-18 {
    font-size: 18px;
}


.font-20 {
    font-size: 20px;
}


.font-22 {
    font-size: 22px;
}


.font-24 {
    font-size: 24px;
}


.font-30 {
    font-size: 30px;
}


.font-35 {
    font-size: 35px;
}


.font-50 {
    font-size: 50px;
}


.font-60 {
    font-size: 60px;
}

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

.font-2rem {
    font-size: 2rem;
}

.font-3rem {
    font-size: 3rem;
}

.font-help {
    font-size: 0.7rem;
}

.user-info-ul {
    font-size: 1.2rem !important;
    line-height: 3rem;
}

    .user-info-ul i {
        font-size: 1.6rem !important;
        color: #5f5f5f;
    }

.radius-30 {
    border-radius: 30px;
}

.radius-3 {
    border-radius: 3px;
}

.radius-5 {
    border-radius: 5px;
}

.radius-10 {
    border-radius: 10px;
}


.radius-15 {
    border-radius: 15px;
}


.cursor-pointer {
    cursor: pointer;
}


.border-light-2 {
    border-color: rgb(255 255 255 / 12%) !important;
}

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


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


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


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


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


/*Invoice Page*/


#invoice {
    padding: 0px;
}


.invoice {
    position: relative;
    background-color: #FFF;
    min-height: 680px;
    padding: 15px
}


    .invoice header {
        padding: 10px 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #8833ff
    }


    .invoice .company-details {
        text-align: right
    }


        .invoice .company-details .name {
            margin-top: 0;
            margin-bottom: 0
        }


    .invoice .contacts {
        margin-bottom: 20px
    }


    .invoice .invoice-to {
        text-align: left
    }


        .invoice .invoice-to .to {
            margin-top: 0;
            margin-bottom: 0
        }


    .invoice .invoice-details {
        text-align: right
    }


        .invoice .invoice-details .invoice-id {
            margin-top: 0;
            color: #8833ff
        }


    .invoice main {
        padding-bottom: 50px
    }


        .invoice main .thanks {
            margin-top: -100px;
            font-size: 2em;
            margin-bottom: 50px
        }


        .invoice main .notices {
            padding-left: 6px;
            border-left: 6px solid #8833ff;
            background: #e7f2ff;
            padding: 10px;
        }


            .invoice main .notices .notice {
                font-size: 1.2em
            }


    .invoice table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 20px
    }


        .invoice table td,
        .invoice table th {
            padding: 15px;
            background: #eee;
            border-bottom: 1px solid #fff
        }


        .invoice table th {
            white-space: nowrap;
            font-weight: 400;
            font-size: 16px
        }


        .invoice table td h3 {
            margin: 0;
            font-weight: 400;
            color: #8833ff;
            font-size: 1.2em
        }


        .invoice table .qty,
        .invoice table .total,
        .invoice table .unit {
            text-align: right;
            font-size: 1.2em
        }


        .invoice table .no {
            color: #fff;
            font-size: 1.6em;
            background: #8833ff
        }


        .invoice table .unit {
            background: #ddd
        }


        .invoice table .total {
            background: #8833ff;
            color: #fff
        }


        .invoice table tbody tr:last-child td {
            border: none
        }


        .invoice table tfoot td {
            background: 0 0;
            border-bottom: none;
            white-space: nowrap;
            text-align: right;
            padding: 10px 20px;
            font-size: 1.2em;
            border-top: 1px solid #aaa
        }


        .invoice table tfoot tr:first-child td {
            border-top: none
        }


        .invoice table tfoot tr:last-child td {
            color: #8833ff;
            font-size: 1.4em;
            border-top: 1px solid #8833ff
        }


        .invoice table tfoot tr td:first-child {
            border: none
        }


    .invoice footer {
        width: 100%;
        text-align: center;
        color: #777;
        border-top: 1px solid #aaa;
        padding: 8px 0
    }


@media print {


    .invoice {
        font-size: 11px !important;
        overflow: hidden !important
    }


        .invoice footer {
            position: absolute;
            bottom: 10px;
            page-break-after: always
        }


        .invoice > div:last-child {
            page-break-before: always
        }

    .page-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
}


.main-row {
    height: 100vh;
}


.main-col {
    max-width: 500px;
    min-height: 300px;
}


.todo-done {
    text-decoration: line-through;
}


/*Chat box*/
.chat-wrapper {
    width: auto;
    height: 600px;
    border-radius: 0.25rem;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}


.chat-sidebar {
    width: 340px;
    height: 100%;
    position: absolute;
    background: #ffffff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}


.chat-sidebar-header {
    width: auto;
    height: auto;
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-right: 0px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    padding: 15px;
}


.chat-sidebar-content {
    padding: 0px;
}


.chat-user-online {
    position: relative;
}


.chat-sidebar-header .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 40px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e;
}


.chat-list .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 36px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e;
}


.chat-content {
    margin-left: 340px;
    padding: 85px 15px 15px 15px;
}


.chat-header {
    position: absolute;
    height: 70px;
    left: 340px;
    right: 0;
    top: 0;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-right-radius: 0.25rem;
    z-index: 1;
}


.chat-footer {
    position: absolute;
    height: 70px;
    left: 340px;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #f8f9fa;
    border-top: 1px solid rgba(0, 0, 0, .125);
    border-bottom-right-radius: 0.25rem;
}


.chat-footer-menu a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #6c757d;
    text-align: center;
    border-radius: 50%;
    margin: 3px;
    background-color: white;
    border: 1px solid rgb(0 0 0 / 15%);
}


.chat-tab-menu li a.nav-link {
    padding: .3rem 0.2rem;
    line-height: 1.2;
    color: #4a4b4c;
}


.chat-tab-menu .nav-pills .nav-link.active,
.chat-tab-menu .nav-pills .show > .nav-link {
    color: #8833ff;
    background-color: rgb(0 123 255 / 0%);
}


.chat-title {
    font-size: 14px;
    color: #272b2f;
}


.chat-msg {
    font-size: 13px;
    color: #6c757d;
}


.chat-time {
    font-size: 13px;
    color: #6c757d;
}


.chat-list {
    position: relative;
    height: 300px;
}


    .chat-list .list-group-item {
        border: 1px solid rgb(0 0 0 / 0%);
        background-color: transparent;
    }


        .chat-list .list-group-item:hover {
            border: 1px solid rgb(0 0 0 / 0%);
            background-color: rgb(13 110 253 / 0.12)
        }


        .chat-list .list-group-item.active {
            background-color: rgb(13 110 253 / 0.12)
        }


.chart-online {
    color: #16e15e;
}


.chat-top-header-menu a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #6c757d;
    text-align: center;
    border-radius: 50%;
    margin: 3px;
    background-color: white;
    border: 1px solid rgb(0 0 0 / 15%);
}


.chat-content {
    position: relative;
    width: auto;
    height: 520px;
}


.chat-content-leftside .chat-left-msg {
    width: fit-content;
    background-color: #eff2f5;
    padding: 0.80rem;
    border-radius: 12px;
    max-width: 480px;
    text-align: left;
    border-top-left-radius: 0;
}


.chat-content-rightside .chat-right-msg {
    width: fit-content;
    background-color: #dcedff;
    padding: 0.80rem;
    border-radius: 12px;
    float: right;
    max-width: 480px;
    text-align: left;
    border-bottom-right-radius: 0;
}


.chat-toggle-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    font-size: 24px;
    color: #6c757d;
    border-radius: 50%;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgb(0 0 0 / 15%);
}


/*Email box*/


.email-wrapper {
    width: auto;
    height: 600px;
    overflow: hidden;
    border-radius: 0.25rem;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, .10);
}


.email-sidebar {
    width: 250px;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}


.email-sidebar-header {
    width: auto;
    height: auto;
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-right: 0px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.25rem;
    padding: 15px;
}


.email-navigation {
    position: relative;
    padding: 0px;
    height: 345px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}


.email-header {
    position: absolute;
    height: 70px;
    left: 250px;
    right: 0;
    top: 0;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-right-radius: 0.25rem;
    z-index: 1;
}


.email-content {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    top: 70px;
    height: auto;
    margin-left: 250px;
    padding: 0;
    background: #ffffff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}


.email-navigation a.list-group-item {
    color: #404142;
    padding: .35rem 1.25rem;
    background-color: white;
    border-bottom: 1px solid rgb(0 0 0 / 0%);
    transition: all .3s ease-out;
}


    .email-navigation a.list-group-item:hover {
        background-color: rgb(136 51 255 / 15%)
    }


    .email-navigation a.list-group-item.active {
        color: #8833ff;
        font-weight: 600;
        background-color: rgb(136 51 255 / 15%)
    }


.email-meeting {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}


    .email-meeting a.list-group-item {
        color: #404142;
        padding: .35rem 1.25rem;
        background-color: white;
        border-bottom: 1px solid rgb(0 0 0 / 0%);
    }


        .email-meeting a.list-group-item:hover {
            background-color: rgb(136 51 255 / 15%);
            transition: all .3s ease-out;
        }


.email-hangout .chat-user-online:before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 45px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff;
    background: #16e15e;
}


.email-toggle-btn {
    width: auto;
    height: auto;
    margin-right: 10px;
    text-align: center;
    font-size: 24px;
    color: #404142;
    border-radius: 0;
    cursor: pointer;
    background-color: white;
    border: 0px solid rgb(0 0 0 / 15%);
}


.email-actions {
    width: 230px;
}


.email-time {
    font-size: 13px;
    color: #6c757d;
}


.email-list div.email-message {
    background: #ffffff;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    color: #383a3c;
}


    .email-list div.email-message:hover {
        transition: all .2s ease-out;
        background-color: #eceef1;
    }


.email-list {
    position: relative;
    height: 530px;
}


.email-star {
    color: #6c757d;
}


.email-read-box {
    position: relative;
    height: 530px;
}


/*Compose Mail*/


.compose-mail-popup {
    width: 42%;
    position: fixed;
    bottom: -30px;
    right: 30px;
    z-index: 15;
    display: none;
}


.compose-mail-toggled {
    display: block;
}


.compose-mail-title {
    font-size: 16px;
}


.compose-mail-close {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    background-color: rgb(255 255 255 / 0%);
}


    .compose-mail-close:hover {
        background-color: rgb(255 255 255 / 20%);
    }


/* Navs and Tabs */


.nav-primary.nav-tabs .nav-link.active {
    color: #8833ff;
    border-color: #8833ff #8833ff #fff;
}


.nav-danger.nav-tabs .nav-link.active {
    color: #e62e2e;
    border-color: #e62e2e #e62e2e #fff;
}


.nav-success.nav-tabs .nav-link.active {
    color: #29cc39;
    border-color: #29cc39 #29cc39 #fff;
}


.nav-warning.nav-tabs .nav-link.active {
    color: #ffc107;
    border-color: #ffc107 #ffc107 #fff;
}


.nav-pills-danger.nav-pills .nav-link.active {
    color: #fff;
    background-color: #e62e2e;
}


.nav-pills-success.nav-pills .nav-link.active {
    color: #fff;
    background-color: #29cc39;
}


.nav-pills-warning.nav-pills .nav-link.active {
    color: #000;
    background-color: #ffc107;
}


.nav-search input.form-control {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 45%);
    color: #fff;
}


.nav-search button[type='submit'] {
    background-color: rgb(255 255 255 / 20%);
    border: 1px solid rgb(255 255 255 / 32%);
    color: #fff;
}


.nav-search input.form-control::placeholder {
    opacity: 0.5 !important;
    color: #fff !important;
}


.nav-search input.form-control::-ms-input-placeholder {
    color: #fff !important;
}


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


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

.form-control.with-appearance {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}
/* Background Colors */
.bg-white-2 {
    background-color: rgb(255 255 255 / 12%) !important;
}


.bg-light-primary {
    background-color: rgb(136 51 255 / 15%) !important;
}


.bg-light-success {
    background-color: rgb(41 204 57 / 15%) !important;
}


.bg-light-danger {
    background-color: rgb(230 46 46 / 15%) !important;
}


.bg-light-warning {
    background-color: rgb(255 193 7 / 0.11) !important;
}


.bg-light-info {
    background-color: rgb(13 202 240 / 18%) !important;
}


.bg-gradient-cosmic {
    background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224)) !important;
}


.bg-gradient-burning {
    background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43)) !important;
}


.bg-gradient-lush {
    background: linear-gradient(to right, rgb(86, 171, 47), rgb(168, 224, 99)) !important;
}


.bg-gradient-Ohhappiness {
    background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61)) !important;
}


.bg-gradient-kyoto {
    background: linear-gradient(to right, rgb(247, 151, 30), rgb(255, 210, 0)) !important;
}


.bg-gradient-blues {
    background: linear-gradient(to right, rgb(86, 204, 242), rgb(47, 128, 237)) !important;
}


.bg-gradient-moonlit {
    background: linear-gradient(to right, rgb(15, 32, 39), rgb(32, 58, 67), rgb(44, 83, 100)) !important;
}


.split-bg-primary {
    background-color: #7122e0;
    border-color: #7122e0;
}


.split-bg-secondary {
    background-color: #515a62;
    border-color: #515a62;
}


.split-bg-success {
    background-color: #1db52c;
    border-color: #1db52c;
}


.split-bg-info {
    background-color: #0bb2d3;
    border-color: #0bb2d3;
}


.split-bg-warning {
    background-color: #e4ad07;
    border-color: #e4ad07;
}


.split-bg-danger {
    background-color: #e20e22;
    border-color: #e20e22;
}


.bg-facebook {
    background-color: #3b5998 !important;
}


.bg-twitter {
    background-color: #55acee !important;
}


.bg-google {
    background-color: #e52d27 !important;
}


.bg-linkedin {
    background-color: #0976b4 !important;
}

.bg-theam {
    background-color: #E9F1FF !important;
}


.text-sky-light {
    color: #cba6ff;
}

.text-theam {
    color: #002265;
}

/* circle chart */


.circles {
    margin-bottom: -10px;
}

.circle {
    width: 100px;
    margin: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

    .circle canvas {
        vertical-align: middle;
    }

    .circle strong {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 24px;
    }

        .circle strong i {
            font-style: normal;
            font-size: 0.6em;
            font-weight: normal;
        }

    .circle span {
        display: block;
        color: #aaa;
        margin-top: 12px;
    }



/* Authentication */


.section-authentication-signin {
    height: 100vh;
}


.authentication-forgot {
    height: 100vh;
    padding: 0 1rem;
}


.authentication-reset-password {
    height: 100vh;
    padding: 0 1rem;
}


.authentication-lock-screen {
    height: 100vh;
    padding: 0 1rem;
}


.error-404 {
    height: 100vh;
    padding: 0 1rem;
}


.error-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin: 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}


.authentication-header {
    position: absolute;
    background: #8833ff;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
}

.bg-login {
    background-image: url(../images/login-images/bg-login-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.bg-forgot {
    background-image: url(../images/login-images/bg-forgot-password.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.bg-lock-screen {
    background-image: url(../images/login-images/bg-lock-screen.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.login-separater span {
    position: relative;
    top: 26px;
    margin-top: -10px;
    background: #ffffff;
    padding: 5px;
    font-size: 12px;
    color: #cbcbcb;
    z-index: 1;
}


/* Buttons */


.btn i {
    vertical-align: middle;
    font-size: 1.3rem;
    margin-top: -1em;
    margin-bottom: -1em;
    margin-right: 5px;
}

.btn-group-round button:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.btn-group-round button:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btn-facebook {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}


    .btn-facebook:hover {
        color: #fff;
    }


.btn-white {
    background-color: #fff;
    border-color: #e7eaf3;
}


.chart-container1 {
    position: relative;
    height: 340px;
}


.gmaps,
.gmaps-panaroma {
    height: 400px;
    background: #eeeeee;
    border-radius: 3px;
}

.btn.btn-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' id='search'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'%3E%3C/path%3E%3Cpath d='M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 35px;
    background-repeat: no-repeat no-repeat;
    background-size: 25px;
    background-position: left center;
    background-position-x: 7px;
}

.btn.btn-delete {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 4.5H3.75H15.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.25 4.5V15C14.25 15.3978 14.092 15.7794 13.8107 16.0607C13.5294 16.342 13.1478 16.5 12.75 16.5H5.25C4.85218 16.5 4.47064 16.342 4.18934 16.0607C3.90804 15.7794 3.75 15.3978 3.75 15V4.5M6 4.5V3C6 2.60218 6.15804 2.22064 6.43934 1.93934C6.72064 1.65804 7.10218 1.5 7.5 1.5H10.5C10.8978 1.5 11.2794 1.65804 11.5607 1.93934C11.842 2.22064 12 2.60218 12 3V4.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 8.25V12.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 8.25V12.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}

.btn.btn-add {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1C7.41775 1 5.87103 1.46919 4.55544 2.34824C3.23985 3.22729 2.21447 4.47672 1.60897 5.93853C1.00347 7.40034 0.84504 9.00887 1.15372 10.5607C1.4624 12.1126 2.22433 13.538 3.34315 14.6569C4.46197 15.7757 5.88743 16.5376 7.43928 16.8463C8.99113 17.155 10.5997 16.9965 12.0615 16.391C13.5233 15.7855 14.7727 14.7602 15.6518 13.4446C16.5308 12.129 17 10.5822 17 9C17 7.94942 16.7931 6.90914 16.391 5.93853C15.989 4.96793 15.3997 4.08601 14.6569 3.34315C13.914 2.60028 13.0321 2.011 12.0615 1.60896C11.0909 1.20693 10.0506 1 9 1ZM9 15.4C7.7342 15.4 6.49683 15.0246 5.44435 14.3214C4.39188 13.6182 3.57158 12.6186 3.08717 11.4492C2.60277 10.2797 2.47603 8.9929 2.72298 7.75142C2.96992 6.50994 3.57946 5.36957 4.47452 4.47452C5.36958 3.57946 6.50995 2.96992 7.75142 2.72297C8.9929 2.47603 10.2797 2.60277 11.4492 3.08717C12.6186 3.57157 13.6182 4.39187 14.3214 5.44435C15.0246 6.49682 15.4 7.7342 15.4 9C15.4 10.6974 14.7257 12.3252 13.5255 13.5255C12.3253 14.7257 10.6974 15.4 9 15.4ZM12.2 8.2H9.8V5.8C9.8 5.58783 9.71572 5.38434 9.56569 5.23431C9.41566 5.08428 9.21218 5 9 5C8.78783 5 8.58435 5.08428 8.43432 5.23431C8.28429 5.38434 8.2 5.58783 8.2 5.8V8.2H5.8C5.58783 8.2 5.38435 8.28428 5.23432 8.43431C5.08429 8.58434 5 8.78782 5 9C5 9.21217 5.08429 9.41565 5.23432 9.56568C5.38435 9.71571 5.58783 9.8 5.8 9.8H8.2V12.2C8.2 12.4122 8.28429 12.6157 8.43432 12.7657C8.58435 12.9157 8.78783 13 9 13C9.21218 13 9.41566 12.9157 9.56569 12.7657C9.71572 12.6157 9.8 12.4122 9.8 12.2V9.8H12.2C12.4122 9.8 12.6157 9.71571 12.7657 9.56568C12.9157 9.41565 13 9.21217 13 9C13 8.78782 12.9157 8.58434 12.7657 8.43431C12.6157 8.28428 12.4122 8.2 12.2 8.2Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}

.btn.btn-save {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg class='feather feather-save' fill='none' height='24' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpolyline points='17 21 17 13 7 13 7 21'/%3E%3Cpolyline points='7 3 7 8 15 8'/%3E%3C/svg%3E");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}
.btn.btn-cart {
    background-image: url("../images/icons/cart.svg");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}
.btn.btn-money {
    background-image: url("../images/icons/money.svg");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}
.btn.btn-cancel {
    background-image: url("../images/icons/close-icon.svg");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}

.btn.btn-refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23ffffff;transform: ;msFilter:;'%3E%3Cpath d='M10 11H7.101l.001-.009a4.956 4.956 0 0 1 .752-1.787 5.054 5.054 0 0 1 2.2-1.811c.302-.128.617-.226.938-.291a5.078 5.078 0 0 1 2.018 0 4.978 4.978 0 0 1 2.525 1.361l1.416-1.412a7.036 7.036 0 0 0-2.224-1.501 6.921 6.921 0 0 0-1.315-.408 7.079 7.079 0 0 0-2.819 0 6.94 6.94 0 0 0-1.316.409 7.04 7.04 0 0 0-3.08 2.534 6.978 6.978 0 0 0-1.054 2.505c-.028.135-.043.273-.063.41H2l4 4 4-4zm4 2h2.899l-.001.008a4.976 4.976 0 0 1-2.103 3.138 4.943 4.943 0 0 1-1.787.752 5.073 5.073 0 0 1-2.017 0 4.956 4.956 0 0 1-1.787-.752 5.072 5.072 0 0 1-.74-.61L7.05 16.95a7.032 7.032 0 0 0 2.225 1.5c.424.18.867.317 1.315.408a7.07 7.07 0 0 0 2.818 0 7.031 7.031 0 0 0 4.395-2.945 6.974 6.974 0 0 0 1.053-2.503c.027-.135.043-.273.063-.41H22l-4-4-4 4z'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}

.btn.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23ffffff;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E");
    padding-right: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 28px;
    background-position: left center;
    background-position-x: 48px;
}

.btn.btn-back {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M39.3756,48.0022l30.47-25.39a6.0035,6.0035,0,0,0-7.6878-9.223L26.1563,43.3906a6.0092,6.0092,0,0,0,0,9.2231L62.1578,82.615a6.0035,6.0035,0,0,0,7.6878-9.2231Z' fill='%23ffffff'/%3E%3C/svg%3E");
    padding-left: 30px;
    background-repeat: no-repeat no-repeat;
    background-size: 18px;
    background-position: left center;
    background-position-x: 7px;
}

.btn.btn-export {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M11 16h2V7h3l-4-5-4 5h3z'%3E%3C/path%3E%3Cpath d='M5 22h14c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-4v2h4v9H5v-9h4V9H5c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2z'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-import {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m12 18 4-5h-3V2h-2v11H8z'%3E%3C/path%3E%3Cpath d='M19 9h-4v2h4v9H5v-9h4V9H5c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-print {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(254, 254, 254, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 7h-1V2H6v5H5c-1.654 0-3 1.346-3 3v7c0 1.103.897 2 2 2h2v3h12v-3h2c1.103 0 2-.897 2-2v-7c0-1.654-1.346-3-3-3zM8 4h8v3H8V4zm8 16H8v-4h8v4zm4-3h-2v-3H6v3H4v-7c0-.551.449-1 1-1h14c.552 0 1 .449 1 1v7z'%3E%3C/path%3E%3Cpath d='M14 10h4v2h-4z'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-print-dark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 7h-1V2H6v5H5c-1.654 0-3 1.346-3 3v7c0 1.103.897 2 2 2h2v3h12v-3h2c1.103 0 2-.897 2-2v-7c0-1.654-1.346-3-3-3zM8 4h8v3H8V4zm8 16H8v-4h8v4zm4-3h-2v-3H6v3H4v-7c0-.551.449-1 1-1h14c.552 0 1 .449 1 1v7z'%3E%3C/path%3E%3Cpath d='M14 10h4v2h-4z'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-result {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m6.516 14.323-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.214 4.107zm2.853-4.326a.998.998 0 0 0 .832-.586L12 5.43l1.799 3.981a.998.998 0 0 0 .832.586l3.972.315-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603 1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962 4.09-.326z'%3E%3C/path%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-rupee {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);'%3E%3Ctext x='0' y='20' font-family='Arial' font-size='20' fill='black'%3E%20%20%E2%82%B9%3C/text%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-bus-school {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d=\'M21.259 11.948A.986.986 0 0 0 22 11V8a.999.999 0 0 0-.996-.999V6H21c0-2.206-1.794-4-4-4H7C4.794 2 3 3.794 3 6v1a1 1 0 0 0-1 1v3c0 .461.317.832.742.948a3.953 3.953 0 0 0-.741 2.298l.004 3.757c.001.733.404 1.369.995 1.716V21a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1.274a2.02 2.02 0 0 0 .421-.313c.377-.378.585-.881.584-1.415l-.004-3.759a3.966 3.966 0 0 0-.742-2.291zM5 18h-.995l-.004-3.757c-.001-.459.161-.89.443-1.243h15.111c.283.353.445.783.446 1.242L20.006 18H5zm6.004-10v3H5V8h6.004zM19 11h-5.996V8H19v3zM7 4h10c1.103 0 2 .897 2 2h-4V5H9v1H5c0-1.103.897-2 2-2z\' fill='%23000000'/%3E%3C/svg%3E");
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-book {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M6 22h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3zM5 8V5c0-.805.55-.988 1-1h13v12H5V8z"></path><path d="M8 6h9v2H8z"></path></svg>');
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    background-position-x: 14px;
}

.btn.btn-smm {
    padding: 0.15rem 0.5rem;
    font-size: .875rem;
    line-height: 1rem;
}

.btn-square-img {
    height: 38px !important;
    width: 38px !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: auto;
}

    .btn-square-img.btn-sm {
        height: 30px !important;
        width: 30px !important;
    }

    .btn-square-img.correct {
        background-image: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.28785L1.94424 6.35981L7.82076 12.1874L10.9699 9.00475L20.0558 0L22 1.92804L16.9614 6.98982L7.87553 15.9946L7.83172 15.9457L7.77695 16L0 8.28785Z' fill='%2347AD4C'/%3E%3C/svg%3E%0A");
    }

    .btn-square-img.wrong {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2.26133L10.2613 8L16 13.7387L13.7387 16L8 10.2613L2.26133 16L0 13.7387L5.73867 8L0 2.26133L2.26133 0L8 5.73867L13.7387 0L16 2.26133Z' fill='%23BE1A1A'/%3E%3C/svg%3E%0A");
    }

    .btn-square-img.delete {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 4.5H3.75H15.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.25 4.5V15C14.25 15.3978 14.092 15.7794 13.8107 16.0607C13.5294 16.342 13.1478 16.5 12.75 16.5H5.25C4.85218 16.5 4.47064 16.342 4.18934 16.0607C3.90804 15.7794 3.75 15.3978 3.75 15V4.5M6 4.5V3C6 2.60218 6.15804 2.22064 6.43934 1.93934C6.72064 1.65804 7.10218 1.5 7.5 1.5H10.5C10.8978 1.5 11.2794 1.65804 11.5607 1.93934C11.842 2.22064 12 2.60218 12 3V4.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 8.25V12.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 8.25V12.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .btn-square-img.edit {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_283_11418)'%3E%3Cpath d='M8.25 3H3C2.60218 3 2.22064 3.15804 1.93934 3.43934C1.65804 3.72064 1.5 4.10218 1.5 4.5V15C1.5 15.3978 1.65804 15.7794 1.93934 16.0607C2.22064 16.342 2.60218 16.5 3 16.5H13.5C13.8978 16.5 14.2794 16.342 14.5607 16.0607C14.842 15.7794 15 15.3978 15 15V9.75' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.875 1.875C14.1734 1.57663 14.578 1.40901 15 1.40901C15.422 1.40901 15.8266 1.57663 16.125 1.875C16.4234 2.17337 16.591 2.57805 16.591 3C16.591 3.42196 16.4234 3.82663 16.125 4.125L9 11.25L6 12L6.75 9L13.875 1.875Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_283_11418'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }

    .btn-square-img.addnew {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1C7.41775 1 5.87103 1.46919 4.55544 2.34824C3.23985 3.22729 2.21447 4.47672 1.60897 5.93853C1.00347 7.40034 0.84504 9.00887 1.15372 10.5607C1.4624 12.1126 2.22433 13.538 3.34315 14.6569C4.46197 15.7757 5.88743 16.5376 7.43928 16.8463C8.99113 17.155 10.5997 16.9965 12.0615 16.391C13.5233 15.7855 14.7727 14.7602 15.6518 13.4446C16.5308 12.129 17 10.5822 17 9C17 7.94942 16.7931 6.90914 16.391 5.93853C15.989 4.96793 15.3997 4.08601 14.6569 3.34315C13.914 2.60028 13.0321 2.011 12.0615 1.60896C11.0909 1.20693 10.0506 1 9 1ZM9 15.4C7.7342 15.4 6.49683 15.0246 5.44435 14.3214C4.39188 13.6182 3.57158 12.6186 3.08717 11.4492C2.60277 10.2797 2.47603 8.9929 2.72298 7.75142C2.96992 6.50994 3.57946 5.36957 4.47452 4.47452C5.36958 3.57946 6.50995 2.96992 7.75142 2.72297C8.9929 2.47603 10.2797 2.60277 11.4492 3.08717C12.6186 3.57157 13.6182 4.39187 14.3214 5.44435C15.0246 6.49682 15.4 7.7342 15.4 9C15.4 10.6974 14.7257 12.3252 13.5255 13.5255C12.3253 14.7257 10.6974 15.4 9 15.4ZM12.2 8.2H9.8V5.8C9.8 5.58783 9.71572 5.38434 9.56569 5.23431C9.41566 5.08428 9.21218 5 9 5C8.78783 5 8.58435 5.08428 8.43432 5.23431C8.28429 5.38434 8.2 5.58783 8.2 5.8V8.2H5.8C5.58783 8.2 5.38435 8.28428 5.23432 8.43431C5.08429 8.58434 5 8.78782 5 9C5 9.21217 5.08429 9.41565 5.23432 9.56568C5.38435 9.71571 5.58783 9.8 5.8 9.8H8.2V12.2C8.2 12.4122 8.28429 12.6157 8.43432 12.7657C8.58435 12.9157 8.78783 13 9 13C9.21218 13 9.41566 12.9157 9.56569 12.7657C9.71572 12.6157 9.8 12.4122 9.8 12.2V9.8H12.2C12.4122 9.8 12.6157 9.71571 12.7657 9.56568C12.9157 9.41565 13 9.21217 13 9C13 8.78782 12.9157 8.58434 12.7657 8.43431C12.6157 8.28428 12.4122 8.2 12.2 8.2Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    }

    .btn-square-img.search {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' id='search'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'%3E%3C/path%3E%3Cpath d='M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");
    }

    .btn-square-img.view {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg fill='%23000000' height='24' width='24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 488.85 488.85' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M244.425,98.725c-93.4,0-178.1,51.1-240.6,134.1c-5.1,6.8-5.1,16.3,0,23.1c62.5,83.1,147.2,134.2,240.6,134.2 s178.1-51.1,240.6-134.1c5.1-6.8,5.1-16.3,0-23.1C422.525,149.825,337.825,98.725,244.425,98.725z M251.125,347.025 c-62,3.9-113.2-47.2-109.3-109.3c3.2-51.2,44.7-92.7,95.9-95.9c62-3.9,113.2,47.2,109.3,109.3 C343.725,302.225,302.225,343.725,251.125,347.025z M248.025,299.625c-33.4,2.1-61-25.4-58.8-58.8c1.7-27.6,24.1-49.9,51.7-51.7 c33.4-2.1,61,25.4,58.8,58.8C297.925,275.625,275.525,297.925,248.025,299.625z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
    }

    .btn-square-img.ledger {
        background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M835.96858 63.659046H185.154303c-35.422337 0-64.2529 28.817252-64.2529 64.2529v767.966212c0 35.436671 28.830563 64.2529 64.2529 64.252899h650.814277c35.422337 0 64.2529-28.817252 64.252899-64.252899v-767.965188c0-35.436671-28.830563-64.253924-64.252899-64.253924z m-650.814277 56.720176h650.814277c4.153903 0 7.532724 3.378822 7.532724 7.532724v64.793511H177.620554v-64.793511c0-4.153903 3.378822-7.532724 7.533749-7.532724z m650.814277 783.032684H185.154303c-4.153903 0-7.532724-3.378822-7.532725-7.532724V249.426656h665.88075v646.452526c-0.001024 4.153903-3.379845 7.532724-7.533748 7.532724z' fill='%23ffffff' /%3E%3Cpath d='M482.187531 318.775433H283.278353c-31.268434 0-56.720175 25.438431-56.720176 56.720175v84.748013c0 31.281744 25.451741 56.720175 56.720176 56.720175h198.908154c31.268434 0 56.720175-25.438431 56.720175-56.720175v-84.748013c0.001024-31.281744-25.451741-56.720175-56.719151-56.720175zM283.278353 460.243621v-84.748013h198.908154l0.027645 84.748013H283.278353zM759.196634 318.775433H621.467676c-15.675684 0-28.3606 12.698226-28.3606 28.3606 0 15.66135 12.684915 28.3606 28.3606 28.360599h137.728958c15.675684 0 28.3606-12.698226 28.3606-28.360599 0-15.662374-12.684915-28.3606-28.3606-28.3606zM759.196634 460.243621h-71.565489c-15.675684 0-28.359576 12.698226-28.359575 28.360599 0 15.66135 12.684915 28.359576 28.359575 28.359576h71.565489c15.675684 0 28.3606-12.698226 28.3606-28.359576 0-15.662374-12.684915-28.3606-28.3606-28.360599zM482.187531 626.94239H283.278353c-31.268434 0-56.720175 25.438431-56.720176 56.720176v84.748012c0 31.281744 25.451741 56.720175 56.720176 56.720175h198.908154c31.268434 0 56.720175-25.438431 56.720175-56.720175v-84.748012c0.001024-31.281744-25.451741-56.720175-56.719151-56.720176zM283.278353 768.410578v-84.748012h198.908154l0.027645 84.748012H283.278353zM759.196634 626.94239H621.467676c-15.675684 0-28.3606 12.698226-28.3606 28.359576 0 15.66135 12.684915 28.359576 28.3606 28.359576h137.728958c15.675684 0 28.3606-12.698226 28.3606-28.359576 0-15.66135-12.684915-28.359576-28.3606-28.359576zM759.196634 768.410578h-71.565489c-15.675684 0-28.359576 12.698226-28.359575 28.359576 0 15.66135 12.684915 28.3606 28.359575 28.360599h71.565489c15.675684 0 28.3606-12.698226 28.3606-28.360599 0-15.66135-12.684915-28.359576-28.3606-28.359576z' fill='%23ffffff' /%3E%3C/svg%3E");
    }

    .btn-square-img.payment {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' enable-background='new 0 0 256 256' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M81.5,95.7c-1.5,0-3-0.5-4.2-1.6c-2.3-2.1-2.3-5.5,0-7.6l70.7-64.7c2.3-2.1,6-2.1,8.3,0L214.7,75c1.1,1,1.7,2.4,1.7,3.8c0,1.4-0.6,2.8-1.7,3.8l-12.5,11.4c-2.3,2.1-6,2.1-8.3,0c-2.3-2.1-2.3-5.5,0-7.6l8.3-7.6l-49.9-45.6L85.7,94.1C84.6,95.1,83.1,95.7,81.5,95.7L81.5,95.7z M57,95.7c-1,0-2-0.2-3-0.7c-2.8-1.5-3.8-4.8-2.1-7.4l41.2-64.8c1.6-2.6,5.2-3.4,8-2l34.5,18.1c2.8,1.5,3.8,4.8,2.2,7.4c-1.6,2.6-5.2,3.5-8,2l-29.4-15.4L62.1,93C61,94.7,59,95.7,57,95.7L57,95.7z M216.5,235.9h-177c-16.3,0-29.5-12.1-29.5-27v-97.1c0-14.9,13.2-27,29.5-27h177c16.3,0,29.5,12.1,29.5,27v97.1C246,223.8,232.8,235.9,216.5,235.9L216.5,235.9z M39.5,95.7c-9.8,0-17.7,7.2-17.7,16.2v97.1c0,8.9,7.9,16.2,17.7,16.2h177c9.8,0,17.7-7.3,17.7-16.2v-97.1c0-8.9-7.9-16.2-17.7-16.2H39.5L39.5,95.7z M198.8,181.9c-13,0-23.6-9.7-23.6-21.6s10.6-21.6,23.6-21.6c13,0,23.6,9.7,23.6,21.6S211.8,181.9,198.8,181.9L198.8,181.9z M198.8,149.6c-6.5,0-11.8,4.8-11.8,10.8s5.3,10.8,11.8,10.8c6.5,0,11.8-4.8,11.8-10.8S205.3,149.6,198.8,149.6L198.8,149.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .btn-square-img.print {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %23ffffff;transform: ;msFilter:;'%3E%3Cpath d='M19 7h-1V2H6v5H5c-1.654 0-3 1.346-3 3v7c0 1.103.897 2 2 2h2v3h12v-3h2c1.103 0 2-.897 2-2v-7c0-1.654-1.346-3-3-3zM8 4h8v3H8V4zm8 16H8v-4h8v4zm4-3h-2v-3H6v3H4v-7c0-.551.449-1 1-1h14c.552 0 1 .449 1 1v7z'%3E%3C/path%3E%3Cpath d='M14 10h4v2h-4z'%3E%3C/path%3E%3C/svg%3E");
    }

    .btn-square-img.download {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='m12 16 4-5h-3V4h-2v7H8z'%3E%3C/path%3E%3Cpath d='M20 18H4v-7H2v7c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-7h-2v7z'%3E%3C/path%3E%3C/svg%3E");
    }

.btn-tranperent-25 {
    border: none;
    box-shadow: none;
    width: auto;
    height: auto;
    height: 25px;
    width: 25px !important;
    line-height: 0;
    background-color: transparent !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 3px;
}

    .btn-tranperent-25:hover {
        background-color: #f8f9fa !important;
        box-shadow: 0 0px 3px 0px #909090 !important
    }

.btn-tranperent-30 {
    border: none;
    box-shadow: none;
    width: auto;
    height: auto;
    height: 30px;
    width: 30px !important;
    line-height: 0;
    background-color: transparent !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 6px;
}

    .btn-tranperent-30.edit, .btn-tranperent-25.edit {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.15659 2.68682H4.81685C3.48083 2.68682 2.81281 2.68682 2.30252 2.94683C1.85366 3.17554 1.48872 3.54048 1.26001 3.98935C1 4.49964 1 5.16765 1 6.50367V13.1832C1 14.5192 1 15.1872 1.26001 15.6975C1.48872 16.1463 1.85366 16.5113 2.30252 16.74C2.81281 17 3.48083 17 4.81685 17H11.4963C12.8324 17 13.5004 17 14.0107 16.74C14.4595 16.5113 14.8245 16.1463 15.0532 15.6975C15.3132 15.1872 15.3132 14.5192 15.3132 13.1832V9.84341M5.77104 12.2289H7.10259C7.49158 12.2289 7.68607 12.2289 7.8691 12.185C8.03138 12.146 8.18651 12.0818 8.3288 11.9946C8.48929 11.8962 8.62682 11.7587 8.90187 11.4837L16.5059 3.87959C17.1647 3.22084 17.1647 2.15281 16.5059 1.49406C15.8472 0.835314 14.7792 0.835313 14.1204 1.49406L6.51633 9.09813C6.24127 9.37318 6.10374 9.51071 6.00539 9.6712C5.9182 9.81349 5.85394 9.96862 5.81498 10.1309C5.77104 10.3139 5.77104 10.5084 5.77104 10.8974V12.2289Z' stroke='%23002265' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: 15px;
    }

    .btn-tranperent-30.delete, .btn-tranperent-25.delete {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33333 1H11.6667M1 3.66667H17M15.2222 3.66667L14.5989 13.0171C14.5053 14.42 14.4586 15.1215 14.1556 15.6533C13.8888 16.1216 13.4864 16.498 13.0015 16.7331C12.4506 17 11.7476 17 10.3416 17H7.65836C6.25236 17 5.54936 17 4.99852 16.7331C4.51356 16.498 4.11119 16.1216 3.84443 15.6533C3.54143 15.1215 3.49467 14.42 3.40114 13.0171L2.77778 3.66667M7.22222 7.66667V12.1111M10.7778 7.66667V12.1111' stroke='%23F33923' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: 15px;
    }

    .btn-tranperent-30.attachment, .btn-tranperent-25.attachment {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 0 1-.884 2.11A2.988 2.988 0 0 1 17 13H9a.99.99 0 0 1-.698-.3A.991.991 0 0 1 8 12c0-.252.11-.507.301-.698A.987.987 0 0 1 9 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 0 0 9 15h8.001a4.97 4.97 0 0 0 3.528-1.473 4.967 4.967 0 0 0-.001-7.055A4.95 4.95 0 0 0 17.004 5z' fill='%23002265'%3E%3C/path%3E%3C/svg%3E");
        background-size: 15px;
    }

.btn-tranperent-35-text {
    border: none;
    box-shadow: none;
    width: auto;
    height: 35px;
    min-width: 40px;
    line-height: 0;
    background-color: transparent !important;
    background-repeat: no-repeat no-repeat;
    background-position: 7px 5px;
    background-size: 20px 20px;
    border-radius: 6px;
    padding-left: 35px;
    padding-right: 10px;
    font-size: 16px;
    text-align: left;
}

    .btn-tranperent-35-text.file {
        background-image: url('../images/icons/icon-file.svg');
    }

    .btn-tranperent-35-text.video {
        background-image: url('../images/icons/icon-video.svg');
    }

    .btn-tranperent-35-text.youtube {
        background-image: url('../images/icons/icon-youtube.svg');
    }

    .btn-tranperent-35-text.notes {
        background-image: url('../images/icons/icon-notes.svg');
    }

    .btn-tranperent-35-text.text {
        background-image: url('../images/icons/icon-textlink.svg');
    }

    .btn-tranperent-35-text.question {
        background-image: url('../images/icons/icon-question.svg');
    }

    .btn-tranperent-35-text.quiz {
        background-image: url('../images/icons/icon-quiz.svg');
    }

.btn-border {
    border: 2px solid #EAEAEA;
}

.transparent {
    background: transparent !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0px;
    width: 0px;
}
/* Pricing Table*/
.pricing-table .card {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}


    .pricing-table .card .card-header {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }


@media (min-width: 992px) {


    .pricing-table .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
}


.pricing-table .card .card-title {
    font-size: 1rem;
    letter-spacing: .2rem;
    font-weight: 500;
}


.pricing-table .card .card-price {
    font-size: 2.7rem;
}


    .pricing-table .card .card-price .term {
        font-size: .875rem;
    }


.pricing-table .card ul li.list-group-item {
    border-bottom: 1px solid rgb(0 0 0 / 0%);
    color: #3b3b3b;
    font-size: 16px;
}


/*Forms */


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


.card-group {
    margin-bottom: 1.5rem;
}



.search-bar {
    display: none;
}


.full-search-bar {
    display: flex;
    align-items: center;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    background: #ffffff;
    border-bottom: 1px solid rgb(228 228 228 / 0%);
    background-clip: border-box;
    height: 61px;
    padding: 0rem 1.4rem;
}


.search-bar-box {
    width: 100%;
}


.search-close {
    font-size: 24px;
    right: 10px;
    cursor: pointer;
}



.search-control {
    background-color: #fff;
    border: 1px solid #f2efef00;
    padding-left: 2.5rem;
}

    .search-control:focus {
        /* border: 1px solid #ffffff;
        box-shadow: none;*/
    }



.search-show {
    font-size: 18px;
    left: 15px;
}


.topbar .top-menu-left .nav-item .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #252323;
    font-size: 22px;
}




.topbar .navbar .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    color: #252323;
    font-size: 22px;
    width: 51px;
    height: 51px;
    text-align: center;
}

    .topbar .navbar .navbar-nav .nav-link:hover {
        border-radius: 50%;
        box-shadow: 0 0px 4px 0px #9c9da3;
    }

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


.alert-count {
    position: absolute;
    top: 5px;
    left: 22px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #f62718;
}


.user-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 0px solid #e5e5e5;
    padding: 0px;
}


.user-info .user-name {
    font-size: 15px;
    font-weight: 500;
    color: #413c3c;
}


.user-info .designattion, .user-info-2 .designattion {
    font-size: 0.8rem;
    color: #a9a8a8;
}

.user-info-2 {
    display: none;
}

.user-box {
    display: flex;
    align-items: center;
    height: 60px;
    border-left: 1px solid #f0f0f0;
    margin-left: 1rem;
}


.dropdown-large {
    position: relative;
}


    .dropdown-large .dropdown-menu {
        width: 360px;
        border: 0;
        padding: 0rem 0;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    }


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


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


.dropdown-large .msg-header {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #ededed;
    background-clip: border-box;
    background: #ffffff;
    text-align: left;
    display: flex;
    align-items: center;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}


    .dropdown-large .msg-header .msg-header-title {
        font-size: 15px;
        color: #1c1b1b;
        margin-bottom: 0;
        font-weight: 500;
    }


    .dropdown-large .msg-header .msg-header-clear {
        font-size: 12px;
        color: #585858;
        margin-bottom: 0;
    }


.dropdown-large .msg-footer {
    padding: 0.8rem 1rem;
    color: #1c1b1b;
    border-top: 1px solid #ededed;
    background-clip: border-box;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}


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


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


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


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


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


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


.dropdown-large .dropdown-menu .dropdown-item {
    padding: .50rem 1.3rem;
    border-bottom: 1px solid #ededed;
}


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


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


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


.app-box {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 26px;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    background-color: #f6f6f6;
}


.app-title {
    font-size: 14px;
}


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


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


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


@-webkit-keyframes animdropdown {


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


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


@keyframes animdropdown {


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


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


.mobile-search-icon {
    display: block;
}


.mobile-toggle-menu {
    display: none;
    font-size: 26px;
    color: #404142;
    cursor: pointer;
}


/*Switcher*/


.switcher-wrapper {
    width: 280px;
    height: 100%;
    position: fixed;
    right: -280px;
    top: 0;
    bottom: 0;
    z-index: 16;
    background: #fff;
    border-left: 0px solid #d2d2d2;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, .13);
    transition: all .2s ease-out;
}


.switcher-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    background: #8833ff;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, .13);
    color: #fff;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    top: 40%;
    right: 100%;
    cursor: pointer;
}


.switcher-wrapper.switcher-toggled {
    right: 0px;
}


.switcher-body {
    padding: 1.25rem;
}


    .switcher-body .form-check .form-check-input,
    .switcher-body .form-check .form-check-label {
        cursor: pointer;
    }

.form-check {
    min-height: 0;
    padding-left: 0;
    margin-bottom: 0;
}

    .form-check input[type=checkbox], .form-check input[type=radio] {
        margin-right: 5px;
    }

    .form-check label {
        margin-right: 10px;
    }

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.header-colors-indigators .indigator {
    width: 45px;
    height: 45px;
    background: #f4f2f2;
    border-radius: 10px;
    cursor: pointer;
}


/* Responsive */


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


    .email-header {
        height: auto;
    }


    .email-content {
        padding: 100px 0px 0px 0px;
    }
}


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


    .topbar {
        left: 0px !important;
    }


    .mobile-search-icon {
        display: block;
    }


    .mobile-toggle-menu {
        display: block;
    }


    .sidebar-wrapper {
        left: -300px;
        box-shadow: none;
    }


    .page-wrapper {
        margin-left: 0px;
    }



    .page-footer {
        left: 0px;
    }


    .wrapper.toggled .sidebar-wrapper {
        left: 0px;
    }


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


    .wrapper.toggled .overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: 0.6;
        z-index: 10;
        display: block;
        cursor: move;
        transition: all .2s ease-out;
    }


    .error-404 {
        height: auto;
        padding: 6.0rem 1rem;
    }


    .chat-header {
        border-top-left-radius: 0.25rem;
    }


    .chat-footer {
        border-bottom-left-radius: 0.25rem;
    }


    .chat-sidebar {
        left: -370px;
    }


    .chat-content {
        margin-left: 0px;
    }


    .chat-header {
        left: 0px;
    }


    .chat-footer {
        left: 0px;
    }


    /* chat toggled css */


    .chat-toggled .chat-sidebar {
        left: 0px;
    }


    .chat-toggled .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 340px;
        background: #000;
        opacity: 0.5;
        z-index: 11;
        display: block;
        cursor: move;
        transition: all .3s ease-out;
    }


    .email-header {
        border-top-left-radius: 0.25rem;
    }


    .email-sidebar {
        left: -280px;
    }


    .email-content {
        margin-left: 0px;
    }


    .email-header {
        left: 0px;
    }


    /* email toggled */


    .email-toggled .email-sidebar {
        left: 0px;
    }


    .email-toggled .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 250px;
        background: #000;
        opacity: 0.5;
        z-index: 9;
        display: block;
        cursor: move;
        transition: all .3s ease-out;
    }

    body {
        font-size: 1rem;
    }
}


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


    .section-authentication-signin {
        height: 100%;
        margin-top: 6rem;
        margin-bottom: 2rem;
    }


    .authentication-reset-password {
        height: auto;
        padding: 2.0rem 1rem;
    }


    .authentication-lock-screen {
        height: auto;
        padding: 2.0rem 1rem;
    }


    .compose-mail-popup {
        width: auto;
        position: fixed;
        bottom: -30px;
        right: 0;
        left: 0;
    }
}


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

    .user-box .user-info {
        display: none;
    }

    .user-box .user-info-2 {
        display: block;
    }

    .authentication-forgot {
        height: auto;
        padding: 2.5rem 1rem;
    }
    .mobile-hide{
        display:none;
    }
    .fc-daygrid-event {
        white-space: normal !important;
        line-height: 130% !important;
    }
}


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


    .topbar .navbar .dropdown-menu::after {
        display: none;
    }


    .topbar .navbar .dropdown {
        position: static !important;
    }


    .topbar .navbar .dropdown-menu {
        width: 100% !important;
    }
}


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


    .chat-footer-menu,
    .chat-top-header-menu {
        display: none;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

.tc-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 10000;
}

.tc-loader-sign {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: 0 auto;
    margin-top: calc(50vh - 25px);
}

.text-blue {
    color: #3A78F2;
}

.tep {
    width: 38px;
    height: 38px;
    display: flex;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
    border-radius:5px;
    background-color: rgb(30 133 254 / 12%);
}

    .tep img {
        width: 28px;
        transform: rotate(90deg);
        transition: all .3s ease-out;
    }

    .tep:hover {
        background-color: rgb(30 133 254 / 12%);
    }

.searchpanel .card-body {
    display: none;
}

.searchpanel.expand .card-body {
    display: block;
}

.searchpanel.expand .tep img {
    transform: rotate(180deg);
}

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

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.ajax__calendar {
    background: #fff !important;
}

    .ajax__calendar .ajax__calendar_container {
        border: 1px solid #dfdfdf !important;
        background: #fff !important;
    }

.search-bar-box .twitter-typeahead {
    width: calc(100% - 40px);
}

.search-bar-box .tt-menu {
    /*background: #fff;
    padding-left: 2.5rem;
    width:100%;*/
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    background: #fff;
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 1rem;
    line-height: 24px;
    margin: 0;
    color: #212529;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff !important;
        background-color: #3A78F2;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #3A78F2;
    }

    .tt-suggestion p {
        margin: 0;
    }

.gist {
    font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
    padding: 5px 10px;
    text-align: center;
}

#multiple-datasets .league-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
    max-height: 150px;
    overflow-y: auto;
}

#rtl-support .tt-menu {
    text-align: right;
}

table.dataTable tbody tr {
    background-color: transparent;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: inherit;
}

table.dataTable.display.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: rgba(33, 33, 33, 0.05);
}

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: inherit;
}

    table.dataTable.display.table-striped tbody tr > .sorting_1,
    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background: transparent;
    }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-color: #dedede;
    border-left: none;
    border-bottom: none;
}

table.dataTable > tfoot > tr > th {
    border-bottom: 0 solid #dedede !important;
    border-left: medium none !important;
}

table.dataTable {
    border-right: medium none !important;
}

    table.dataTable > caption + thead > tr:first-child > td, table.dataTable > caption + thead > tr:first-child > th, table.dataTable > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .jsgrid-table > colgroup + thead > tr:first-child > th, table.dataTable > thead:first-child > tr:first-child > td, table.dataTable > thead:first-child > tr:first-child > th {
        border-left: medium none !important;
    }

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    margin-bottom: 30px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    padding-top: 20px;
    margin-bottom: 14px;
    color: #878787;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
    padding-left: 15px;
}

.dataTables_wrapper .dataTables_info {
    color: #878787;
}

.dataTables_wrapper .dataTables_filter {
    padding-right: 15px;
}

    .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
        height: 25px;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: #3a78f2;
    border-color: #3a78f2;
    color: #fff !important;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #002265;
    float: right;
}

    .dataTables_wrapper .dataTables_paginate a {
        padding: 2px 10px;
        display: inline-block;
        background: #E9F1FF;
    }

.sorting,
.sorting_asc,
.sorting_desc {
    position: relative;
}

table.dataTable thead .sorting::after {
    content: "\f0dc";
    opacity: 0.2;
}

table.dataTable thead .sorting_asc::after {
    content: "\f0de";
}

table.dataTable thead .sorting_desc::after {
    content: "\f0dd";
}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
    display: block;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 14px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background: none;
    border-left: medium none;
    border-top: medium none;
}

.form-switch-new input[type=checkbox] {
    height: 0;
    width: 0;
    position: absolute;
    border: 0 !important;
    background-image: none !important;
}

    .form-switch-new input[type=checkbox]:focus {
        outline: none !important;
    }

        .form-switch-new input[type=checkbox]:focus + label {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
        }

.form-switch-new label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 26px;
    background: grey;
    display: block;
    border-radius: 13px;
    position: relative;
}

    .form-switch-new label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 22px;
        height: 22px;
        background: #fff;
        border-radius: 11px;
        transition: 0.3s;
    }

.form-switch-new input:checked + label {
    background: #15ca20;
}

    .form-switch-new input:checked + label:after {
        left: calc(100% - 2px);
        transform: translateX(-100%);
    }

.form-switch-new.txt-right label:before {
    content: 'NO';
    position: absolute;
    top: 2px;
    left: 60px;
    width: 51px;
    height: 22px;
    color: #000;
    text-indent: 1px;
    font-weight: 500;
    font-size: 1rem;
}

.form-switch-new.txt-right input:checked + label:before {
    content: 'YES';
}

.course-action-button-container {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 17px;
    border: 1px solid #fff;
}

    .course-action-button-container:hover {
        border: 1px solid #6a9af7;
    }

.course-action-button {
    width: 25px;
}

.course-action-menu {
    padding: 0;
    min-width: 200px;
}

    .course-action-menu a {
        padding: 15px 19px;
        display: flex;
        color: #002265;
        font-weight: 500;
    }

        .course-action-menu a img, .course-action-menu a svg {
            margin-right: 15px;
            width: 22px;
        }

    .course-action-menu input[type=button], .course-action-menu a {
        padding: 15px 19px 15px 56px;
        display: flex;
        color: #002265;
        font-weight: 500;
        width: 100%;
        border: 0;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: 22px;
        background-position-x: 19px;
        background-position-y: center;
    }

        .course-action-menu input[type=button].permission, .course-action-menu a.permission {
            background-image: url('../images/icons/permission.svg');
        }

        .course-action-menu input[type=button].edit, .course-action-menu a.edit {
            background-image: url('../images/icons/edit.svg');
        }

        .course-action-menu input[type=button].print, .course-action-menu a.print {
            background-image: url('../images/icons/print.svg');
        }

        .course-action-menu input[type=button].followup, .course-action-menu a.followup {
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' style='width: 42px%3B height: 42px%3B'%3E%3Cpath d='M4 14L5.57465 20.2986C5.61893 20.4757 5.64107 20.5643 5.66727 20.6417C5.92317 21.3972 6.60352 21.9284 7.39852 21.9934C7.4799 22 7.5712 22 7.75379 22C7.98244 22 8.09677 22 8.19308 21.9907C9.145 21.8984 9.89834 21.145 9.99066 20.1931C10 20.0968 10 19.9825 10 19.7538V5.50003M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.06704 20.433 6.50003 18.5 6.50003M10.25 5.50003H6.5C4.01472 5.50003 2 7.51475 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10.25C12.0164 14.5 14.1772 15.4469 15.8443 16.3557C16.8168 16.8858 17.3031 17.1509 17.6216 17.1119C17.9169 17.0757 18.1402 16.9431 18.3133 16.7011C18.5 16.4402 18.5 15.918 18.5 14.8737V5.12632C18.5 4.08203 18.5 3.55988 18.3133 3.29892C18.1402 3.05694 17.9169 2.92433 17.6216 2.88816C17.3031 2.84916 16.8168 3.11423 15.8443 3.64439C14.1772 4.55315 12.0164 5.50003 10.25 5.50003Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        }

        .course-action-menu input[type=button].view, .course-action-menu a.view {
            background-image: url('../images/icons/eye.svg');
        }

        .course-action-menu input[type=button].report, .course-action-menu a.report {
            background-image: url('../images/icons/report.svg');
        }

        .course-action-menu input[type=button].send-notify, .course-action-menu a.send-notify {
            background-image: url('../images/icons/send-notify.svg');
        }

        .course-action-menu input[type=button].delete, .course-action-menu a.delete {
            background-image: url('../images/icons/delete.svg');
        }

        .course-action-menu input[type=button].delete, .course-action-menu a.user {
            background-image: url('../images/icons/user-alt.svg');
        }

        .course-action-menu input[type=button].setting, .course-action-menu a.setting {
            background-image: url('../images/icons/bx-cog.svg');
        }

        .course-action-menu input[type=button].book, .course-action-menu a.book {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="M6 22h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3zM5 8V5c0-.805.55-.988 1-1h13v12H5V8z"></path><path d="M8 6h9v2H8z"></path></svg>')
        }

        .course-action-menu input[type=button].announce, .course-action-menu a.announce {
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' style='width: 42px%3B height: 42px%3B'%3E%3Cpath d='M4 14L5.57465 20.2986C5.61893 20.4757 5.64107 20.5643 5.66727 20.6417C5.92317 21.3972 6.60352 21.9284 7.39852 21.9934C7.4799 22 7.5712 22 7.75379 22C7.98244 22 8.09677 22 8.19308 21.9907C9.145 21.8984 9.89834 21.145 9.99066 20.1931C10 20.0968 10 19.9825 10 19.7538V5.50003M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.06704 20.433 6.50003 18.5 6.50003M10.25 5.50003H6.5C4.01472 5.50003 2 7.51475 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10.25C12.0164 14.5 14.1772 15.4469 15.8443 16.3557C16.8168 16.8858 17.3031 17.1509 17.6216 17.1119C17.9169 17.0757 18.1402 16.9431 18.3133 16.7011C18.5 16.4402 18.5 15.918 18.5 14.8737V5.12632C18.5 4.08203 18.5 3.55988 18.3133 3.29892C18.1402 3.05694 17.9169 2.92433 17.6216 2.88816C17.3031 2.84916 16.8168 3.11423 15.8443 3.64439C14.1772 4.55315 12.0164 5.50003 10.25 5.50003Z' stroke='%23002265' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
        }

        .course-action-menu input[type=button].mark-complete, .course-action-menu a.mark-complete {
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 4H6C3.7944 4 2 5.7939 2 8V16C2 18.2061 3.7944 20 6 20H18C20.2056 20 22 18.2061 22 16V8C22 5.7939 20.2056 4 18 4ZM20 16C20 17.1025 19.103 18 18 18H6C4.897 18 4 17.1025 4 16V10H20V16ZM4 8C4 6.8975 4.897 6 6 6H18C19.103 6 20 6.8975 20 8H4Z' fill='%23862FF4' /%3E%3Cpath d='M10.707 14.7067L11 14.4138V15.9997C11 16.5524 11.4478 16.9997 12 16.9997C12.5522 16.9997 13 16.5524 13 15.9997V14.4138L13.293 14.7068C13.4883 14.902 13.7441 14.9997 14 14.9997C14.2559 14.9997 14.5117 14.902 14.707 14.7067C15.0976 14.3161 15.0976 13.6833 14.707 13.2926L12.7077 11.2933C12.6154 11.2008 12.5046 11.1275 12.3819 11.0767C12.1376 10.9757 11.8624 10.9757 11.6181 11.0767C11.4954 11.1275 11.3846 11.2008 11.2923 11.2933L9.29301 13.2927C8.90241 13.6833 8.90241 14.3161 9.29301 14.7068C9.68361 15.0975 10.3164 15.0974 10.707 14.7067Z' fill='%23862FF4' /%3E%3C/svg%3E");
        }

        .course-action-menu input[type=button]:focus, .course-action-menu input[type=button]:hover, .course-action-menu a:focus, .course-action-menu a:hover {
            color: #1e2125;
            background-color: #f8f9fa;
        }

        .course-action-menu input[type=button] img, .course-action-menu input[type=button] svg {
            margin-right: 15px;
            width: 22px;
        }

.MyTabStyle .ajax__tab_header {
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

    .MyTabStyle .ajax__tab_header .ajax__tab {
        height: auto !important;
        margin: 0 !important;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        border: solid 1px #d7d7d7;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
    }

        .MyTabStyle .ajax__tab_header .ajax__tab_inner a {
            padding: 10px 10px;
            display: flex;
            align-items: center;
            color: #32393f;
            background-color: #fff;
            font-weight: 500;
        }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-color: #037de2;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner a {
    color: #fff;
    background-color: #037de2;
}

.MyTabStyle .ajax__tab_body {
    border: solid 1px #d7d7d7;
    margin-top: -7px;
    min-height: 300px;
}

.MyTabStyle .ajax__tab.ajax__tab_active.ajax__tab_hover {
    background-position: 0% 0%;
    background-color: none !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.glitem1x1::before {
    float: left;
    padding-top: 100%;
    content: "";
}

.glitem1x1::after {
    display: block;
    content: "";
    clear: both;
}

@media screen and (max-width: 1400px) and (min-width: 1024px) {
    .sidebar-wrapper .metismenu a {
        padding: 4px 15px;
    }

    .sidebar-wrapper .metismenu li + li {
        margin-top: 3px;
    }

    .course-action-menu a {
        padding: 12px 19px !important;
    }

    .course-action-menu input[type=button], .course-action-menu a {
        padding: 12px 19px 12px 56px !important;
    }
}

.process-bg {
    background-image: url('../images/bouncing-circles.svg');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: center;
}

.text-inherit {
    color: inherit;
}

.course-card {
    /*display: flex !important;*/
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px;
    box-shadow: 1px 1px 3px 0px #d9d8e1;
    /* aspect-ratio: 1 / 1 !important;*/
    background: #fff;
    align-content: center;
    overflow: hidden;
    color: #002265;
    position: relative;
    border: 1px solid #e4e3e9;
}

    .course-card:hover {
        transform: translateY(-4px);
        box-shadow: 1px 1px 20px 0px #d9d8e1;
    }

        .course-card:hover::before {
            opacity: 1;
        }

    .course-card .course-banner {
        width: 100%;
        height: 160px;
        overflow: hidden;
        border-bottom: 1px solid #e4e3e9;
        background-color: #e4e3e9;
    }

        .course-card .course-banner img {
            object-fit: cover;
            width: 100%;
            height: inherit;
        }

    .course-card .course-title {
        height: 80px;
        padding: 10px;
        color: #002265 !important;
    }

    .course-card::before {
        float: left;
        padding-top: 100%;
        content: "";
    }

    .course-card::after {
        display: block;
        content: "";
        clear: both;
    }
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #000 !important;
    opacity: .5 !important;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    font-size: 34px !important;
}
/***
Notes
***/
.note {  
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .note.note-primary {
        background-color: #E9F1FF;
        border-color: #3A78F2;       
    }