:root {
    --box-shadow-color: rgba(0, 0, 0, 0.2);
    --box-shadow-color2: rgba(0, 0, 0, 0.5);
    --box-shadow: 6px 6px 12px var(--box-shadow-color), -6px -6px 12px var(--box-shadow-color) !important;
    --box-shadow2: 0 0 10px var(--box-shadow-color) !important;
    --box-shadow-inset: inset 2px 2px 5px  var(--box-shadow-color), inset -3px -3px 7px var(--box-shadow-color) !important;
    --box-shadow-inset2: inset 2px 2px 5px var(--box-shadow-color), inset -3px -3px 7px var(--box-shadow-color) !important;
    --gradient-shadow-color: linear-gradient(135deg, #6b74b9, #4f55a0);
}
svg {
    display: initial !important;
}
img {
    max-width: initial !important;
}
.left-header .left-menu-header ul.header-left li ul.onhover-show-div li.flyout-right ul {
    padding: 0;
}
.userphoto {
    height: 32px;
    width: 32px;
    border-radius: 6px !important;
}
.userphoto_button {
    border: 0;
    padding: 0;
    margin: 0;
}
.profile-photo, .profile-photo-preview {
    border-radius: 10px !important;
}
.btn {
    border-radius: 10px;
}
.search-navbar .search-form .form-group .input-group-text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 10px;
    border-color: #5c61f2;
    background-color: #5c61f2;
    padding: 0 20px;
}
.search-navbar .search-form .form-group .input-group-text i {
    color: #fff;
    height: 22px;
    font-weight: 600;
}
.right-header .input-group {
    padding:0;
    background-color: transparent;
}
.dropdown-basic .dropdown .dropdown-content {
    top: 43px;
    border-radius: 10px;
    padding: 10px 0;
    background: #fff;
    box-shadow: #5c61f24a 0 5px 5px;
    border: 1px solid #e5e7fe;
}
.dropdown-basic .dropdown .dropdown-content a {
    padding: 10px 15px !important;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}
body.dark-only .dropdown-basic .dropdown .dropdown-content {
    top: 43px;
    border-radius: 10px;
    padding: 10px 0;
    background: #2a2848cf;
    box-shadow: 0 8px 16px #0003;
    border: 1px solid rgb(44, 43, 81) !important;
}
body.dark-only .dropdown-basic .dropdown .dropdown-content a {
    padding: 10px 15px !important;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    background: #2a2848cf;
    color: rgba(255, 255, 255, 0.8) !important;
    border-top: 1px solid rgb(44, 43, 81);
}



.dropdown-basic .dropdown.dropdown_primary .dropdown-content a:hover {
    color: #fff;
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}
.dropdown-basic .dropdown.dropdown_secondary .dropdown-content a:hover {
    color: #fff;
    background-color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
}
.dropdown-basic .dropdown.dropdown_success .dropdown-content a:hover {
    color: #fff;
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.dropdown-basic .dropdown.dropdown_info .dropdown-content a:hover {
    color: #fff;
    background-color: #4289aa !important;
    border-color: #4289aa !important;
}
.dropdown-basic .dropdown.dropdown_danger .dropdown-content a:hover {
    color: #fff;
    background-color: #f81f58 !important;
    border-color: #f81f58 !important;
}
.dropdown-basic .separated-btn .btn {
    padding: 10px 22px 10px 18px;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #2a2848;
    box-shadow: 0 0 21px #2a284859;
}
.page-wrapper .page-header .header-wrapper .nav-right .shoppingcart-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .message-dropdown, .translate_wrapper.active .more_lang {
    box-shadow: 0 8px 16px #0003;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .shoppingcart-dropdown {
    top: 40px;
}

.sidebar_logo {
    max-width: 215px;
}
.toggle-sidebar, .back-btn {
    right: 15px;
    width: 35px;
    height: 35px;
}
.card {
    box-shadow: 0 8px 16px #0003;
}
.page-wrapper .page-header .header-wrapper {
    box-shadow: 0 8px 16px #0003;
    height: 97px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon.noauth ~ .page-body, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon ~ footer, .page-wrapper.compact-wrapper div.sidebar-wrapper.close_icon ~ footer {
    width: 0;
    display: none;
    margin-left: -10px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon.noauth {
    width: 0;
    display: none;
    margin-left: -10px;
}
.page-wrapper .page-body-wrapper .logo-icon-wrapper .icon-box-sidebar.noauth {
    width: 0;
    display: none;
    margin-left: -10px;
}
.page-wrapper.compact-wrapper .page-header.close_icon.noauth {
    width: 0;
    display: none;
    margin-left: -10px;
}
body {
    background-color: #5c61f247;
}
.page-body {
    background-color: transparent;
}
.page-wrapper .page-body-wrapper {
    background-color: transparent;
}
.dropdown-basic .dropdown .dropdown-content a svg {
    width: 20px;
    color: #f81f58;
    vertical-align: middle;
}
.dropdown-basic .dropdown .dropdown-content a:hover svg {
    width: 20px;
    color: #fff;
    position: relative;
    top: -1px;
}
.dropdown-basic .dropdown .dropdown-content .switch_teams svg {
    margin-left: 5px;
}
.dropdown-basic .dropdown.dropdown_danger .dropdown-content .switch_teams:hover, .dropdown-basic .dropdown.dropdown_danger .dropdown-content .switch_teams {
    color: #fff;
    background-color: #f81f5899 !important;
    border: 0;
}
.card.frontpage_top {

    background-position-x: right;
    background-repeat: no-repeat;
    opacity: 1;
    background-size: cover;
    padding: 0 !important;
    border-radius: 20px;
    overflow: hidden;
    position: relative;

}
.parallax-image {
    width: 100%;
    height: auto;
    transform: translateZ(0);
    transition: transform 0.1s;
}

.frontpage_top_body {
    height: auto;
}
.frontpage_top img {
    border-radius: 20px;

}
.frontpage_top .card-body {
    padding: 0;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {

    background-color: white;
    border: 0;
}
.toggle-sidebar svg, .back-btn svg {
    stroke: #a6a7cd;
}
.toggle-sidebar, .back-btn:hover {
    box-shadow: inset #ccc 3px 4px 8px 1px;
}
.toggle-sidebar, .back-btn {
    background-color: #f5f6ff;
    box-shadow: #ccc 3px 4px 8px 1px;
}
.toggle-sidebar:hover, .back-btn {
    box-shadow: inset #ccc 3px 4px 8px 1px;
}
.page-wrapper .page-header .header-wrapper {
    padding: 27px 30px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
    background-color: #2a2848;
}
.simplebar-mask {
    top: 110px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    top: 133px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.hoverd .sidebar-submenu {
    margin-top: 6px;
}
.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu {
    margin-left: 8px;
    box-shadow: 0 0 20px #898989;
}
.dropdown-basic {
    margin-bottom: -10px;
    margin-left: 20px;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    top: 40px;
    right: 0;
    font-size: 14px;
    width: 250px;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    color: white !important;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover span a {
    color: white !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover span {
    color: white !important;
    stroke: white !important;
    transition: color .3s ease;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover svg {
    stroke: white !important;
    transition: stroke .3s ease;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    width: 16px;
    vertical-align: middle;
    margin-right: 10px;
    height: 16px;
    stroke: #2c323f !important;
    color: #2c323f !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .message-dropdown, .translate_wrapper.active .more_lang {
    padding: 10px 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
    margin: 0 8px;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
    display:block;
}
.breadcrumb-title {
    padding-top: 10px;
    padding-left: 40px;
}
.breadcrumb-navigation {
    padding-top: 10px;
    padding-right: 40px;
}
.navlink-purple {
    color: #5c61f2;
}
.navlink-purple.active, .navlink-purple:hover {
    background-color: #5c61f2 !important;
    color: #fff;
}
.navlink-green {
    color: #198754;
}
.navlink-green.active, .navlink-green:hover {
    background-color: #198754 !important;
    color: #fff;
}
.navlink-yellow {
    color: #c89d31;
}
.navlink-yellow.active, .navlink-yellow:hover {
    background-color: #c89d31 !important;
    color: #fff;
}
.navlink-blue {
    color: #4289aa;
}
.navlink-blue.active, .navlink-blue:hover {
    background-color: #4289aa !important;
    color: #fff;
}
.navlink-red {
    color: #f81f58;
}
.navlink-red.active, .navlink-red:hover {
    background-color: #f81f58 !important;
    color: #fff;
}
.navlink-container {
    background-color: initial;
    padding: 0 5px;
}
.card .card-header {
    padding: 30px;
}
.card .card-header h4 {
    font-size: 20px;
    color: #2b2b2b;
    text-align: center;
}
.form-box {
    text-align: -moz-center;
}
body.dark-only .page-wrapper .page-header .header-wrapper, body.dark-only .page-wrapper .page-body-wrapper .footer {
    background-color: #2a2848;
}

body.dark-only input {
    background-color: #10101c;
    border: 1px solid #10101c;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
    background-color: #2a2848cf;
    border: 1px solid #2a2848 !important;
}
.search-navbar .search-form .form-group input {
    background-color: #5c61f20f !important;
    border-color: #5c61f20f !important;
    border-radius: 10px;
}
.search-navbar .search-form .form-group input:focus {
    background-color: #5c61f20f !important;
    border-color: #5c61f2 !important;
}
body.dark-only .search-navbar .search-form .form-group input {
    border-color: #10101c !important;
    border-radius: 10px;
}
body.dark-only .search-navbar .search-form .form-group input:focus {
    border-color: #5c61f2 !important;
}
.modal-content [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], select {
    background-color: #5c61f20f !important;
    border: 1px solid #5c61f21f !important;
    text-align: center;
}
body.dark-only .modal-content [type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
    background-color: #5c61f20f !important;
    border: 1px solid #5c61f21f !important;
    text-align: center;
    padding: 11px 15px !important;
}
.form-check .form-check-input {
    float: none !important;
    margin-right: 5px;
}
.modal-content .modal-footer {
    justify-content: center;
}
.upload_photo_button {
    box-shadow: none;
    padding: 0 !important;
    border: 0 !important;
}
.nav-link {
    font-size: 16px;
}
.btn {
    font-size: 15px;
}
.button-red {
    background-color: #f81f58 !important;
    border-color: #f81f58 !important;
    border-radius: 0 10px 10px 0;
}
.button-blue {
    background-color: #4289aa !important;
    border-color: #4289aa !important;
    border-radius: 0 10px 10px 0;
}
.button-yellow {
    background-color: #c89d31 !important;
    border-color: #c89d31 !important;
    border-radius: 0 10px 10px 0;
}
.button-green {
    background-color: #198754 !important;
    border-color: #198754 !important;
    border-radius: 0 10px 10px 0;
}
.button-purple {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    border-radius: 0 10px 10px 0;
}
.separated-btn .btn {
    padding: 10px 22px 10px 18px;
    height: 43px;
    border-radius: 0 10px 10px 0;
}
.button-svg {
    margin-top: -4px;
    height: 22px;
}
.button-svg-container {
    padding: 0 !important;
}
.separated-btn:focus-visible {
    outline: none;
}

.search-form input {
    padding: 8px 10px 8px 70px;
}
.btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.navbtn-text {
    color: #000000a3;
}
.form-control-plaintext {
    color: #000000a3;
    font-weight: 500;
    font-size: 14px !important;
}
.label {
    --tw-text-opacity: 1;
    color: #716e95 !important;
}
.role-selector {
    border: 1px solid #716e95 !important;
}
.role-selector {
    border-color: #5c61f2 !important;
    color: #5c61f2 !important;
}
.standard-text {
    color: #716e95 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-links .pin-title.sidebar-list {
    padding: 0 12px;
}
.pin-title h6 svg {
    height: 30px;
    width: 30px;
}
.pin-title {
    position: initial !important;
    text-align: center;
    font-size: 32px;
}
.pin-icon {
    transform: rotate(65deg);
    color: #5c61f2 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    padding: 0;
}
.page-wrapper .page-body-wrapper .logo-icon-wrapper .icon-box-sidebar {
    margin-top: 20px;
    margin-left: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    width: 89px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
    width: 280px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.confirmation-modal-bg {
    background-color: #2a2848;
}
.delete-confirmation-button {
    background-color: #f81f58 !important;
    opacity: 1 !important;
}
.delete-confirmation-button:hover {
    background-color: #f81f58 !important;
    opacity: 1 !important;
}
.search-navbar {
    background-color: rgba(92, 97, 242, 0.1) !important;
    border-color: rgba(92, 97, 242, 0.05) !important;
    border-radius: 10px;
}
.navbar-login, .navbar-register {
    color: #000000;
    font-size: 15px;
}
.translate_wrapper.active .more_lang {
    columns: 5;
    white-space: nowrap;
}
[type="checkbox"], [type="radio"] {
    background-color: initial !important;
}
[type="checkbox"]:checked, [type="radio"]:checked {
    background-color: #4f46e5 !important;
    border-color: rgb(55 65 81 / var(--tw-border-opacity)) !important;
}
.dialog-title {
    color: #000000 !important;
}
.caption {
    text-align: center;
}
.my-gallery.gallery figure.img-hover a > div {
    border-radius: 10px;
}
.gallery-with-description a > div {
    border: 1px solid #ddd !important;
}
.pswp__caption__center {
    width: auto;
    max-width: 90%;
}
[type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
    --tw-ring-color: transparent !important;
}
.alert-danger {
    text-align: center;
}
.image_options {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.gallery-with-description a > div {
    border-radius: 0;
    margin-bottom: 0;
}
.imagelink {
    border-top: 0;
    border-bottom: 0;
}
.pswp__caption {
    visibility: hidden;
    display: none;
}
.text-purple {
    color: #5c61f2 !important
}
.kustomer-feedback-component {
    z-index: 2;
    bottom: 10px !important;
    right: 70px !important;
}
.kustomer-feedback-component .kustomer-trigger {
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0 0 10px var(--theme-deafult);
    opacity: 0.5;
    transition: all 0.3s ease;
}
.kustomer-feedback-component .kustomer-trigger:hover {
    opacity: 1;
}
.kustomer-icon {
    height: 20px;
}
.kustomer-feedback-component .kustomer-popup .kustomer-header h1 {
    margin-top: 0 !important;
}
.kustomer-logo img {
    display: initial !important;
}
.kustomer-title {
    text-align: center;
}
.kustomer-feedback-component .kustomer-popup .kustomer-header {
    padding: 15px 0 !important;
}
.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-feedbacks .kustomer-feedback p {
    font-weight: 500 !important;
}
.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-feedbacks .kustomer-feedback {
    padding: 0 40px;
}
.kustomer-feedback-component .kustomer-popup {
    min-height: 350px;
}
.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-form form button {
    border-width: 2px !important;
    border-color: #5c61f2 !important;
    color:#5c61f2 !important;
    background-color:transparent !important;
}
.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-form form button:hover,.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-form form button:focus,.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-form form button:active,.kustomer-feedback-component .kustomer-popup .kustomer-container section.kustomer-form form button.active {
    color: #fff !important;
    background-color: #2d33ee !important;
    border-color: #2d33ee !important;
    box-shadow:none !important;
}
.kustomer-feedback-component .kustomer-popup .kustomer-container {
    padding-top: 25px;
}
.kustomer-form.is-open div {
    text-align: center;
}
.messenger-listView, .messenger-messagingView, .messenger-infoView, .m-header-messaging, .m-header {
    background: transparent;
    border: 1px solid #5c61f244;
}
.messenger {
    border-radius: 10px;
    background: transparent;
}
.m-header-messaging {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.messenger-listView {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
}
.messenger-messagingView {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
}
.messenger-infoView {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.m-header {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.chat-card {
    border-radius: 10px;
    box-shadow: none;
    background: transparent;
}
.chat-card:hover {
    box-shadow: none;
    transition: none;
}
.search-form-navbar .input-group {
    flex-wrap: nowrap;
}
.navbar-search {
    padding: 0 !important;
    border: 0 !important;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li i {
    font-size: 19px !important;
}
.messenger-messagingView .m-header {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}
.messenger-listView .m-header > nav {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.messenger-infoView nav {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.messenger-listView {
    margin-right: 20px;
    border-radius: 10px;
    box-shadow: 0 8px 16px #0003;
    background-color: #19875414;
    border: 0;
}
.messages {
    padding: 0 !important;
}
.messenger-infoView {
    margin-left: 20px;
    border-radius: 10px;
    box-shadow: 0 8px 16px #0003;
    background: #dc354512;
}
.messenger-messagingView {
    border-radius: 10px;
    box-shadow: 0 8px 16px #0003;
    background: #5c61f21a;
    transition: all 1s ease;
    border: 0;
}

.m-header {
    font-weight: initial;
}
.messenger-search[type="text"] {
    background: white !important;
    color: #333;
    margin: 10px;
    font-size: 14px;
}
.avatar {
    background-color: #ffffff54;
    border-color: #8cb17e;
}
.m-header a, .m-header a:hover, .m-header a:focus, .messenger-infoView > nav > p, .messenger-headTitle {
    color: white;
}
.messenger-listView .m-header {
    height: auto;
    background-color: #1987542e;
}
.messenger-search[type="text"], .messenger-search[type="text"]:focus {
    outline: 1px solid #198754;
    border: 0;
    box-shadow: 0 0 2px var(--primary-color);
}
/*
.messenger-listView:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 1s ease;
    border: 1px solid #19875445 !important;
}

.messenger-messagingView:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 1s ease;
    border: 1px solid #5c61f244 !important;
}
.messenger-infoView:hover {
    box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
    transition: all 1s ease;
    border: 1px solid #dc35454d !important;
}
*/
.messenger-title > span {
    background-color: #1987548f;
    border-radius: 3px;
    padding: 3px 7px;
    color: white;
}
.message-card .message, .message-card.mc-sender .message, .message-card.mc-sender .message .message-time {
    color: #2b2b2b !important;
}
.message-tick {
    color: #5c61f2 !important;
}
.messenger-messagingView .m-body {
    top: -5px;
}
.saved-messages.avatar {
    background: #19875482 !important;
}
.messenger-list-item td span {
    color: #198754 !important;
}
.messenger-sendCard {
    background: #bdc0e9;
}
.messenger-sendCard svg {
    color: var(--primary-color);
}
.wrapper {
    inset: 100% auto auto 6% !important;
}
.m-send {
    background: white !important;
}
.messenger-list-item td p {
    color: #315921 !important;
    font-weight: bold;
}

.avatar-div {
    padding-left: 20px !important;
}
.name-div {
    padding-right: 20px !important;
}
.messenger-list-item td span.contact-item-time {
    color: #2b2b2b !important;
}
.messenger-list-item m-list-active tr, .messenger-list-item:hover, .m-list-active, .m-list-active:hover, .m-list-active:focus {
    background: #d4e6cd !important;
}
.messenger-title::before {
    background-color: #d4e6cdb5;
    border-radius: 0;
}
.messenger-infoView-btns a.danger:hover {
    border-radius: 5px;
}
.messenger-infoView-shared .messenger-title::before {
    background-color: #dc354517;
    border-radius: 0;
}
.messenger-infoView-shared .messenger-title > span {
    background-color: #dc3545;
}
.messenger-infoView .message-hint span {
    background: #dc354533;
    color: #570a0a;
}
.activeStatus {
    border: 1px solid #315921 !important;
    right: 0;
}
.messenger-messagingView .message-hint span {
    background: #5c61f2;
    color: #fff;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 14px;
}
.messenger-infoView > p {
    color: #dc3545;
}
.image-wrapper {
    padding: 15px;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #5c61f23d;
}
.message-card .message {
    border-radius: 7px;
    margin: 5px 0;
    border: 1px solid #5c61f23d;
}
.messenger-list-item td b {
    background: #198754;
    padding: 1px 4px;
    border-radius: 4px;
}
.message-card.mc-sender .image-wrapper {
    background: #5c61f226 !important;
    border-radius: 10px;
    border: 1px solid #5c61f23d;
    margin-top: 5px;
}
.message-card.mc-sender .message {
    border-radius: 7px;
    border: 1px solid #5c61f226;
    background: #5c61f226 !important;
    margin: 5px 0;
}
.attachment-preview {
    background: white;
    border-radius: 10px;
    margin: 10px 3px;
}
.messenger-sendCard form {
    padding: 10px 0;
}
.m-send {
    border-radius: 7px;
}
.attachment-preview > p {
    padding-left: 5px;
}
.shared-photo {
    border-radius: 7px;
    margin: 3px;
    width: calc(50% - 24px);
}
.emoji-picker__preview {
    height: 45px !important;
    background: white;
    position: relative;
    padding: 10px;
}
.emoji-picker__content {
    height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size) + 5px) !important;
}
.emoji-picker {
    border-radius: 13px !important;
    box-shadow: #5c61f24a 0 5px 5px;
    width: calc(var(--emoji-per-row) * var(--emoji-size) * var(--emoji-size-multiplier) + 1em + 15px) !important;
}
.emoji-picker__search {
    border-radius: 7px !important;
    background-color: #5c61f247 !important;
}
.emoji-picker__search-container {
    margin: 15px !important;
}
.image-file.chat-image div {
    text-align: center;
}
.image-time {
    margin: 5px 5px 0 0 !important;
    text-align: right;
}
.sidebar_chat .according-menu {
    top: 19px !important;
}
.sidebar_products .according-menu {
    top: 19px !important;
}
.icon-check-second {
    margin-left: -5px;
}
.file-download {
    border-radius: 5px;
    font-weight: 400;
    color: #2b2b2b;
}
.message-card .actions .delete-btn {
    color: #5c61f2;
    font-size: 24px;
}
.file-download:hover, .file-download:focus {
    color: #5c61f2;
}
.messenger-favorites > div {
    background: white;
    padding: 10px;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    border: 1px solid #d4e6cd;
}
.messenger-favorites > div:hover {
    background: #93b985;
}
.messenger-tab {
    padding: 0 5px 5px 0;
}
.app-btn {
    border-radius: 5px !important;
}
.messenger-favorites .avatar.av-m img, .listOfContacts .avatar.av-m img, .search-records .avatar.av-m img {
    height: 45px !important;
    width: 45px !important;
}
.avatar {
    border-radius: 7px !important;
}
.docweaver-intro {
    text-align: center;
}
.docweaver-wrapper .docweaver-product-showcase .product-list .product {
    border-radius: 10px !important;
}
.docweaver-wrapper .docweaver-product-bar, .docweaver-wrapper .docweaver-product-line {
    background-color: #5c61f2 !important;
    border-radius: 10px; !important;
}
.docweaver-wrapper .docweaver-product-showcase .product-list .product:focus .product-image, .docweaver-wrapper .docweaver-product-showcase .product-list .product:focus .product-title, .docweaver-wrapper .docweaver-product-showcase .product-list .product:hover .product-image, .docweaver-wrapper .docweaver-product-showcase .product-list .product:hover .product-title {
    color: #5c61f2 !important;
    border-bottom-color: rgb(229, 231, 254) !important;
}
.docweaver-wrapper .docweaver-product-showcase .product-list .product:focus .product-info, .docweaver-wrapper .docweaver-product-showcase .product-list .product:hover .product-info {
    background-color: rgba(203, 206, 250, 0.5) !important;
}
.docweaver-wrapper .docweaver-product-showcase .product-list .product:focus, .docweaver-wrapper .docweaver-product-showcase .product-list .product:hover {
    border-color: rgba(92, 97, 242, 0.27) !important;
}
.docweaver-wrapper .docweaver-product-bar .docweaver-version-selector-label, .docweaver-wrapper .docweaver-product-line .docweaver-version-selector-label {
    background: white;
    border-radius: 5px;
    margin-top: 6px;
    padding-top: 3px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg {
    top: 2px;
    position: relative;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list i.fa-thumb-tack {
    top: 19px !important;
    transform: rotate(45deg);
}
.sidebar_filemanager .according-menu {
    top: 14px !important;
}
.fm .btn-secondary {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip-inner {
    width: fit-content;
}
.fm {
    min-height: 55vh;
}
.filemanager-card {
    min-height: 75vh;
}

.fm-notification {
    border-radius: 10px !important;
}
.fm-tree .fm-tree-disk {
    padding: 10px !important;
    background-color: #4289aa !important;
    border-radius: 10px 0 0 10px !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.fm-tree-branch li > p:hover, .fm-tree-branch li > p.selected {
    background-color: #4289aa21 !important;
    text-transform: capitalize;
}
.fm .unselectable {
    user-select: none;
    border-radius: 10px 0 0 10px !important;
    padding: 10px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.fm-disk-list .badge.bg-secondary {
    background-color: #4289aa !important;
    text-transform: capitalize;
    font-size: 13px;
    padding: 7px 10px;
}
.fm-breadcrumb .breadcrumb.active-manager {
    background-color: #c89d311f !important;
    padding: 10px !important;
    border-radius: 10px !important;
    text-transform: capitalize;
    font-size: 15px !important;
}
.fm .fm-table tr:hover {
    background-color: #d2eec6 !important;
    border-radius: 10px;
}
.fm .fm-table th:hover {
    background-color: #d2eec6 !important;
    border-radius: 7px;
}
.fm .fm-table .table > :not(:last-child) > :last-child > * {
    border: 0 !important;
}
.fm .badge {
    padding: 7px;
}
.fm .breadcrumb-item + .breadcrumb-item {
    padding: 2px 0 2px 10px !important;
    color: #c89d31 !important;
}
.fm .table-info {
    --bs-table-bg: #d2eec6 !important;
}
.fm-info-block {
    padding: 5px 10px !important;
    background: #e5e7fe !important;
    border-radius: 7px !important;
    border: 1px solid #9497f659 !important;
    margin-top: 15px !important;
}
.fm-about-button {
    display: none !important;
}
.fm .text-success {
    color: #198754 !important;
}
.fm .btn-danger.disabled, .fm .btn-danger:disabled {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.fm-disk-list .badge.bg-light {
    background-color: #4289aa38 !important;
    text-transform: capitalize;
    font-size: 13px;
    padding: 7px 10px;
    font-weight: 400;
}
.fm-grid .fm-grid-item.active {
    background-color: #d2eec6 !important;
    box-shadow: 3px 2px 5px #b8bbe4 !important;
}
.fm-grid .fm-grid-item .fm-item-icon > i, .fm-grid .fm-grid-item .fm-item-icon > figure > i {
    color: #5c61f2 !important;
}
.fm-upload-list .d-flex.justify-content-between {
    margin: 10px !important;
}
.fm-modal-upload .btn-info, .fm-modal-folder .modal-footer .btn-info {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.fm-modal-upload .btn-light.disabled, .fm-modal-upload .btn-light:disabled, .fm-modal-folder .modal-footer .btn-info.disabled, .fm-modal-folder .modal-footer .btn-info:disabled {
    background-color: #0a73504f !important;
}
.fm .breadcrumb-item + .breadcrumb-item::before {
    color: #c89d31 !important;
}
.fm-notification-item.fm-success {
    background-color: #198754 !important;
    color: white;
}
.fm .btn-light.fm-button-cancel, .fm .btn-light.fm-button-cancel-rename {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white;
}
.fm .btn.btn-info {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.fm-button-cancel-delete, .fm-button-cancel-delete:hover {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: white !important;
}
.fm-additions-file-list {
    margin-top: 10px;
}
.fm-modal-zip .modal-body {
    padding: 10px 15px;
}
.fm-modal-zip .btn-light, .fm-modal-unzip .btn-light, .fm-additions-cropper .btn-light, .fm-modal-preview .btn-light {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white;
}
.fm-modal-unzip .modal-body {
    padding: 15px;
}
.fm-modal-unzip hr {
    margin-bottom: 15px;
}
@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
        padding: 15px;
    }
}
.fm-getlink-button {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}
.fm-getlink-button:hover {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    color:white !important;
}
.fm-notification .fm-notification-item {
    border: 0 !important;
}
.fm-modal-properties .modal-body .row:hover {
    background-color: #e5e7fe !important;
    border-radius: 7px !important;
}
.fm-modal-properties .modal-body .row {
    padding: 10px 0 !important;
    margin: 0 5px !important;
}
.product-table .dataTables_wrapper button.btn-outline-danger-2x {
    color: #f81f58;
}
.product-table .dataTables_wrapper button.btn-outline-danger-2x:hover {
    color: white;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::before {
    top: 8px;
}
.product-page-details .product_price {
    font-size: 2.5rem;
    color: #f81f58 !important;
}
.share-facebook, .share-google-plus, .share-twitter, .share-instagram, .share-linkedin, .share-pinterest, .share-whatsapp, .share-telegram, .share-reddit {
    padding: 6px 10px;
    font-size: 28px;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 100px !important;
}
.btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gridcolumns {
    padding: 7px;
    background-color: rgba(92, 97, 242, 0.05);
    display: flex;
    align-items: center;
    border-radius: 5px;
}
.grid-options {
    height: 7px;
}
.btn-outline-primary:hover {
    color: white;
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}
.btn-outline-danger-2x:focus {
    color: #f81f58 !important;
    background-color: transparent !important;
}
.btn-outline-danger-2x:active {
    color: white;
    background-color: #f81f58 !important;
}
.nav-item .nav-link {
    border-radius: 10px !important;
    padding: .5rem 1rem !important;
}
.nav-item .nav-link:hover {
    color: white !important;
}
.country {
    text-transform: capitalize;
}
.btn-outline-primary {
    border-width: 2px;
}
.btn-outline-secondary {
    border-width: 2px;
}
.btn-outline-success {
    border-width: 2px;
}
.btn-outline-danger {
    border-width: 2px;
}
.btn-outline-warning {
    border-width: 2px;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    color: white;
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active {
    color: white;
    background-color: #f81f58 !important;
    border-color: #f81f58 !important;
}
.form-check .form-check-input {
    margin-left: -2em;
}
.btn-outline-primary-2x:focus {
    color: #5c61f2 !important;
    background-color: transparent !important;
}
.btn-outline-primary-2x:active {
    color: white;
    background-color: #5c61f2 !important;
}
.btn-outline-warning-2x:focus {
    color: var(--theme-secondary) !important;
    background-color: transparent !important;
}
.btn-outline-warning-2x:active {
    color: white;
    background-color: var(--theme-secondary) !important
}
.btn-outline-success-2x:focus {
    color: #198754 !important;
    background-color: transparent !important;
}
.btn-outline-success-2x:active {
    color: white;
    background-color: #198754 !important;
}
.btn-outline-info-2x:focus {
    color: white !important;
    background-color: transparent !important;
}
.btn-outline-info-2x:active {
    color: white;
    background-color: #4289aa !important;
}
.ecommerce-widget {
    border-radius: 20px !important;
}
.videothumb, .pdfthumb {
    margin: 0 auto;
    height: auto;
    width: auto;
}
.product-table .dataTables_wrapper button.btn-outline-success-2x {
    color: #198754;
}
.product-table .dataTables_wrapper button.btn-outline-success-2x:hover {
    color: white;
}
.dataTables_wrapper button.btn-outline-danger-2x {
    color: #f81f58;
}
.dataTables_wrapper button.btn-outline-danger-2x:hover {
    color: white;
}
.lightbox {
    top: 15px !important;
}
.lb-data .lb-details {
    width: 100% !important;
    float: none !important;
}
.shadow-inset {
    box-shadow: var(--box-shadow-inset);
}
.blockofseven {
    width: 14.28571%;
}
.producttab:hover {
    background-color: #5c61f2;
    color: #fff;
    border-radius: 10px !important;
}
.text-default {
    color: #2b2b2b !important;
}
.text-justified {
    text-align: justify;
}
.videodesc, .pdfdesc {
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}
.couponcard:hover {
    box-shadow: 0 8px 16px #0003;
}
.couponcard-footer {
    border-bottom: none;
    border-top: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    padding: 15px;
    text-transform: capitalize;
    font-size: 20px;
}
.couponcard-header {
    border-bottom: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    padding: 30px;
}
.linkscard-header {
    border-bottom: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
    padding: 30px;
    white-space: nowrap;
    overflow: hidden;
}
.shippingcard-header {
    border-bottom: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
    padding: 30px;
    white-space: nowrap;
    overflow: hidden;
}
.valign-bottom {
    vertical-align: -moz-middle-with-baseline;
}
.choose-button {
    padding: 10px 15px;
}
.productquantity {
    padding-top: 10px;
}
.product_name {
    font-size: 28px !important;
    text-align: center;
    font-weight: bold;
}
.hvcenter {
    margin: auto;
    text-align: center;
}
.product-page-details span {
    padding-left: 10px !important;
}
.form-control {
    border-radius: 10px !important;
}
.br-theme-fontawesome-stars .br-widget {
    height: auto !important;
}
.video-name {
    border: 2px solid #198754;
    border-bottom: 0;
    border-top: 0;
}
.video-description {
    border: 2px solid #198754;
    border-bottom: 0;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}
.pdf-name {
    border: 2px solid #4289aa;
    border-bottom: 0;
    border-top: 0;
}
.pdf-description {
    border: 2px solid #4289aa;
    border-bottom: 0;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}
.videogrid .videogrid-item {
    display: inline-block;
    padding: 16px 11px 11px 11px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%;
    border: 2px solid #198754;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    max-width: 100% !important;
    margin-bottom: 0;
}
.videodescription {
    border: 2px solid #198754;
    border-radius: 0 0 10px 10px;
}
.pdfdescription {
    border: 2px solid #4289aa;
    border-radius: 0 0 5px 5px;
}
.pdfgrid .pdfgrid-item {
    display: inline-block;
    padding: 16px 11px 11px 11px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%;
    border: 2px solid #4289aa;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    max-width: 100% !important;
    margin-bottom: 0;
}
body.dark-only .btn-outline-warning.taglink {
    color: #98a6ad;
    border-color: #98a6ad;
}
.btn-outline-warning.taglink {
    color: rgba(27, 49, 85, 0.4);
    border-color: rgba(27, 49, 85, 0.4);
}
.btn-outline-warning.taglink:hover {
    color: white;
}
body.dark-only .btn-outline-warning.taglink:hover {
    color: white;
}
.btn-outline-success-2x:hover,.btn-outline-success-2x:focus,.btn-outline-success-2x:active,.btn-outline-success-2x.active{
    color: #fff;
    background-color: #198754!important;
    border-color: #198754!important;
    box-shadow: none
}
.order-history .input-group .btn {
    padding: 8px 15px;
}
.couponfield {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.shoppingcart-dropdown, .wishlist-dropdown {
    width: 500px !important;
    padding: 10px 0;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child svg {
    top: 18px;
    right: 12px;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li + li {
    padding-bottom: 15px;
}
.onhover-dropdown {
    cursor: default;
}
.shoppingcart-dropdown-itemname, .shoppingcart-dropdown-itemnumber {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
}
.shoppingcart-dropdown-itemnumber {
    opacity: 0.6;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.hr-xs1 {
    width: 90%;
    margin: 0 5%;
}
.hr-xs2 {
    width: 80%;
    margin: 0 10%;
}
.hr-xs3 {
    width: 60%;
    margin: 0 20%;
}
.method-container {
    display: -webkit-box;
}
.method-rounded-right {
    border-radius: 0 20px 20px 0;
}
.col-25 {
    width: 25%;
}
.col-375 {
    width: 37.5%;
}
.extdescription {
    font-size: 16px;
}
.page-wrapper .page-body-wrapper .page-title {
    padding-bottom: 10px;
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: white;
}
.br-theme-fontawesome-stars .br-widget a, .br-theme-fontawesome-stars .br-widget a.br-selected::after, .br-theme-fontawesome-stars .br-widget a.br-active::after {
    font: normal normal normal 28px/1 FontAwesome;
}
a.reviewsamount:hover, a.delivery:hover, a.pricefrom:hover {
    color: #2b2b2b;
}
.order-box .sub-total li {
    margin-top: 15px !important;
}
.billingdeatailsrow1 {
    font-size: 18px !important;
}
.billingdeatailsrow2 {
    font-size: 16px !important;
}
.br-theme-bars-pill .br-widget a::after {
    content: '\f005';
    font: normal normal normal 28px/1 FontAwesome;
    color: #ffa800 !important;
    font-size: 26px;
}
.br-theme-bars-pill .br-widget a {
    padding: 16px 9px 7px 10px !important;
    background-color: #e6e7f9;
}
.br-theme-bars-pill .br-widget a:last-child {
    margin-right: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 16px 15px 7px 10px !important;
}
.br-theme-bars-pill .br-widget a:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 16px 9px 7px 15px !important;
}
.optioninfo {
    font-size: 13px;
}
.blog-box {
    border-radius: 20px;
}
.blog-subtitle {
    color: #979797;
}
.blog-body p {
    color: #212529 !important;
}
.dark-only .blog-body p {
    color: rgba(255, 255, 255, 0.8) !important;
}
.social-button {
    line-height: 1 !important;
}
.translate_wrapper.active .more_lang.bloglang {
    columns: 2;
    white-space: nowrap;
}
.dark-only .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8) !important;
}
.modal-content {
    border-radius: 15px;
}
.list-group.threads .list-group-item {
    border-width: 1px !important;
    border-radius: 15px 15px 0 0;
    padding: 15px;
}
.list-group-item:last-child {
    border-radius: 0 0 15px 15px !important;
}
.text-l {
    font-size: 1rem;
}
.badge {
    font-size: 0.9rem;
    padding: 6px 10px !important;
    border-radius: 5px;
    margin: 3px 0;
}
.threads.list-group {
    border-radius: 15px;
}
.v-category-show .input-group > .form-select {
    background-color: #5c61f20f !important;
    border-color: #5c61f20f !important;
    border-radius: 10px;
}
.pcr-app .pcr-interaction input.btn {
    letter-spacing: inherit !important;
    font-size: 15px !important;
    color: #fff !important;
    border-radius: 10px !important;
    transition: all .15s !important;
    padding: 0.6rem 1.75rem !important;
}
.pcr-app .pcr-interaction input {
    letter-spacing: inherit !important;
    font-size: 15px !important;
}
.list-group-item:first-child {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}
.list-group .list-group {
    min-height: 0 !important;
    margin-top: 0 !important;
}
.v-manage-categories .list-group {
    border-radius: 15px;
}
.list-group-item {
    padding: 1.1rem;
}
.userphotoinvoice {
    height: 40px;
    width: 40px;
    border-radius: 6px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list.pined i.fa-thumb-tack, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list.pin-title i.fa-thumb-tack {
    transform: rotate(0deg);
}
.dashboard-default .profile-greeting .greeting-user .profile-vector {
    margin-left: 34%;
    margin-bottom: 10px;
}
.permissions-table {
    columns: 2;
    white-space: nowrap;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active {
    color: white;
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.btn-outline-info-2x:hover, .btn-outline-info-2x:focus, .btn-outline-info-2x:active, .btn-outline-info-2x.active {
    color: white;
    background-color: #4289aa !important;
    border-color: #4289aa !important;
    box-shadow: none;
}
.imagesizes {
    border-radius: 15px;
}

.full-width-div {
    position: absolute;
    width: 100%;
    left: 0;
}

.main-content{
    padding-top:1.5rem!important;
}

.list-group-color{
    background-color: #212529 !important;
}

.binshops-version{
    margin: 0 !important;
    padding: 10px;
}

.a-link-cart-color{
    color: #212529 !important;
}

.binshops-blog-title{
    position: absolute;
    left: 20px;
}

body{
    background-color: #5c61f26b !important;
}

.nav-bar-full{
    height: 100% !important;
}

.wtree li {
    list-style-type: none;
    margin: 10px 0 10px 10px;
    position: relative;
}
.wtree li:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -20px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 20px;
    height: 15px;
}
.wtree li:after {
    position: absolute;
    content: "";
    top: 5px;
    left: -20px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 20px;
    height: 100%;
}
.wtree li:last-child:after {
    display: none;
}
.wtree li span {
    display: block;
    border: 1px solid #ddd;
    padding: 5px;
    color: #888;
    text-decoration: none;
}

.wtree li span:hover, .wtree li span:focus {
    background: #eee;
    color: #000;
    border: 1px solid #aaa;
}
.wtree li span:hover + ul li span, .wtree li span:focus + ul li span {
    background: #eee;
    color: #000;
    border: 1px solid #aaa;
}
.wtree li span:hover + ul li:after, .wtree li span:hover + ul li:before, .wtree li span:focus + ul li:after, .wtree li span:focus + ul li:before {
    border-color: #aaa;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
    color: white;
    background-color: #e6ae30 !important;
    border-color: #e6ae30 !important;
}
.btn-outline-secondary {
    border-color: #e6ae30;
    color: #e6ae30;
    background-color: transparent;
}
.dropdown-content a span {
    opacity: 75%;
}
.dropdown-content a:hover span {
    opacity: 100%;
}
input[type="file"] {
    background-color: #5c61f20f !important;
    border: 1px solid #5c61f21f !important;
    padding: 0.75rem;
}
[type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
    outline-offset: 0 !important;
    outline: 1px solid #c3c5f091 !important;
}
body.dark-only [type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
    outline-offset: 0 !important;
    outline: 1px solid #c3c5f012 !important;
}
body.dark-only .grid .grid-item {
    border: 1px solid #c3c5f012;
}
body.dark-only .image-name, body.dark-only .image-description {
    border: 1px solid #c3c5f012;
}
body.dark-only .image-options {
    border: 1px solid #c3c5f012;
    border-radius: 0 0 5px 5px;
    background-color: #c3c5f012;
}
.imageformats {
    background: #eee;
    overflow:auto;
    border-radius: 15px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li:first-child {
    width: auto !important;
    margin-right: 8px;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li:first-child:hover {
    background-color: #5c61f2;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li:first-child {
    width: auto !important;
    margin-right: 8px;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right > ul > li:first-child:hover {
    background-color: #5c61f2;
}
.page-wrapper .page-header .header-wrapper .nav-right > ul > li:first-child:hover svg, .page-wrapper .page-header .header-wrapper .nav-right > ul > li:first-child:hover i {
    stroke: #fff;
    color: #fff;
}
.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child {
    border-radius: 0 !important;
}
table.dataTable input, table.dataTable select {
    min-width: 200px !important;
}
[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
    text-align: center;
}
[type="text"] {
    background-color: #5c61f20f !important;
    border: 1px solid #5c61f21f !important;
    text-align: center;
}
.rolepermissionstable {
    columns: 2;
    white-space: nowrap;
}
.ticketbuttons {
    display: ruby;
}
[type="number"] {
    padding: 9px 15px 10px 15px !important;
}
.hidden {
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-width: 2px !important;
    border-color: #5c61f2 !important;
    color: #5c61f2 !important;
    background-color: transparent !important;
    font-weight: 600;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    background: none !important;
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: none !important;
    border-width: 2px !important;
    border-color: #5c61f2 !important;
    color: #5c61f2 !important;
    background-color: transparent !important;
}
.product-page-main.plans .border-tab.nav-tabs .nav-item .nav-link.active {
    color: #fff !important;
}
.product-page-main.plans .nav-tabs .nav-link.planinfo:hover {
    color: #5c61f2 !important;
}
.product-page-main.plans .nav-tabs .nav-link.planfeatures:hover {
    color: #4289aa !important;
}
.product-page-main.plans .nav-tabs .nav-link.plansubscriptions:hover {
    color: #198754 !important;
}
.product-page-main.plans .border-tab.nav-tabs .nav-item .nav-link.planinfo.active {
    background-color: #5c61f2;
}
.product-page-main.plans .border-tab.nav-tabs .nav-item .nav-link.planfeatures.active {
    background-color: #4289aa;
}
.product-page-main.plans .border-tab.nav-tabs .nav-item .nav-link.plansubscriptions.active {
    background-color: #5c61f2;
}
.text-basic {
    color: #2b2b2b;
}
.btn-outline-info-2x:hover .text-basic, .btn-outline-info-2x:focus .text-basic, .btn-outline-info-2x:active .text-basic, .btn-outline-info-2x.active .text-basic {
    color: white;
}
.pricing-block .pricing-header .price-box {
    background-color: #5c61f2;
    border-radius: 50%;
    width: 75%;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(-10deg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    color: white;
    font-weight: 500;
    box-shadow: 0 8px 16px #0003;
}
.pricing-block .pricing-header .price-box > div {
    transform: rotate(10deg);
    line-height: initial;
}
.pricing-content div .pricing-simple, .pricing-content div .pricing-block {
    box-shadow: 0 8px 16px #0003;
}
.plansubscribe {
    border-radius: 0 0 20px 20px;
}
.pricing-block .pricing-header h2 {
    color: #5c61f2;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 30px;
}
.license-button {
    font-weight: 500 !important;
}
.productlist-image {
    width: 100%;
}
.ribbon {
    padding: 0 20px;
    height: 25px;
    line-height: 24px;
    clear: left;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 2;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0 0 10px 0;
}
.ribbon-bottom-right {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
    border-radius: 10px 0 0 0;
}
.productindeximg {
    height: 44px;
    width: 60px;
    border-radius: 5px;
}
.productlist-image-modal {
    width: 100%;
    border-radius: 20px;
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: auto;
    padding: 0 15px;
}
.modalhr {
    background-color: rgba(92, 97, 242, 0.2);
}
.nav-tabs .nav-link:focus {
    color: white;
}
.friendly-rating button {
    background-color: #4289aa !important;
    border-color: #4289aa !important;
}
.customer-service-rating button {
    background-color: #e6ae30 !important;
    border-color: #e6ae30 !important;
}
.pricing-rating button {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.quality-rating button {
    background-color: #f81f58 !important;
    border-color: #f81f58 !important;
}
.overall-rating button {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
}
#jitsiConferenceFrame0 {
    width: 100% !important;
    height: 800px !important;
    border-radius: 20px;
}
#jitsi-container {
    height: 100vh;
    width: 100%;
}
.fc-agenda-view .fc-day-grid {
    display: none;
    visibility: hidden;
}
.fc-button.fc-state-default {

    padding: 10px 22px 10px 18px;
    height: 43px;
    border-radius: 0;
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    color: white;
    text-shadow: none;
    box-shadow: none;
}
.fc-state-default.fc-corner-right {

    padding: 10px 20px;
    height: 43px;
    border-radius: 0 10px 10px 0;
    background-color: #f81f58 !important;
    border-color: #f81f58 !important;
    color: white;
    text-shadow: none;
    box-shadow: none;
}
.fc-state-default.fc-corner-left {
    padding: 10px 20px;
    height: 43px;
    border-radius: 10px 0 0 10px;
    background-color: #f81f58 !important;
    border-color: #f81f58 !important;
    color: white;
    text-shadow: none;
    box-shadow: none;
}

.fc-prev-button .fc-icon, .fc-next-button .fc-icon {
    height: auto !important;
    top: 0 !important;
}
.fc-icon-right-single-arrow::after, .fc-icon-left-single-arrow::after {
    top: 0 !important;
}
.fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {
    padding: 9px 20px 10px 20px !important;
}
.fc-today-button.fc-corner-left.fc-corner-right {
    padding: 9px 20px 10px 20px !important;
    height: 43px;
    border-radius: 10px !important;
    background-color: #e6ae30 !important;
    border-color: #e6ae30 !important;
    color: white;
    text-shadow: none;
    box-shadow: none;
    font-weight: 600;
    text-transform: capitalize;
}
.fc-button.fc-state-default.fc-agendaWeek-button {
    margin: 0 2px 0 1px !important;
    background-color: #4289aa !important;
    border-color: #4289aa !important;
    text-transform: capitalize;
    font-weight: 600;
}
.fc-state-default.fc-corner-left.fc-month-button {
    background-color: #198754 !important;
    border-color: #198754 !important;
    text-transform: capitalize;
    font-weight: 600;
}
.fc-state-default.fc-corner-right.fc-agendaDay-button {
    background-color: #5c61f2 !important;
    border-color: #5c61f2 !important;
    text-transform: capitalize;
    font-weight: 600;
}
.fc-prev-button {
    margin-right: 5px !important;
}
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
    padding: 10px 10px 0 10px;
    font-weight: 500;
    font-size: 18px;
}
.fc-event, .fc-event-dot {
    background-color: #f81f58;
    border: 1px solid #f81f58;
}
tr:first-child > td > .fc-day-grid-event {
    color: white;
}
.fc-event .fc-bg {
    background: transparent;
}
.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
    color: white !important;
    padding: 2px 4px;
    margin-left: 2px;
}
.fc-day-grid-event .fc-content {
    padding: 1px 3px 3px 3px;
}
.modal-dialog.eventmoodal {
    max-width: 90%;
}
.datetimepicker.dropdown-menu {
    box-shadow: 0 8px 16px #0003;
    border-radius: 15px;
    margin-top: 100px;
    margin-left: 20px;
    padding: 0 10px 15px 15px;
}
.datetimepicker th.switch {
    width: 300px;
}
.hour {
    position: relative;
    left: 0;
}
.datetimepicker-days thead {
    min-height: 115px;
}
.datetimepicker th.switch {
    width: auto;
    height: auto;
    padding: 10px;
}
.fc-today {
    box-shadow: var(--box-shadow-inset);
}
.fc-day-top.fc-sun.fc-today {
    box-shadow: none;
}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
    background-color: #5c61f2 !important;
    background-image: none;
}
.datetimepicker td, .datetimepicker th {
    border-radius: 10px;
}
.switch {
    display: table-cell;
}
.datetimepicker td prev, .datetimepicker th.prev {
    border-radius: 10px 0 10px 0;
}
.datetimepicker td.next, .datetimepicker th.next {
    border-radius: 0 10px 0 10px;
}
.datetimepicker th.switch {
    border-radius: 0 0 10px 10px;
}
.fc-day-top.fc-today {
    box-shadow: none;
}
.fc-day-header.fc-widget-header {
    line-height: 2em;
    font-size: 18px;
}
.fc-fri {
    background-color: #b8baf736;
}
.fc-sat {
    background-color: #4289aa21;
}
.fc-sun {
    background-color: #1987541c;
}
.fc-center h2 {
    font-size: 25px;
    font-weight: 500;
    color: #f81f58;
}
.fc-unthemed td.fc-today {
    background: #fcf8e3b8;
}
.login-card .login-main {
    width: 75% !important;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active {
    color: white;
    background-color: #4289aa !important;
    border-color: #4289aa !important;
}
#treeBasic {
    width: fit-content;
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    top: 19px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list.pined:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.cryptocurrency_row {
    border-bottom: 1px solid #eee;
}
.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown, .page-wrapper .page-header .header-wrapper .nav-right .message-dropdown {
    width: 375px;
    right: 0 !important;
}
.long-string-container {
    word-wrap: break-word;
}
.card-header {
    text-transform: inherit !important;
}

.ribbon-albumthumbforsale {
    top: 16px;
    left: 12px;
    width: fit-content;
}
.ribbon-albumthumbpicnumber {
    top: 56px;
    left: 12px;
    width: fit-content;
    border-radius: 0 10px 10px 0;
}
.ribbon-addtocart {
    top: 96px;
    left: 12px;
    width: fit-content;
    border-radius: 0 10px 10px 0;
}
.ribbon-albumthumbforsalefront {
    top: 9px;
    left: 25px;
    width: fit-content;
}
.ribbon-albumthumbpicnumberfront {
    top: 20px;
    left: 5px;
    width: fit-content;
    border-radius: 0 10px 10px 0;
}
.ribbon-addtocartfront {
    top: 89px;
    left: 25px;
    width: fit-content;
    border-radius: 0 10px 10px 0;
}
.book_name {
    border: 1px solid #ddd;
    border-bottom: 0;
}
.book_icon {
    height: 48px;
    width:48px;
}
.w-fitcontent {
    width: fit-content;
}
.library_books_count {
    border-radius: 0 0 20px 20px;
}
.library_private {
    border-radius: 20px 20px 0 0;
}
.library_card {
    max-width: 30%;
}
.library_icon {
    max-width: 60% !important;
    margin: auto;
}
.booklistcover {
    border-radius: 7px;
}
.rounded-5 {
    border-radius: 5px;
}
.rounded-10 {
    border-radius: 10px;
}
.rounded-15 {
    border-radius: 15px;
}
.rounded-20 {
    border-radius: 20px;
}
.cke_top {
    border-radius: 15px 15px 0 0 !important;
}
.cke_contents {
    border-radius: 0 0 15px 15px !important;
}
.cke_inner {
    border-radius: 15px;
}
.card-inset {
    box-shadow: inset 0 0 5px 2px #0003;
}
.note-editor.note-frame {
    border-radius: 15px;
    padding: 20px 3px 0 3px;
    box-shadow: inset 0 0 5px 2px #0003;
    margin: 0 10px 0 10px;
    width: calc(100% - 20px);
}
.note-editor.note-frame .note-editing-area .note-codable {
    margin: 10px;
    border-radius: 15px;
    width: calc(100% - 20px);
}
.note-editor.note-frame .note-editing-area .note-editable {
    text-align: justify;
    margin-top: 10px;
    border-radius: 15px 15px 0 0;
}
.note-editor.note-frame .note-statusbar .note-resizebar {
    height: 11px;
    border-radius: 0 0 10px 10px;
    padding: 5px 0 0 0;
}
.note-editor.note-frame .note-statusbar {
    border-top: 0;
}
.note-toolbar-wrapper, .note-editing-area {
    margin: 0 10px 0 10px;
}
.note-toolbar-wrapper {
    width: calc(100% - 20px);
}
.card-header.note-toolbar {
    padding: 0 !important;
    margin: 0 10px 0 10px;
    width: calc(100% - 20px) !important;
}
.dropdown-menu {
    margin: 0;
}
.note-btn {
    padding: 10px 15px 10px 15px;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:hover p, .dropdown-menu .dropdown-item:hover h4 {
    background-color: #5c61f2;
    color: white !important;
}
.dropdown-item h1, .note-editing-area h1, .paragraph_content h1 {
    font-size: 36px;
}
.dropdown-item h2, .note-editing-area h2, .paragraph_content h2 {
    font-size: 30px;
}
.dropdown-item h3, .note-editing-area h3, .paragraph_content h3 {
    font-size: 24px;
}
.dropdown-item h4, .note-editing-area h4, .paragraph_content h4 {
    font-size: 18px;
    text-align: initial !important;
}
.dropdown-item h5, .note-editing-area h5, .paragraph_content h5 {
    font-size: 14px;
}
.dropdown-item h6, .note-editing-area h6, .paragraph_content h6 {
    font-size: 10px;
}
.card-header.note-toolbar .note-para .dropdown-menu {
    padding: 10px;
    width: max-content;
}
.dropdown-menu.note-table {
    background-color: transparent;
    left: -5px;
    top: calc(100% - 5px);
}
.note-btn-group.btn-group:hover > .dropdown-menu {
    border-radius: 15px;
}
.dropdown-menu .dropdown-item:first-child {
    border-radius: 5px 5px 0 0;
}
.dropdown-menu .dropdown-item:last-child {
    border-radius: 0 0 5px 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette, .card-header.note-toolbar .note-color .dropdown-menu .note-palette {
    width: max-content;
    padding: 10px;
    text-align: center;
}
.note-editor.note-frame .note-statusbar {
    border-radius: 0 0 10px 10px;
    background-color: transparent;
}

.note-editor.note-frame .note-status-output {
    padding: 0 5px 0 5px;
    border: 0;
}
.note-editor.note-frame.fullscreen {
    background-color: white;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
.dark-only .note-editor.note-frame.fullscreen {
    background-color: #171829;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
.dark-only .btn-light.disabled, .dark-only .btn-light:disabled {
    background-color: #2c2b51 !important;
    border-color: #2f2e5c !important;
}

.note-color .note-btn-group.btn-group:hover > .dropdown-menu {
    width: max-content;
}
.note-color .note-holder {
    padding: 10px 0 10px 0;
}
.note-palette-title {
    padding-bottom: 10px;
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset {
    margin: 0;
    border: 0;
}
.modal.link-dialog.show .modal-body {
    text-align: center;
}
body.dark-only .note-editor.note-frame .note-status-output {
    border-top: 0;
}
.paragraphorder {
    padding: 8px 15px 8px 15px !important;
}
.grid-options ul li a {
    position: initial;
}
.bookgrid.grid-options ul li a .line-grid {
    top: 0;
}
.bookgrid {
    position: relative;
}
.product-wrapper-grid.list-view .product-box .booklistcover {
    max-width: 100% !important;
}
.square-product-setting .icon-grid {
    background-color: #f5f6ff;
    box-shadow: #ccc 3px 4px 8px 1px;
    border-radius: 8px;
}
.square-product-setting .icon-grid:hover {
    box-shadow: inset #ccc 3px 4px 8px 1px;
}
.nav-tree {
    list-style: none;
    padding-left: 0;
}
.nav-tree .nav-item {
    cursor: pointer;
}
.nav-tree .nav-link {
    color: #000;
    padding-left: 1rem;
}
.nav-tree .nav-link:hover {
    background-color: #5c61f2 !important
}
.nav-tree .sub-tree {
    list-style: none;
    padding-left: 1rem;
}
.collapse.show .nav-link {
    color: #000; /* Ensure visibility */
}
.collapse {
    visibility: initial !important;
}
.copyicon {
    height: 14px;
}
.bookcodewindow {
    position: relative;
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
}
.bookcodewindow pre {
    margin: 0;
    white-space: pre-wrap;
}
.bookcodewindow pre code {
    font-family: "Courier New", Courier, monospace;
}
code {
    background-color: initial;
    margin: 0;
    border-radius: 5px;
}
.dark-only .bookcodewindow {
    background-color: #10101c;
    color: #e6ae30;
}
body.dark-only code {
    background-color: initial;
    margin: 0;
    border-radius: 5px;
}
.dark-only .bookcodewindow {
    border: 1px solid #e6ae30;
}
.chat-button {
    background-color: #2a2848;
    border-color: #2a2848;
    color: white;
}
.chat-button:hover {
    background-color: #5c61f2;
    border-color: #5c61f2;
    color: white;
}
.chat-buttons-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}
.attribution__video {
    width: 280px;
    height: auto;
    margin: auto 20px 0 0;
}
.verifiedcommand {
    background-color: #2a2848;
}
.chatbot .msg {
    color: white !important;
    background: #2a2848 !important;
}
.video_sadhappy {
    border-radius: 15px;
}
#subjects_taught {
    height: 500px;
}
#spoken_languages {
    height: 400px;
}
[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.preview-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.preview-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    flex: 1 1 calc((20% - 10px) - 10px); /* Deducting margin from width calculation */
    max-width: calc((20% - 10px) - 10px); /* Deducting margin from width calculation */
}

.preview-item img,
.preview-item video,
.preview-item embed {
    max-width: 100%;
    max-height: 100px;
    border-radius: 10px;
}
/* Adjust the max-width and max-height properties as needed */
.preview-item img {
    max-width: 200px;
    max-height: 200px;
}
.teacher-cover-preview {
    max-width: 100%;
    max-height: 100px;
    border-radius: 12px;
}
.teacher-media-preview {
    max-width: 100% !important;
    border-radius: 12px 12px 0 0;
}
.teacher-media-preview-other {
    max-width: 100% !important;
    border-radius: 12px;
}
.teachervideo {
    max-width: 100%;
    max-height: 100%;
}
.teachervideomodal {
    height: fit-content;

    max-height: calc(75vh);
    width: fit-content;
}
.teacherresource-type {
    height: 300px;
}
.bg-border-primary {
    border: 4px solid #5c61f2;
    color: #5c61f2;
    background-color: transparent;
}
.faq-widgets .flex-grow-1 h4 {
    font-size: 20px;
    font-weight: 600;
    color: inherit;
}
.hr-w-90 {
    width: 90%;
}
.card-text-diff-bg {
    background-color: white;
    margin-right: 10%;
    border-radius: 10px;
    padding: 15px;
    color: initial;
}
.cover-container {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.teacher-name-container {
    background: white;
    padding: 10px 20px;
    border-radius: 10px;
    top: 30px;
}
.teacher-image-container {
    position: absolute;
    top: 30px;
    left: 33px;
    background: white;
    padding: 10px;
    border-radius: 10px;
    width: 200px;
}
.teacher-image {
    width: 100%;
    height: 220px;
    border-radius: 10px;
}
.profile-info {
    padding: 20px;
    background-color: #f8f9fa;
}
.section-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
}
.info-item {
    margin-bottom: 10px;
}
.info-item i {
    margin-right: 5px;
}


.edit-button {
    position: absolute;
    top: 30px;
    right: 30px;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 500;
}
.edit-button:hover {
    color:white;
}
.cover-container:hover .edit-button {
    display: block;
}
.masonry {
    columns: 3;
    column-gap: 16px;
    @media (max-width: 1200px) {
        columns: 3;
    }
    @media (max-width: 992px) {
        columns: 2;
    }
    @media (max-width: 768px) {columns: 1;}
    .grid {
        display: inline-block;
        margin-bottom: 16px;
        position: relative;
    }
    .grid:before {
            border-radius: 5px;
            content:'';
            position:absolute;
            top:0;
            right:0;
            bottom:0;
            left:0;
        }
    .grid img {
            width: 100%;
            border-radius: 15px 15px 0 0;
        }
    .grid__title {
            font-size: 28px;
            font-weight:bold;
            margin: 0 0 10px 0;
        }
        & .__author {
            font-size: 14px;
            font-weight:300;
        }
    .grid__link {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
    .grid__body {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            padding: 15px;
            color: #fff;
            display: flex;
            flex-direction: column
        }
    .grid__tag {
        background-color: #ffffffab;
        color: #2b2b2b;
        border-radius: 5px;
        padding: 5px 15px;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 500;
        }
    }

.mt-auto {
    margin-top:auto;
}
.card.grid {
    border-radius: 15px;
}
.teacher-card-info {
    border-radius: 7px;
    background-color: white;
}
.card.grid:hover {
    box-shadow: 0 8px 16px #0003;
}
.subjects-taught {
    border: 1px solid #4289aa;
    margin-bottom: 3px;
    border-radius: 7px;
    padding: 3px 0;
    color: #4289aa;
}
.subjects-taught:hover {
    border: 1px solid #4289aa;
    margin-bottom: 3px;
    border-radius: 7px;
    padding: 3px 0;
    color: white;
    background-color: #4289aa;
}
.desktop-closed-message-avatar {
    display: flex !important;
    justify-content: center !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    height: 40px !important;
    width: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px !important;
    background: rgb(92, 97, 242) url("/assets/images/chatbot1.svg") !important;
    background-size: contain !important;
    opacity: 0.7;
}
.desktop-closed-message-avatar svg {
    display: none !important;
}
.dark-only .card {
    position: relative;
    overflow: hidden;
    background-color: #2a2848cf;
    border: none;
    color: #fff;
}
.ripple-card {
    background-color: #ffffff;
}
.support-bubble {
    position: fixed;
    bottom: 59px;
    right: 0;
    border-radius: 15px 0 0 15px;
    width: 65px;
}
.support-bubble:hover {
    position: fixed;
    bottom: 59px;
    right: 0;
    border-radius: 15px 0 0 15px;
    width: 200px;
}
.micro {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #5c61f2;
    border-radius: 50%;
}

.micro:before,
.micro:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid 3px #5c61f2;
    border-radius: 50%;
}

.micro:before {
    animation: ripple 2s linear infinite;
}

.micro:after {
    animation: ripple 2s 1s linear infinite;
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

.boh {
    position: relative;
    bottom: 160px;
    right: 4px;
    z-index: 2147483647;
    min-width: 40px;
    box-sizing: content-box;
    overflow: hidden;
    min-height: 60px;
    height: 40px;
}

.tap-top-container {
    text-align: center;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    opacity: 0.5;
    position: relative;
    bottom: 7px;
    right: calc(0.5rem - 2px);
    z-index: 1000;
    color: #239d5a;
    border: none;
    padding: 7px;
    transition: all 0.3s ease;
    box-shadow: none;
    background-color: transparent !important;
    margin: 0;
}
.tap-top {
    background-color:white;
    border-radius: 15px 0 0 15px;
    position: fixed;
    right: 0;
    bottom: 205px;
    opacity: 1;
    min-width: 53px;
    z-index: 1;
    box-shadow: 0 8px 16px #0003;
}
.desktop-closed-message-avatar:hover {
    opacity: 1;
}
.tap-top-container:hover {
    opacity: 1;
}
.desktop-closed-message-avatar {
    box-shadow: 0 8px 16px #0003;
}
.support-bubble:hover {
    box-shadow: 0 8px 16px #0003;
}
#botmanWidgetRoot svg {
    margin-right: 20px !important;
    margin-top: 11px !important;
}

.page-header.noprint.close_icon ~ footer {
    margin-left: 90px !important;
}
.footer {
    position: relative;
}
.rotating-text {
    font-size: 30px !important;
    color: initial;

    .blue {
        color: #4289aa;
    }
    .green {
        color: #198754;
    }
    .yellow {
        color: #e6ae30;
    }
    .red {
        color: #f81f58;
    }
    .purple {
        color: #5c61f2;
    }
}

@keyframes blink {
    from {
        border: none;
    }
    to {
        border-color: 2px solid #747474;
    }
}
@media screen and (max-width: 670px) {
    .rotating-text {
        font-size: 40px;
    }
    img {
        width: 75px;
        height: 75px;
    }
}
@media screen and (max-width: 400px) {
    .rotating-text {
        font-size: 32px;
    }
}
.frontpage-card {
    background-color: rgb(243, 250, 253);
    width: 35%;
    box-shadow: 14px 14px 0 #6b74b994;
    opacity: 0.8;
    position: absolute;
    top: 52%;
    left: 2%;
}
.frontpage-card::before {
    content: '';
    position: absolute;
    top: 14px; /* Same as shadow offset */
    left: 14px; /* Same as shadow offset */
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(196, 206, 255), #6c78b9); /* Adjust gradient as needed */
    z-index: -1;
    border-radius: inherit; /* Maintain border radius if any */
}
.frontpage-card .card-header {
    background-color: rgb(243, 250, 253);
}
.frontpage-card .card-body {
    background-color: rgb(243, 250, 253);
    border-radius: 0 0 15px 15px;
}
.frontpage-card-text {
    font-size: 20px;
    font-weight: 500;
}
.blue {
    color: #4289aa;
}
.green {
    color: #198754;
}
.yellow {
    color: #e6ae30;
}
.red {
    color: #f81f58;
}
.purple {
    color: #5c61f2;
}
.frontpage-card-hr {
    background-color: #babcfa4f;
}
.rotating-text, .frontpage-card-text, .typed-text {
    font-family: 'Saira Extra Condensed', 'Share Tech Mono', monospace;
}
.typed-text {
    font-family: 'Saira Extra Condensed', 'Share Tech Mono', monospace;
}
.frontpage-card-final-body {
    font-size: 24px;
    font-weight: 600;
}
.frontpage-card-final-header {
    font-size: 36px;
    font-weight: 500;
    color: #555ad1;
}
.parallax-image {
    width: 100%;
    height: auto;
    transform: translateZ(0);
    transition: transform 0.1s;
}
.modal.show .modal-dialog, .modal.fade .modal-dialog {
    z-index: 10;
}
.modal-backdrop {
    z-index: 0 !important;
}
select[multiple] option:checked, .multiple-option-selected, select option:checked {
    background-color: #363362; /* Blue background color for selected options */
    color: #fff; /* White text color for selected options */
}
.teacher-resource-cover {
    border-radius: 20px;
    max-height: 300px;
    width: auto;
}
.lightbox {
    position: fixed;
}
.coursephotos {
    border-radius: 15px 15px 0 0;
}
.coursephotodelete {
    border-radius: 0 0 15px 15px;
}
.optioncheckbox {
    display: inherit !important;
}
.border1ddd {
    border: 1px solid #ddd;
}
.small-button-rounded {
    border-radius: 7px;
}
.gridorder {
    position: inherit;
    height: 32px;
}










@media print{
    .noprint{
        display:none;
    }
    .noprint .card {
        box-shadow: none !important;
    }
}