/* @font-face {
    font-family: 'lufgaregular';
    src: url('../fonts/lufgaregular-webfont.woff2') format('woff2'),
        url('../fonts/lufgaregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lufgamedium';
    src: url('../fonts/lufgamedium-webfont.woff2') format('woff2'),
        url('../fonts/lufgamedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lufgasemibold';
    src: url('../fonts/lufgasemibold-webfont.woff2') format('woff2'),
        url('../fonts/lufgasemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lufgabold';
    src: url('../fonts/lufgabold-webfont.woff2') format('woff2'),
        url('../fonts/lufgabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lufgalight';
    src: url('../fonts/lufgalight-webfont.woff2') format('woff2'),
        url('../fonts/lufgalight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lufgalight';
    src: url('../fonts/lufgalight-webfont.woff2') format('woff2'),
        url('../fonts/lufgalight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Young+Serif&display=swap');

body {
    font-family: "Montserrat", serif;
    background-color: #000;
    background-size: cover;
}

.loginTitle {
    font-family: "Young Serif", serif;
}

:root {
    --Title: #171717;
    --Discription: #365072;
    --red: #F16A4D;

    --P_Purple: #DF69FFB3;
    --Primary: #141414;
    --Green: #C2D9A19E;
    --White: #fff;
    --ThemFont: #DF69FFB3;
    --LightGray: #2E2E2E;
    --ThemeBorderColor: #303032;
    --Secondary: #686868;
    --Orange: #F16A4D;
    --ThemeColor: #171717;
    --CheckboxColor: #DF69FFB3;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

body {
    background-color: #000;
    background-size: cover;
    background-position: center;
}

@media (max-width: 991px) {
    body {
        min-height: 100vh;
    }
}

/* Login Page -----------------------------------------------*/
.LoginPageBody .loginMain {
    background-image: url('../images/login-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.form-image {
    position: fixed;
    left: 0;
    min-height: auto;
    height: 100vh;
    width: 40%;
}

.form-image .l-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*.auth-logo{margin:5px 0 0 15px;}*/
.form-form {
    margin: 0 0 0 auto !important;
    width: 60%;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    max-height: calc(100vh - 0px);
    overflow-y: auto;
}

/*.form-form:before, .form-form:after{content:'';position:fixed;height:10px;width:50%;background-color:var(--red);left: calc(50% - 0px);}
.form-form:after{bottom: 0;}*/
/*.form-form:before, .form-form:after{content:'';position:absolute;height:200px;width:200px;background-color:var(--P_Purple);filter:blur(250px);opacity:0.5;}
.form-form:before{left: 100px;top: 200px;}
.form-form:after{bottom: 150px;right:200px;}*/
.form-form .form-container {
    min-height: 100%;
    width: 137%;
    align-items: center;
    display: flex;
    position: relative;
    z-index: 9;
    padding: 5px 0;
}

.form-form .form-container .form-content::before,
.form-form .form-container .form-content::after {
    content: '';
    position: absolute;
    height: 240px;
    width: 240px;
    border-radius: 50%;
    filter: blur(450px);
    opacity: 0.3;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}

.form-form .form-container .form-content::before {
    top: -50px;
    left: -50px;
}

.form-form .form-container .form-content::after {
    bottom: -50px;
    right: -50px;
}

.form-form .form-form-wrap {
    max-width: 520px;
    align-self: center;
    width: 100%;
    height: calc(100vh - 0px);
}

.form-form .form-container .form-content {
    padding: 30px 64px;
    width: 137%;
    border-radius: 25px;
    background: #000000;
    /*border: 1px solid transparent;border-image-slice: 1;border-image-source: linear-gradient(180deg, #FFFFFF 0%, #666666 100%); */
    -webkit-backdrop-filter: blur(42px);
    backdrop-filter: blur(42px);
    position: relative;
    /* max-height: calc(100vh - 10px);
  overflow-y: auto; */
}

/* .form-form .form-container .form-content:before {
    content: "";
    padding: 1px;
    position: absolute;
    inset: 0;
    border-radius: 30px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
} */

.btn-primary,
.btn-primary:disabled,
.btn-primary:active,
.btn-primary.btn:first-child:active,
.btn-primary.btn:focus-visible {
    background: var(--White);
    border-color: var(--White);
    padding: 8px 20px;
    border-radius: 12px;
    min-width: 140px;
    color: var(--Primary);
}

.btn-primary:hover {
    /* background: var(--Primary); */
    border-color: var(--Primary);
    color: var(--White);
}

.form-group .form-control {
    padding: .775rem .75rem;
    color: var(--Discription);
    border-radius: 10px;
}

.loginTitle {
    color: var(--White);
    font-size: 42px;
    font-weight: 400;
}

.loginSubtitle {
    color: var(--White);
    font-size: 32px;
}

.textForgot {
    text-decoration: none;
    color: var(--White);
    font-size: 18px;
    font-weight: 500;
}

.form-label {
    color: var(--Discription);
}

.addOnceIcon {
    position: relative;
}

.addOnceIcon .form-control {
    padding-left: 64px;
}

.iconAddons {
    position: absolute;
    top: 43px;
    left: 20px;
}

.AuthForm {
    z-index: 9;
}

.AuthForm .form-control {
    background-color: var(--Primary) !important;
    border-color: var(--ThemeBorderColor) !important;
    color: #eee !important;
}

.AuthForm .form-label {
    color: var(--White);
}

.form-control::placeholder {
    color: var(--White);
    opacity: 0.5;
}

.form-control::-ms-input-placeholder {
    color: var(--White);
}

.AuthForm .form-control::placeholder {
    color: var(--White);
    opacity: 0.5;
}

.AuthForm .form-control::-ms-input-placeholder {
    color: var(--White);
}

.AuthForm .form-control:focus {
    box-shadow: 0 0 0 .25rem #C2D9A11E;
    border-color: #F7983A;
}

.LoginPageBody {
    background-color: #000;
}

.forgotPssOuter .form-form {
    margin: 0 auto !important;
}

.underline {
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .form-form {
        width: 100%;
    }

    .form-image {
        position: inherit;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 991px) {


    .form-form .form-container {
        padding: 15px;
    }

    .form-form:before,
    .form-form:after {
        width: 100%;
        left: 0;
    }

    .auth-logo img {
        height: 150px;
        margin-top: 15px;
    }

    .form-form .form-container .form-content {
        padding: 20px 25px;
    }

    .form-form .form-form-wrap {
        /* height: auto; */
    }

    .LoginPageBody .loginMain {
        height: 100vh;
        background-position: center center;
    }

    .form-form {
        min-height: inherit;
    }
}

/*Login END*/


/*Left Menu --------------------------*/
.SidebarMenu {
    background-color: #171717;
    padding: 15px 0;
    min-height: 100vh;
    max-width: 380px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all .5s;
    width: 380px;
}

body:not(.expandMenu) .SidebarMenu {
    width: 80px;
    transition: all .5s;
}

body:not(.expandMenu) .SidebarMenu .LargelLogo {
    height: 0;
    display: none;
}

body:not(.expandMenu) .SidebarMenu .smallLogo {
    width: 50px;
    display: block;
}

body:not(.expandMenu) .SidebarMenu .sidemenuContent ul li a .TextMenu {
    display: none;
}

body:not(.expandMenu) .SidebarMenu .ProflieMenuContent a .TextMenu {
    font-size: 0;
    transition: all .5s;
}

.SidebarMenu .smallLogo {
    width: 0;
    display: none;
}

.SidebarMenu .menuCN {
    width: 100%;
}

body:not(.expandMenu) .SidebarMenu .logoContent {
    height: 60px;
}

body:not(.expandMenu) .MenuToggle .closeMenuIcon {
    display: none;
}

.expandMenu .MenuToggle .menuBtnIcon {
    display: none;
}

.closeMenuIcon {
    width: 20px;
}

.headerPage {
    padding: 10px 15px;
    background-color: #000000;
    box-shadow: 0px 4px 20px 0px #9A9A9A40;
}

.menuBtnIcon {
    width: 30px;
}

.pageTitle {
    font-size: 32px;
    color: var(--White);
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: 400;
}

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

.ProfileDropDwn {
    position: absolute;
    right: 10px;
    z-index: 9;
    min-width: 150px;
}

.ProfileDropDwn a {
    color: var(--ThemFont);
    padding: 5px 0;
    position: relative;
}

.ProfileDropDwn a:hover {
    color: var(--P_Purple);
}

.LargelLogo {
    height: 60px;
    display: block;
}

.logoContent {
    /* padding-bottom: 15px; */
    padding-left: 2px;
    border-bottom: 1px solid rgba(201, 201, 201, 0.3);
}

.sidemenuContent ul {
    list-style: none;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-top: 15px;
}

.sidemenuContent ul li {
    padding: 6px 10px;
}

.sidemenuContent ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 12px 10px;
    position: relative;
}

.sidemenuContent ul li a:not(.active) {}

.sidemenuContent ul li a .TextMenu {
    margin-left: 15px;
    color: var(--White);
}

.sidemenuContent ul li a .iconMenu img {
    width: 25px;
    min-width: 25px;
    opacity: 0.3;
}

.sidemenuContent ul li a.active {
    background-color: rgba(249, 249, 249, 0.10);
    border-radius: 4px;
    background: linear-gradient(90deg, #DF69FFB3 0%, #DF69FFB3 100%);
    /* width: 70%; */
    margin: 0px auto;
}

.sidemenuContent ul li a.active:after {
    /*content:'';position:absolute;width: 3px;height: 100%;top: 0;left: 0;background-color: var(--red);*/
}

.sidemenuContent ul li a.active .iconMenu img {
    opacity: 1;
}

.sidemenuContent ul li .navDropDown {
    position: relative;
}

.sidemenuContent ul li .navDropDown:after {
    content: '';
    position: absolute;
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 15px;
}

.sidemenuContent ul li .navDropDown:not(.collapsed):after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.dropdownContent {
    background-color: rgba(249, 249, 249, 0.10);
    min-width: 180px;
}

.sidemenuContent ul li .navDropDown:not(.collapsed) {
    background-color: rgba(249, 249, 249, 0.10);
}

.dropdownContent ul li {
    padding: 0;
}

.dropdownContent ul li a {
    padding: 6px 10px;
    color: #777575;
}

body:not(.expandMenu) .sidemenuContent ul li .navDropDown:after {
    display: none;
}

body:not(.expandMenu) .sidemenuContent {
    overflow-y: inherit;
}

body:not(.expandMenu) .sidemenuContent ul li {
    position: relative;
}

body:not(.expandMenu) .sidemenuContent ul li:hover .dropdownContent {
    display: block;
    position: absolute;
    left: 65px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0px 2px 10px -1px #C2D9A1;
    border-radius: 10px;
    top: 0;
}

body:not(.expandMenu) .sidemenuContent ul li:hover .dropdownContent a {
    justify-content: start;
}

body:not(.expandMenu) .sidemenuContent ul li:hover .dropdownContent a .TextMenu {
    font-size: 15px;
    display: block;
}

body:not(.expandMenu) .dropdownContent ul li a .TextMenu {
    margin-left: 0;
    white-space: nowrap;
}

body:not(.expandMenu) .sidemenuContent ul li a {
    justify-content: center;
}

body:not(.expandMenu) .dropdownContent ul li a:hover,
body:not(.expandMenu) .dropdownContent ul li a.active {
    color: var(--P_Purple);
}

body:not(.expandMenu) .dropdownContent ul {
    padding-top: 10px;
}

.ProflieMenuContent a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.ProflieMenuContent a .iconMenu img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.ProflieMenuContent a .TextMenu {
    margin-left: 15px;
    opacity: 0.7;
}

.sidemenuContent {
    max-height: calc(100vh - 30px);
    overflow-y: auto;
}

.closeSidebar {
    font-size: 46px;
    color: #fff;
    position: absolute;
    right: 18px;
    top: -5px;
}

@media (max-width:767px) {
    .SidebarMenu {
        position: fixed;
        z-index: 9;
        left: -700px;
    }

    .expandMenu .SidebarMenu {
        left: 0;
    }
}

/*End Left Menu*/

/*Dashboard*/
.card {
    border-radius: 10px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    position: relative;
    /* background-color: var(--Primary); */
    background-color: #171717;
}

.cardHome {
    background-color: var(--Primary);
}

.card:before {
    content: "";
    padding: 1px;
    position: absolute;
    inset: 0;
    border-radius: 10px;
    /* background: linear-gradient(180deg, #FFFFFF 0%, #666666 100%); */
    border-color: var(--ThemeBorderColor);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.card-body {
    padding: 20px;
    position: relative;
}

.DashboardCard {
    margin: 15px 0;
    height: 85%;
    min-height: 100px;
}

.filterDate .iconAddons {
    top: 11px;
    left: 28px;
}

.mainContent-Section {
    overflow: hidden;
}

.DashboardCard .countDCard {
    font-size: 42px;
    color: var(--Title);
    font-weight: 700;
}

.DashboardCard .CardText {
    font-size: 20px;
    color: var(--Discription);
}

.dashboardLogo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    z-index: -1;
}

.dashboardLogo img {
    height: 80px;
}

/**/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #f9f9f9;
    background: #fff;
    text-align: center;
    border-radius: 6px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #BFA6CC;
    background: #BFA6CC;
}

.ui-widget-header {
    border: 1px solid #EDE7F0;
    background: #EDE7F0;
}

.filterDate .AddoNleft18 {
    left: 18px;
}

.form-control.form-select {
    padding-right: 30px;
}

.ScrollPerFormData {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 0 12px;
}

.PerformanceDataDash .DashboardCard .countDCard {
    font-size: 30px;
}

.topBarnchesSidebar {
    background-color: #F6ECED;
    box-shadow: -5px 4px 15px 0px rgba(0, 0, 0, 0.05);
    min-height: calc(100vh - 0px);
    padding: 30px 30px 0 30px;
    margin-top: -80px;
    margin-right: -15px;
}

.titleSemeDash {
    color: var(--Title);
    font-size: 22px;
    font-weight: 700;
}

.topBrancheListingSec {
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.dashboardHeadOffice .DashboardCard .countDCard {
    font-size: 30px;
}

.daterangepicker td.in-range {
    background-color: #e9e1ee;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--P_Purple);
}


/**/
.customTabStyle {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

.customTabStyle ul {
    flex-wrap: nowrap;
}

.customTabStyle li .nav-link {
    color: var(--Title);
    font-size: 18px;
    font-weight: 500;
    padding: 10px 30px;
    border: 0;
    margin: 0;
    border-radius: 0;
}

.customTabStyle li .nav-link.active {
    background-color: #F5EAEB;
    position: relative;
}

.customTabStyle li .nav-link.active:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -1px;
    background-color: var(--red);
}

.ItemUserData .IcnUser {
    width: 25px;
}

.ItemUserData .IcnUser img {
    max-width: 20px;
    max-height: 20px;
}

.ItemUserData h5 {
    font-size: 20px;
    color: var(--Title);
    font-weight: 700;
}

.ItemUserData p {
    font-size: 16px;
    color: var(--Discription);
}

.ContentDetalSec {
    min-height: calc(100vh - 260px);
}

.ItemUserData .card-body {
    position: relative;
}

.ItemUserData .labelAmt {
    display: flex;
    justify-content: end;
}

.ItemUserData .labelAmt span {
    background-color: #FEF3F4;
    display: inline-block;
    padding: 5px 15px;
    color: var(--red);
    font-weight: 700;
    margin: -20px -20px 0;
    font-size: 20px;
    border-radius: 0 20px 0 8px;
}

.amtTitleSale {
    color: var(--Title);
    font-weight: 700;
    font-size: 24px;
}

.dataTables_length label {
    display: flex;
    align-items: center;
    color: #ffffff47;
}

.dataTables_length label .form-select {
    margin: 0 5px;
    width: 70px;
    background-color: transparent;
    border: 1px solid #676767;
    color: #B5B5B5B8;
    border-radius: 30px;
}

.pagination {
    justify-content: end;
}

.pagination li.disabled {
    opacity: 0.6;
}

.dataTables_filter {
    justify-content: end;
    display: flex;
}

.dataTables_filter label {
    display: flex;
    align-items: center;
}

.dataTables_filter label .form-control {
    margin-left: 10px;
    border-radius: 30px;
    background-color: #E9E1EA;
    padding: 8px 12px;
}

.pagination .page-link {
    background: none;
    border: 0;
    color: var(--White);
    font-weight: 600;
    border-radius: 50%;
    padding: 5px 14px;
    height: 35px;
}

.pagination li.active .page-link {
    color: #fff;
    position: relative;
    background-color: #000000;
}

.pagination li.active .page-link::before,
.dataTables_info::before {
    content: "";
    padding: 1px;
    position: absolute;
    inset: 0;
    border-radius: 25px;
    background: linear-gradient(180deg, #ffffff24 0%, #ffffff24 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}

.dataTables_info {
    position: relative;
    display: inline-block;
    padding: 8px 25px !important;
    border-radius: 10px;
    color: #959595;
    font-size: 14px;
}

.dataTables_info::before {
    border-radius: 8px;
}

.dropDownShowType .form-control {
    padding: 4px 25px 4px 10px !important;
    background-position: right .35rem center;
}

.text-red {
    color: var(--red);
}

.page-link:focus {
    box-shadow: none;
}


.addonsIcn {
    top: 8px;
    left: 12px;
}

.table tbody tr td {
    border-color: #B5B5B545;
    vertical-align: middle;
    background-color: transparent;
    color: #959595;
    font-weight: 300;
}

.table tbody tr td:first-child,
.table thead tr th:first-child {
    padding-left: 25px;
}

.table-secondary tr th {
    background-color: #2E2E2E;
    border: 0;
    font-weight: normal;
    color: #fff;
}

.form-control:focus {
    box-shadow: 0 0 0 .25rem #C2D9A11E;
    border-color: #F7983A;
}

.table tbody tr td:last-child,
.table thead tr th:last-child {
    text-align: center;
}

.uploadPhoto img {
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    height: 100px;
    width: 140px;
    object-fit: cover;
}

.modal-title {
    color: var(--White);
    font-size: 24px;
}

.modal-header .btn-close {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DF69FFB2'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    width: 5px;
    height: 5px;
    opacity: 1;
    margin-right: 0;
}

.dilaogDeleteIcon {
    margin: -50px 0 20px 0;
    text-align: center;
}

.deleteText {
    font-size: 24px;
    color: var(--Title);
}

.btn-dark {
    padding: .675rem 1.75rem;
    border-radius: 12px;
    min-width: 140px;
    background-color: var(--Title);
}

/**/
.btnAssign {
    background-color: var(--Discription, #365072);
    border-radius: 8px;
    color: #fff;
    padding: 5px 20px;
}

.btnAssign:hover {
    background-color: var(--red);
    color: #fff;
}

.iConRight .iconAddons {
    right: 15px;
    left: auto;
}

.iConRight .form-control {
    padding-left: 10px;
    padding-right: 35px;
}

.AssignLabel {
    background-color: #FFEFEF;
    padding: 15px;
    border-radius: 10px;
}

.ExistingDrop .btn-Existing {
    background-color: #FFEFEF;
    border-color: var(--red);
    color: var(--red);
    padding: 2px 10px;
}

/**/
.RightFilter input.form-control {
    width: 170px;
}

.RightFilter .filterDate .iconAddons {
    left: 18px;
}

.filterDrDwnBtn {
    color: var(--Discription);
    background-color: var(--bs-body-bg);
    border-radius: 10px;
    font-size: 1rem;
    padding: 12px 18px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    display: flex;
}

.filterDrDwnBtn:hover {
    background-color: #fff;
}

.filterDropDwn .dropContentFilter {
    position: absolute;
    z-index: 9;
    min-width: 400px;
    z-index: 9;
    margin-top: 15px;
    right: 0;
}

.titleDrop {
    padding: 10px 15px;
    border-bottom: 1px solid #E6E6E6;
}

.titleDrop .closeDrop {
    font-size: 30px;
    color: var(--red);
    line-height: 30px;
    cursor: pointer;
}

.filterDropDwn .dropContentFilter .card:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    top: -12px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 14px solid #fff;
    border-top: 0;
    right: 45px;
}

.ViewLeadDetailsSec .labelAmt span {
    font-weight: normal;
    color: var(--Title);
    font-size: 16px;
    min-width: 70px;
}

.ViewLeadDetailsSec .ItemUserData .card-body {
    cursor: pointer;
}

.TopStatus {
    background-color: #FFF0E5;
    color: #FB8334;
    padding: 22px 20px;
    margin: -20px -16px -20px 0;
    border-radius: 0 20px 0 0;
}

.modal-content {
    border-radius: 20px;
    background-color: #000000;
    color: var(--White);
}

.titleAbt {
    color: var(--Title);
    font-size: 17px;
}

p {
    color: var(--White);
}

.titleProDuct {
    color: #858585;
    font-size: 18px;
}

.PhotosItem img {
    border-radius: 12px;
    margin-right: 10px;
    width: 100px;
    height: 68px;
    object-fit: cover;
    border: 1px solid #E7E7E7;
}

.pinkBox {
    padding: 20px;
    background-color: #FFF7F8;
    border-radius: 10px;
}

.labelTitle {
    font-size: 20px;
    color: var(--Title);
}

.to48 {
    top: 48px;
}

.to10 {
    top: 10px;
}

hr {
    border-color: #ACACAC;
}

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

.vrLine {
    border-left: 1px solid #E6E6E6;
    height: 100%;
    display: block;
    width: 1px;
    margin: 0px auto;
}

.attLog .PhotosItem img {
    width: 150px;
    height: 100px;
}

.form-check-input:checked {
    background-color: var(--red);
    border-color: var(--red);
}

.form-check-input:focus {
    box-shadow: none;
}

.removeIc {
    position: absolute;
    right: 8px;
    background-color: #FF7270;
    color: #fff;
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    top: 7px;
}

.eyeHS {
    right: 13px;
    left: auto;
}

.form-switch .form-check-input:checked {
    background-color: #4CAF50;
    border-color: #4CAF50;
}


.ViewLeadDetailsSec .labelPending span {
    background-color: #FAEEE6;
    color: #FB8334;
}

.ViewLeadDetailsSec .labelWon span {
    background-color: #E8F1E7;
    color: #4BA33B;
}

.ViewLeadDetailsSec .labelPriced span {
    background-color: #F0EAF1;
    color: #935BA3;
}

.ViewLeadDetailsSec .labelDeal span {
    background-color: #E0F1FC;
    color: #2DA5D4;
}

.ViewLeadDetailsSec .labelPitchMiss span {
    background-color: #F7E9EE;
    color: #DB5383;
}

.titleMangePage {
    padding-bottom: 10px;
}

/*Datepicker Inline*/
/*.datePickerInlineMain .datepicker td, .datePickerInlineMain .datepicker th{font-size:18px;color:var(--Discription);position:relative;}
.datePickerInlineMain .datepicker-inline, .datePickerInlineMain .datepicker-inline table{width:100%;}
.datePickerInlineMain .datepicker.datepicker-inline td, .datePickerInlineMain .datepicker.datepicker-inline th,
.datePickerInlineMain .datepicker.dropdown-menu td, .datePickerInlineMain .datepicker.dropdown-menu th{padding:20px 5px;border-radius:18px;}
.datePickerInlineMain .datepicker .datepicker-switch{font-size:24px;color:var(--Title);font-weight:600;}
.datePickerInlineMain .datepicker .next, .datePickerInlineMain .datepicker .prev{font-size:28px;color:var(--red);font-weight:400;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{background:none;}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{background:#FFF7F8;}
.datePickerInlineMain .datepicker table tr td.today, .datePickerInlineMain .datepicker table tr td.today:hover{background: none;}
.datepicker .datepicker-days table tr td span{position: relative;z-index: 9;line-height: 10px;float: none;display: inline;}
.datepicker .datepicker-days table tr td span:hover{background:none;}
.datePickerInlineMain .datepicker table tr td.today span, .datePickerInlineMain .datepicker table tr td.today:hover span{background-color:var(--red);color:#fff;}
.datepicker table tr td.active.active, .datepicker table tr td.active.active:hover{background: none;}
.datepicker table tr td.active.active span{background-color:var(--Discription);color:#fff;}
.datePickerInlineMain .datepicker td:after{content:'';position:absolute;display:block;border-radius:10px;height:45px;width:45px;
  top:calc(50% - 23px);left:calc(50% - 23px);}
.datePickerInlineMain .datepicker td:hover:after{background-color:#FFF7F8;}
.datePickerInlineMain .datepicker td.today:after{background-color:var(--red);color:#fff;}
.datePickerInlineMain .datepicker td.active:after{background-color:var(--Discription);color:#fff;}
.datePickerInlineMain .datepicker td:before{content:'';position:absolute;display:block;border-radius:10px;height:45px;width:45px;
top:calc(50% - 23px);left:calc(50% - 23px);z-index: 99;}
.datePickerInlineMain .datepicker .prev{background-image:url('../images/prev.svg');background-repeat:no-repeat;background-position:center;
background-size:12px;color:transparent;}
.datePickerInlineMain .datepicker .next{background-image:url('../images/next.svg');background-repeat:no-repeat;background-position:center;
background-size:12px;color:transparent;}
.datepicker table tr td span.active.active{background:var(--red);}
.datepicker table tr td span.focused{background: var(--Discription);color: #fff;}*/
/**/

.appoinmentList .card-header {
    border-radius: 20px 20px 0 0;
    border-color: #E6E6E6;
    padding: 15px 20px;
}

.appoinmentList .form-label {
    font-size: 18px;
    color: var(--Title);
}

.appoinmentList time {
    color: var(--Discription);
    font-size: 14px;
}

.appointmentScroll {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

/**/
.itemCardLeadL .leftCardimg img {
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 8px;
}

.itemCardLeadL .rightCardConTex h4 {
    font-weight: 700;
    font-size: 22px;
    color: var(--Title);
}

.itemCardLeadL .rightCardConTex .titleProDuct {
    color: var(--Discription);
}

.ConBodyAppoManager .dashboardCardSection {
    min-height: calc(100vh - 170px);
}

.appoiBooked {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #14966F;
}

.leadContactDeBox {
    background-color: #FFF7F8;
    padding: 20px;
    border-radius: 12px;
}

.borderRightAddAppo {
    border-right: 1px solid #E6E6E6;
    padding-right: 30px;
}

.leadContactDeBox h5 {
    font-weight: 700;
    color: var(--Title);
    font-size: 20px;
}

.itemInqDetails h6 {
    min-width: 150px;
}

.imgAddedList img {
    border-radius: 10px;
    height: 80px;
    width: 110px;
}

.PaddLeftAddAppo {
    padding-left: 30px;
}

.contentAppoAdd .itemInqDetails h6 {
    min-width: 180px;
}

.upcomingLabel {
    color: #44B527;
    font-weight: 700;
    display: block;
    text-align: right;
}


/**/
.imgCirclePlace {
    height: 35px;
    width: 35px;
    object-fit: cover;
    border-radius: 50%;
}

.headerRow,
.footRow {
    margin: 0;
    align-items: center;
}

.headerRow {
    margin-bottom: 15px;
}

.imgThumbnail {
    border-radius: 10px;
    width: 100px;
    height: 80px;
    box-shadow: 0px 4px 0px 0px #C2D9A1;
}

.card-title {
    color: var(--P_Purple);
}

.card-header {
    background-color: transparent;
    border-color: #E8E8E5;
}

.UploadyThumbnail .uploadPhoto img {
    height: 300px;
    border: 2px dashed #DED9B5;
    margin-right: 0;
}

.sparetore {
    margin-top: 15px;
}

/*.WelcomeCard{background:linear-gradient(179.36deg, #B49CD7 -11.18%, #615D8A 73.94%);}*/
.DashCardOpt1 {
    min-height: 300px;
}

.DashCardOpt2 {
    min-height: 300px;
}

.DashCardOpt3 {
    height: 100%;
    background-position: bottom right;
    background-size: cover;
}

.WelcomeCard h3 {
    font-size: 28px;
    font-weight: 400;
}

.WelcomeCard p {
    color: var(--White);
    opacity: 0.6;
    font-size: 16px;
}

.top12 {
    top: 10px;
}

.countTitle {
    color: var(--White);
    font-size: 80px;
    font-weight: 600;
}

.NameCard {
    color: var(--White);
    ;
    font-size: 24px;
}

.DashboardContainer {
    padding: 15px 30px;
}

.WelcomeCard .form-group .form-control {
    border-radius: 20px;
    border-color: var(--ThemeBorderColor);
    color: #eee;
    background: var(--Primary);
    border-color: #ffffff26;
}


/**/
.toolTipsC {
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.IndiCateNoti {
    height: 8px;
    width: 8px;
    background-color: #FF0000;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

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

.ProfileDropDwn .card:before {
    border-radius: 10px;
}

.minHeight400 {
    min-height: 410px;
}

.modal .btn-primary {
    background: var(--Primary);
    border-color: var(--Primary);
    color: var(--White);
}

.modal .btn-orange {
    background: var(--Orange);
    border-color: var(--Orange);
    color: var(--White);
}

.modal .btn-theme {
    background: var(--ThemFont);
    border-color: var(--ThemFont);
    color: var(--White);
}

.profilePic {
    text-align: center;
}

.image-wrapper {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.subAdminPrImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.delete-icon {
    position: absolute;
    top: 8px;
    right: -25px;
    cursor: pointer;

    z-index: 5;
}

.brand-name {
    margin-top: 12px;
    font-weight: 500;
    color: #DF69FFB3;
}

.profilePic img {
    height: 200px;
    width: 200px;
    border-radius: 20px;
    object-fit: cover;
}

.profileInfo h5 {
    font-size: 26px;
}

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

.ProfileCardCon {
    min-height: 600px;
}

.updateProFic img {
    object-fit: contain;
}

.btn-subadmin,
.searchFiled .form-control {
    background: linear-gradient(109.38deg, rgba(22, 22, 22, 0.4) 1.11%, rgba(22, 22, 22, 0) 108.57%);
    border: 1px solid #676767;
    color: #B5B5B5B8;
    border-radius: 30px;
    padding: 10px 25px;
    font-weight: 600;
}

.btn-subadmin:hover {
    border: 1px solid #333;
    color: #B5B5B5B8;
    background: #000;
}

.dataTables_filter {
    /* display: none; */
}

.topbarWithDatatable {
    margin-bottom: -50px;
}

.searchFiled .form-control {
    padding-left: 34px;
}

.imgAdmin {
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 10px;
}

.FilterSearchBtn {
    right: 15px;
    top: 8px;
}

.collapseFilterBox {
    width: 100%;
    min-width: 450px;
}

.titleFilterBox h5 {
    font-size: 18px;
    color: #BDBDBDB8;
}

.titleFilterBox .closeBtn {
    font-size: 32px;
    line-height: 8px;
}

.form-check-input {
    border-color: #fff;
}

.CheckGroup .form-check {
    color: #fff;
}

.CheckGroup h6 {
    font-weight: 600;
    font-size: 18px;
}

.itemFormCheck {
    padding: 6px 15px 6px 25px;
}

.FilterBoxBody {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.collapseFilterBox .card {
    background-color: #000000a3;
}

.noGutter {
    margin: 0;
}

.noGutter .col-md-6 {
    padding: 0;
}

/*table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
bottom:50%;content:"";height:14px;width:14px;background-image:url('../images/sort-icon.svg');
display:inline-block;background-size:contain;margin:0 0 -2px 2px;}*/
.profilePic .subAdminPrImg {
    border: 1px solid #DF69FFB3;
    width: 100%;
    height: 340px;
    background-color: #000000;
    max-width: 300px;
    max-height: 300px;
    width: 340px;
    object-fit: cover;
}

.EdtPhotoAdmin {
    position: absolute;
    right: 0;
    bottom: 0;
}

.EdtPhotoAdmin img {
    width: 30px;
    height: 30px;
}

.itemUsrInfo .IconUPr {
    width: 35px;
    text-align: center;
}

.itemUsrInfo .IconUPr img {
    width: 20px;
}

/* ---------- Product Gallery ---------  */
.product-gallery__container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.product-gallery__main-slider {
    width: 100%;
    padding-right: 0px;
}

.product-gallery__main-slider a {
    display: block;
}

.product-gallery__main-slider img {
    width: 100%;
    cursor: crosshair;
    height: 520px;
    object-fit: cover;
    border-radius: 30px;
}

.product-gallery__vertical-slider {
    width: 100%;
}

.product-gallery__vertical-slider .slick-slide {
    margin: 0 0 15px;
    border: 0;
}

.product-gallery__vertical-slider .slick-current img {
    opacity: 1;
    border: 2px solid #EA622C;
}

.product-gallery__vertical-slider img {
    width: 100%;
    opacity: .5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}

.GalleryItems img {
    width: 90%;
    height: 80px;
    object-fit: cover;
    border: 2px solid #D2D1D1;
    border-radius: 12px;
}

@media screen and (max-width: 992px) {
    .GalleryItems img {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .product-gallery__main-slider img {
        height: 320px;
    }

    .GalleryItems img {
        width: 90%;
        height: 60px;
    }
}

/**/
.text-underline {
    text-decoration: underline;
}

.table td .btn,
.table td .btn:active {
    min-width: 110px !important;
    padding: 0.325rem 0.75rem !important;
}

select option {
    background-color: var(--Primary);
}

.btn-sm {
    min-width: inherit;
    padding: 8px 20px;
    min-width: 140px;
}

.fontSm {
    font-size: 80%;
    font-weight: 400;
}

.SidebarPost {
    position: absolute;
    top: 0;
    right: -200%;
    width: 100%;
}

.SidebarPost.vewMore {
    right: 0;
}

.closeSideBar {
    height: 25px;
    width: 25px;
    background-color: #fff;
    color: #33363F;
    font-size: 32px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 10px;
}

.postedLabel {
    min-width: 200px;
}

.iconNoti img {
    width: 50px;
    min-width: 50px;
}

.ContentNoti h6 {
    font-size: 20px;
    font-weight: 600;
}

.ListNotification {
    padding: 15px 20px;
    border-bottom: 1px solid #B5B5B545;
    flex-wrap: wrap;
}

.ListNotification:first-child {
    border-top: 1px solid #B5B5B545;
}

.ContentNoti {
    max-width: 80%;
}

.iconNoti {
    position: relative;
}

.countNotifi {
    height: 8px;
    width: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 4px;
}

.notificationContent {
    max-height: calc(100vh - 280px);
    overflow-y: auto;
}

.appNameSideBar {
    background: -webkit-linear-gradient(45deg, #4CA99B, #1E433D 120%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    display: inline-block;
    height: auto;
    font-size: 28px;
    font-family: "Young Serif", serif;
}

.dt--top-section .row {
    margin: 0;
}

.dt--bottom-section {
    padding: 0 15px;
}

.modal-header {
    border-bottom-color: #dee2e62b;
}

.modal-footer {
    border-top-color: #dee2e62b;
}

.DropDownContryCode {
    position: absolute;
    width: 5.2rem;
    padding: 10px 12px;
    top: 3px;
    background-color: transparent;
    left: 2px;
}

.PhoneWithCountryCode input.form-control {
    padding-left: 5rem;
}

.modal-backdrop {
    background-color: rgba(79, 79, 79, 0.80);
}

.formProfilePage .form-control {
    background-color: #000 !important;
    border: 0;
    color: #fff;
}

.formProfilePage .form-label {
    color: #fff;
}

#eventDetails_wrapper .dataTables_length {
    padding-left: 10px;
}

#eventDetails_wrapper .dataTables_info {
    margin-left: 10px;
}

#eventDetails tbody tr td,
#memberDetails tbody tr td,
#organizationDetails tbody tr td {
    cursor: pointer;
}

#memberDetails_wrapper .dataTables_length {
    padding-left: 10px;
}

#memberDetails_wrapper .dataTables_info {
    margin-left: 10px;
}

.text-success {
    color: #369E05 !important;
}

.text-warning {
    color: #DBBA00 !important;
}

.pagination .page-item.previous a {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6.75" height="12.375" viewBox="0 0 6.75 12.375"><path id="prv" d="M.625,7a.561.561,0,0,0,.165.4l5.625,5.625a.562.562,0,0,0,.8-.8L1.983,7,7.21,1.773a.562.562,0,0,0-.8-.8L.79,6.6A.561.561,0,0,0,.625,7Z" transform="translate(-0.625 -0.813)" fill="%23fff"/></svg>');
    background-size: 9px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
    margin-right: 10px;
}

.pagination .page-item.next a {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6.75" height="12.375" viewBox="0 0 6.75 12.375"><path id="next" d="M7.375,7a.561.561,0,0,1-.165.4L1.585,13.023a.562.562,0,0,1-.8-.8L6.017,7,.79,1.773a.562.562,0,0,1,.8-.8L7.21,6.6A.561.561,0,0,1,7.375,7Z" transform="translate(-0.625 -0.813)" fill="%23fff"/></svg>');
    background-size: 9px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
    margin-left: 10px;
}

.StatusLabelInDet {
    border: 1px solid #2E2E2E;
    border-radius: 50px;
    padding: 10px 30px;
}

.btn-outline-success {
    border-radius: 12px;
    border-color: #DF69FFB3;
}

.cardOrgInner {
    background-color: #1C1C1C;
    border: 1px solid #303032;
    border-radius: 10px;
}

.titleOrgititle {
    color: #DF69FFB3;
    font-size: 24px;
}

.AuthForm .ThemFont {
    color: var(--ThemFont);
}

.ThemFont {
    color: var(--ThemFont);
}

a {
    cursor: pointer;
}

.brandBranchesContent .form-control {
    padding-left: 70px;
}

.brandBranchesContent .iconAddons {
    top: 22px;
    left: 17px;
}

#organizationDetails_filter label {
    position: relative;
}

#organizationDetails_filter .SerchIcon {
    position: absolute;
    left: 18px;
}

#organizationDetails_filter input.form-control {
    padding-left: 40px;
}

#memberDetails_filter label {
    position: relative;
}

#memberDetails_filter .SerchIcon {
    position: absolute;
    left: 18px;
}

#memberDetails_filter input.form-control {
    padding-left: 40px;
}

#eventDetails_filter label {
    position: relative;
}

#eventDetails_filter .SerchIcon {
    position: absolute;
    left: 18px;
}

#eventDetails_filter input.form-control {
    padding-left: 40px;
}

.hrDashed {
    border-top: 2px dashed #49A093;
}

.ImgProfileVerifi {
    width: 260px;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
    margin: 10px;
}

.carRatingSec {
    background-color: #000000;
    border-radius: 12px;
}

canvas#doughnutChart {
    max-width: 100px;
    max-height: 100px;
    min-width: 100px;
    min-height: 100px;
    background-color: #19151F;
    border-radius: 50%;
}

.ItemRatCategory {
    /* border: 1px solid #DF69FFB3; */
    border-radius: 10px;
}

.ItemRatCategory span {
    display: block;
    background-color: #DF69FFB3;
    color: #fff;
    padding: 15px 15px;
    border-radius: 10px 0 0 10px;
}

.OverAllRatingPosition {
    position: absolute;
    font-size: 28px;
    left: 40px;
    font-weight: 600;
    color: #DF69FFB3;
}

.ItemBanHis {
    border-radius: 10px;
    background-color: #171717;
}

.ImgEventUser img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.Clubing {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 3px 20px;
    margin-bottom: 5px;
}

.TitleEventDetails {
    font-size: 28px;
}

.BranchNameEvents {
    font-size: 18px;
    color: #A3A1A5;
}


/*.select2-container--default .select2-selection--multiple{border:1px solid #DED9B5!important;
    border-radius:10px!important;min-height:48px!important;}
    .daterangepicker{z-index: 9999;}*/

/*.navbar-vertical{max-width:280px;}   theme.css - line - 21638
.navbar-vertical .navbar-nav .nav-icon{min-width:15px;} theme.css - line - 21561
#page-content{margin-left:17.625rem;}  theme.css - line - 21761
@media (min-width: 768px) {
    #db-wrapper.toggled .navbar-vertical {
        margin-left: -18rem;
    }
} theme.css - line - 21798*/





/*Media Query*/
@media screen and (max-width: 1440px) {
    .itemCardLeadL .leftCardimg img {
        height: 70px;
        width: 70px;
    }
}

@media screen and (max-width: 1199px) {
    .DashboardCard .countDCard {
        font-size: 30px;
    }

    .filterDate .iconAddons {
        top: 7px;
    }

    .addOnceIcon .form-control {
        padding-left: 45px;
    }

    .form-control.form-select {
        padding-right: 30px;
    }

    .iConRight .form-control {
        padding-left: 10px;
        padding-right: 35px;
        top: 39px;
    }

    .iConRight.addOnceIcon .iconAddons {
        top: 39px;
    }

    .countTitle {
        font-size: 60px;
    }

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

@media screen and (max-width: 992px) {
    .ScrollPerFormData {
        max-height: none;
        overflow-y: inherit;
    }

    .topBarnchesSidebar {
        margin-top: 20px;
        margin-right: 0;
    }

    .topBrancheListingSec {
        max-height: none;
    }

    .topBarnchesSidebar {
        padding: 20px 10px 0 10px;
    }

    .borderRightAddAppo {
        padding-right: 15px;
        border-right: 0;
    }

    .PaddLeftAddAppo {
        padding-left: 15px;
    }

    .DashCardOpt1,
    .DashCardOpt2,
    .DashCardOpt3 {
        min-height: 220px;
    }

    .DashCardOpt3 {
        margin: 20px 0 30px 0;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .loginTitle {
        font-size: 30px;
    }

    .loginSubtitle {
        font-size: 18px;
    }

    .itemInqDetails h6 {
        font-size: 16px;
        min-width: 110px;
    }

    .imgAddedList img {
        height: 60px;
        width: 80px;
    }

    .contentAppoAdd .itemInqDetails h6 {
        min-width: inherit;
    }

    .DashboardContainer {
        padding: 15px 0;
    }

    .collapseFilterBox {
        min-width: 300px;
    }
}

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

    .PhotosItem img,
    .attLog .PhotosItem img {
        width: 80px;
        height: 60px;
    }

    .pageTitle {
        font-size: 18px;
        max-width: 150px;
        line-height: 20px;
    }

    .btn-primary {
        min-width: inherit;
    }

    .card-body {
        padding: 15px;
    }

    .appoinmentList .card-header {
        padding: 12px 15px;
    }

    .PrifileImg img {
        height: 35px;
        width: 35px;
    }

    /**/
    .datePickerInlineMain .datepicker td:after {
        height: 35px;
        width: 35px;
        top: calc(50% - 18px);
        left: calc(50% - 18px);
    }

    .datePickerInlineMain .datepicker.datepicker-inline td,
    .datePickerInlineMain .datepicker.dropdown-menu td {
        padding: 15px 5px;
    }

    .datePickerInlineMain .datepicker.datepicker-inline th,
    .datePickerInlineMain .datepicker.dropdown-menu th {
        padding: 5px 5px;
    }

    .itemCardLeadL .card-body {
        padding: 10px 12px;
    }

    .appoiBooked {
        top: 0;
    }

    .itemCardLeadL .leftCardimg img {
        height: 60px;
        width: 60px;
    }

    .itemCardLeadL .rightCardConTex h4 {
        font-size: 20px;
    }

    .titleProDuct {
        font-size: 16px;
    }

    .ContentNoti {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .topbarWithDatatable {
        margin-bottom: 0;
    }

    .topbarWithDatatable .form-group.col-6.order-3.order-lg-2 {
        width: 100%;
    }

    .ProfileDropDwn {
        right: -20px;
    }
}

.text-theme-font {
    color: var(--ThemFont) !important;
}

.bg-theme {
    background-color: var(--ThemeBorderColor) !important;
}

.text-forgot-pass-font {
    color: #FFFFFF80;
}

.btn-theme {
    background: linear-gradient(90deg, #DF69FFB3 0%, #DF69FFB3 100%) !important;
    border-color: var(--Primary) !important;
}

.btn-theme:hover {
    background: linear-gradient(90deg, #DF69FFB3 0%, #DF69FFB3 100%) !important;
    border-color: var(--Primary) !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.table td .btn.text-theme-font,
.table td .btn.text-theme-font:active {
    min-width: unset !important;
}

/* General styling for checkboxes */
input[type="checkbox"].mark_featured {
    -webkit-appearance: none;
    /* Removes default styling in Webkit browsers (Chrome, Safari) */
    -moz-appearance: none;
    /* Removes default styling in Firefox */
    appearance: none;
    /* Removes default styling in all modern browsers */
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    /* Light grey border */
    border-radius: 4px;
    /* Rounded corners */
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

/* Checkmark when checked */
input[type="checkbox"].mark_featured:checked {
    border-color: var(--CheckboxColor);
}

/* Checkmark appearance */
input[type="checkbox"].mark_featured:checked::before {
    content: '';
    /* Insert the checkmark */
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    background-color: var(--CheckboxColor);
    ;
    /* White checkmark */
    /* clip-path: polygon(0% 40%, 40% 100%, 100% 0%, 100% 40%, 40% 100%, 0% 0%); */
    clip-path: polygon(0% 30%, 30% 100%, 100% 0%, 100% 20%, 40% 100%, 0% 16%);
}

/* Hover effect */
input[type="checkbox"].mark_featured:hover {
    border-color: var(--CheckboxColor);
}

/* Focus state (when the checkbox is selected with keyboard or mouse) */
input[type="checkbox"].mark_featured:focus {
    outline: none;
    border-color: var(--CheckboxColor);
    ;
    /* Orange outline when focused */
}

/* Disabled state */
input[type="checkbox"].mark_featured:disabled {
    background-color: #f0f0f0;
    /* Light grey background */
    border-color: #ccc;
    /* Light grey border */
    cursor: not-allowed;
    /* Change cursor to indicate it's disabled */
}

.dataTables_filter {
    position: absolute;
    left: 220px;
    top: 1.6rem;
    color: var(--ThemFont) !important;
}

.dt--bottom-section {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 0.2rem;
    margin-bottom: 0.5rem;
}

.dataTables_length {
    margin-bottom: 1rem;
    margin-left: 1rem;
}

.dataTables_filter input {
    width: 30vw !important;
    background: #171717 !important;
    color: white !important;
    border-color: var(--LightGray) !important;
}

.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid var(--ThemFont);
    border-top: 5px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

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

/* Popup Styling */
.img-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .1);
    border: var(--ThemeBorderColor);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 9999;
}

.img-popup img {
    height: 90vh;
    /* max-width: 900px;
    width: 100%; */
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

.close-btn {
    width: 35px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.close-btn .bar {
    height: 4px;
    background: #333;
}

.close-btn .bar:nth-child(1) {
    transform: rotate(45deg);
}

.close-btn .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
}

.opened {
    display: flex;
}

.opened img {
    animation: animatepopup 1s ease-in-out .8s;
    -webkit-animation: animatepopup .3s ease-in-out forwards;
    background-color: #000000;
    padding: 15px;
    border-radius: 10px;
}

@keyframes animatepopup {

    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

}

.img-popup #slide-left {
    margin-right: -72px;
    position: relative;
    z-index: 9;
    opacity: .5;
    cursor: pointer;
}

.img-popup #slide-right {
    margin-left: -72px;
    position: relative;
    z-index: 9;
    opacity: .5;
    cursor: pointer;
}

.img-popup #slide-left img,
.img-popup #slide-right img {
    background-color: transparent;
    width: 55px;
    padding: 0;
}

.img-popup #slide-left:hover,
.img-popup #slide-right:hover {
    opacity: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.badge-dot-sidebar {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
}

.badge-dot-sidebar.sidebar-notification-dot {
    position: absolute;
    top: -2px;
    right: 2px;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    border: 1px solid #fff;
}


.carousel-indicators button[data-bs-target] {
    border-top: 0;
    border-bottom: 0;
    border-radius: 22px;
    width: 10px;
    height: 10px;
    transition: 0.5s;
}

.carousel-indicators button.active {
    width: 22px;
}

.DropDownContryCode:focus {
    box-shadow: none;
    outline: none;
}

.expandMenu .notificationCountCss {
    display: inline-flex;
    padding: 4px;
    background-color: #8d0083;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

.notificationCountCss {
    display: none;
}

.web-logo {
    display: block;
    margin: 0 auto;
    /* width: 315px; */
    height: 220px;
    /* margin-bottom: 30px; */
}

.dataTables_filter_date {
    width: 400px;
    position: absolute;
    right: 20px;
    top: 1.6rem;

}

.filter_date_container {

    border-radius: 20px !important;
    border-color: var(--ThemeBorderColor);
    color: #fff !important;
    background: transparent;
    border-color: #ffffff26 !important;
}

.filter_date_container:focus {
    background: transparent !important;
}


/* Change text color, font size, and padding */
.swal2-validationerror {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: none !important;
    padding: 0 !important;
    color: red !important;
}

.swal2-validationerror::before {
    content: none !important;
    /* removes any generated content */
    display: none !important;
    /* ensures it doesn’t show */
}