:root {
--themelight: #2796D4;
--themedark: #1D3855;
--cardlight: #ACE1FF;
--carddark: #6F87A0;
--dtcardbg: #EEE;
--ttcardbg: #E3FFDA;
--ptcardbg: #FFEBEB;
--icon-share: url('data:image/svg+xml,');
--icon-timeline: url('data:image/svg+xml,');
--icon-boundary: url('data:image/svg+xml,');
--icon-agenda: url('data:image/svg+xml,');
--icon-associate: url('data:image/svg+xml,');
--icon-associate-nav: url('data:image/svg+xml,');
--icon-customer: url('data:image/svg+xml,');
--icon-project: url('data:image/svg+xml,');
--icon-notification: url('data:image/svg+xml,');
--icon-filter: url('data:image/svg+xml,');
--icon-lead: url('data:image/svg+xml,');
--icon-website: url('data:image/svg+xml,');
--icon-visit: url('data:image/svg+xml,');
--icon-booking: url('data:image/svg+xml,');
--icon-booking-dark: url('data:image/svg+xml,');
--icon-magicbricks: url('data:image/svg+xml,');
--icon-magicbricks-sm: url('data:image/svg+xml,');
--icon-fb: url('data:image/svg+xml,');
--icon-housing: url('data:image/svg+xml,');
--icon-99: url('data:image/svg+xml,');
--icon-99-sm: url('data:image/svg+xml,');
--icon-calender: url('data:image/svg+xml,');
--icon-lead-sm-dark: url('data:image/svg+xml,');
--trophy-img: url('data:image/svg+xml,');
--icon-medal: url('data:image/svg+xml,');
--icon-followup: url('data:image/svg+xml,');
--icon-pendingtask: url('data:image/svg+xml,');
--icon-masters: url('data:image/svg+xml,');
--icon-expmasters: url('data:image/svg+xml,');
--icon-visitor: url('data:image/svg+xml,');
--icon-gift: url('data:image/svg+xml,');
--icon-prospect-sm: url('data:image/svg+xml,');
--icon-associate-sm: url('data:image/svg+xml,');
--icon-project-sm: url('data:image/svg+xml,');
--icon-leads-sm: url('data:image/svg+xml,');
--icon-booking-sm: url('data:image/svg+xml,');
--icon-booking-appr-sm: url('data:image/svg+xml,');
--icon-visit-sm: url('data:image/svg+xml,');
--icon-associate-list: url('data:image/svg+xml,');
--icon-tree-sm: url('data:image/svg+xml,');
--icon-graph: url('data:image/svg+xml,');
--icon-associate-verified: url('data:image/svg+xml,');
--icon-check: url('data:image/svg+xml,');
--icon-inventory: url('data:image/svg+xml,');
--icon-building: url('data:image/svg+xml,');
--icon-floor: url('data:image/svg+xml,');
--icon-flat: url('data:image/svg+xml,');
--icon-rawhouse: url('data:image/svg+xml,');
--icon-farm: url('data:image/svg+xml,');
--icon-plot: url('data:image/svg+xml,');
--icon-apartment: url('data:image/svg+xml,');
--icon-inventoryupdate: url('data:image/svg+xml,');
--icon-quotation: url('data:image/svg+xml,');
--icon-edit: url('data:image/svg+xml,');
--icon-delete: url('data:image/svg+xml,');
--icon-add: url('data:image/svg+xml,');
--icon-login: url('data:image/svg+xml,');
--icon-tree: url('data:image/svg+xml,');
--icon-followup-sm: url('data:image/svg+xml,');
--icon-more-tag: url('data:image/svg+xml,');
--icon-dashboard: url('data:image/svg+xml,');
--icon-generete-commision: url('data:image/svg+xml,');
--icon-payment: url('data:image/svg+xml,');
--icon-loan: url('data:image/svg+xml,');
--icon-associate-payment: url('data:image/svg+xml,');
--icon-payment-associate: url('data:image/svg+xml,');
--icon-report: url('data:image/svg+xml,');
--icon-ext-links: url('data:image/svg+xml,');
--icon-call: url('data:image/svg+xml,');
--icon-sms: url('data:image/svg+xml,');
--icon-bulk-sms: url('data:image/svg+xml,');
--icon-call-noti: url('data:image/svg+xml,');
--icon-call-log: url('data:image/svg+xml,');
--icon-setting: url('data:image/svg+xml,');
--icon-circle: url('data:image/svg+xml,');
--icon-key: url('data:image/svg+xml,');
--icon-flag: url('data:image/svg+xml,');
--icon-target: url('data:image/svg+xml,');
--icon-whatsapp: url('data:image/svg+xml,');
--icon-email: url('data:image/svg+xml,');
--icon-call-xsm: url('data:image/svg+xml,');
--icon-whatsapp-xsm: url('data:image/svg+xml,');
--icon-email-xsm: url('data:image/svg+xml,');
--icon-associate-transfer: url('data:image/svg+xml,');
--icon-inquiry-master: url('data:image/svg+xml,');
--icon-integration: url('data:image/svg+xml,');
--icon-extra-fields-mapping: url('data:image/svg+xml,');
--icon-homeonline: url('data:image/svg+xml,');
--icon-homeonline-lg: url('data:image/svg+xml,');
--icon-homeonline-card: url('data:image/svg+xml,');
--icon-magicbricks-lg: url('data:image/svg+xml,') --icon-share: url('data:image/svg+xml,');
--icon-ivr-list: url('data:image/svg+xml,');
--icon-add-dark: url('data:image/svg+xml,');
--icon-add-white: url('data:image/svg+xml,');
--icon-unitBoundary: url('data:image/svg+xml,');
--icon-chequeBounce: url('data:image/svg+xml,');
--icon-realestateindia-lg: url('data:image/svg+xml,');
--icon-realestateindia-sm: url('data:image/svg+xml,');
--icon-Treearrow: url('data:image/svg+xml,');
}
.arrow_conn {
content: var(--icon-Treearrow);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.realestateindia-sm {
content: var(--icon-realestateindia-sm);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.realestateindia-lg {
content: var(--icon-realestateindia-lg);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 0;
width: 15rem;
}
.integration {
content: var(--icon-integration);
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.extra-fields-mapping {
content: var(--icon-extra-fields-mapping);
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.associate {
content: var(--icon-associate);
-webkit-font-smoothing: antialiased;
padding-bottom: 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.website-icon {
content: var(--icon-website);
-webkit-font-smoothing: antialiased;
padding-bottom: 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.associatenav {
content: var(--icon-associate-nav);
-webkit-font-smoothing: antialiased;
padding-bottom: 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.customer {
content: var(--icon-customer);
-webkit-font-smoothing: antialiased;
padding-bottom: 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.project {
content: var(--icon-project);
-webkit-font-smoothing: antialiased;
padding-bottom: 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.leads {
content: var(--icon-lead);
-webkit-font-smoothing: antialiased;
padding-bottom: 10px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.agenda {
content: var(--icon-agenda);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.pendingtask {
content: var(--icon-pendingtask);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.visits {
content: var(--icon-visit);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.booking {
content: var(--icon-booking);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.booking-dark {
content: var(--icon-booking-dark);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.followup {
content: var(--icon-followup);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.magicbricks {
content: var(--icon-magicbricks);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.magicbricks-lg {
content: var(--icon-magicbricks-lg);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 0;
width: 15rem;
}
.fb {
content: var(--icon-fb);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.nnacres {
content: var(--icon-99);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.housing {
content: var(--icon-housing);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.homeonline {
content: var(--icon-homeonline);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.homeonline-card {
content: var(--icon-homeonline-card);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.homeonline-lg {
content: var(--icon-homeonline-lg);
-webkit-font-smoothing: antialiased;
padding-bottom: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 0;
width: 15rem;
}
.notification {
content: var(--icon-notification);
padding-top: 0.4rem !important;
padding-right: 0.5rem !important;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.filtericon {
content: var(--icon-filter);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.magicbricks-sm {
content: var(--icon-magicbricks-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.housing-sm {
content: var(--icon-housing);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.calender {
content: var(--icon-calender);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.master {
content: var(--icon-masters);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.dashboard {
content: var(--icon-dashboard);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.boundary {
content: var(--icon-boundary);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.expmaster {
content: var(--icon-expmasters);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.visitor {
content: var(--icon-visitor);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.call {
content: var(--icon-call);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.callxsm {
content: var(--icon-call-xsm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.whatsappxsm {
content: var(--icon-whatsapp-xsm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.emailxsm {
content: var(--icon-email-xsm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
stroke: currentColor !important;
fill: currentColor !important;
}
.sms {
content: var(--icon-sms);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.bulksms {
content: var(--icon-bulk-sms);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.setting {
content: var(--icon-setting);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.circle {
content: var(--icon-circle);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.whatsapp {
content: var(--icon-whatsapp);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.emaillg {
content: var(--icon-email);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.target {
content: var(--icon-target);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.flag {
content: var(--icon-flag);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.key {
content: var(--icon-key);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.callnoti {
content: var(--icon-call-noti);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.call-log {
content: var(--icon-call-log);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.gift {
content: var(--icon-gift);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.commision-gnrt{
content: var(--icon-generete-commision);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.associate-transfer-sm {
content: var(--icon-associate-transfer);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.ivr-calling {
content: var(--icon-ivr-list);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.inquiry-master-sm {
content: var(--icon-inquiry-master);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.customer-sm {
content: var(--icon-prospect-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.nnacres-sm {
content: var(--icon-99-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
color:inherit;
}
.associate-sm {
content: var(--icon-associate-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.project-sm {
content: var(--icon-project-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.unitboundary {
content: var(--icon-unitBoundary);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.chequeBounce {
content: var(--icon-chequeBounce);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
height:20px;
width:20px;
}
.leads-sm {
content: var(--icon-leads-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.booking-sm {
content: var(--icon-booking-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.visit-sm {
content: var(--icon-visit-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.associate-list-sm {
content: var(--icon-associate-list);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.tree-sm {
content: var(--icon-tree-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.share {
content: var(--icon-share);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.graph-sm {
content: var(--icon-graph);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.associateapproval-sm {
content: var(--icon-associate-verified);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.attendence-sm {
content: var(--icon-check);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.inventory-sm {
content: var(--icon-inventory);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.updateinventory {
content: var(--icon-inventoryupdate);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.building-icon {
content: var(--icon-building);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.floors {
content: var(--icon-floor);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.flat-icon {
content: var(--icon-flat);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.rowhouse-icon {
content: var(--icon-rawhouse);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.farmland-icon {
content: var(--icon-farm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.plot-icon {
content: var(--icon-plot);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.apartment-icon {
content: var(--icon-apartment);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.tags {
content: var(--icon-more-tag);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.quotaion {
content: var(--icon-quotation);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.edit {
content: var(--icon-edit);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.timeline {
content: var(--icon-timeline);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.share {
content: var(--icon-share);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.delete {
content: var(--icon-delete);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.pluscircle {
content: var(--icon-add);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.login {
content: var(--icon-login);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.followup-sm {
content: var(--icon-followup-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.bookingappr-sm {
content: var(--icon-booking-appr-sm);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.payment {
content: var(--icon-payment);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.bankloan {
content: var(--icon-loan);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.asso-payment {
content: var(--icon-associate-payment);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.pay-associate {
content: var(--icon-payment-associate);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.reports {
content: var(--icon-report);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.ext-links {
content: var(--icon-ext-links);
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.lead-sm-dark {
content: var(--icon-lead-sm-dark);
-webkit-font-smoothing: antialiased;
padding-bottom: 6px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
margin-top:auto;
}
.trophy {
content: var(--trophy-img);
padding: 0 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.medal {
content: var(--icon-medal);
display: inline-flex;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.sidebar-search-results .search-title strong {
color: var(--themelight) !important;
}
.themelight {
background-color: var(--themelight);
}
.themedark {
background-color:var(--themedark);
}
.themelightcolor {
color:var(--themelight) !important;
}
.themedarkcolor {
color: var(--themedark) !important;
}
.cardlight{
background-color:var(--cardlight);
}
.card-dark{
background-color:var(--carddark);
}
.dtcard {
background-color: var(--dtcardbg);
padding: 0.2rem 1.2rem;
border-radius: 8px;
margin: 0 0.5rem;
}
.ttcard {
background-color: var(--ttcardbg);
padding: 0.2rem 1.2rem;
border-radius: 8px;
margin: 0 0.5rem;
}
.ptcard {
background-color: var(--ptcardbg);
padding: 0.2rem 1.2rem;
border-radius: 8px;
margin: 0 0.5rem;
}
.dtcard .row , .ttcard .row, .sidecard .rows, ptcard .row{
display: flex;
align-items: center;
justify-content: space-between;
}
.sidecard {
padding: 1rem;
border-radius: 16px;
height: fit-content;
position:relative;
display:flex;
}
.leadcard {
padding: 1rem;
display: flex;
border-radius: 16px;
height: fit-content;
}
.leadcard .row, .sidecard .row{
display: flex;
align-items: center;
justify-content: space-between;
}
.rows{
display: flex;
align-items: center;
justify-content: space-between;
}
.leadcard:hover {
box-shadow: inset 0 0 11px rgba(50,50,8,0.150), inset 0 0px 5px rgba(50,3,0,.2);
background-color: var(--cardlight);
/* position: relative; */
/* width: 100%;*/
}
.breadcrumb li a{
color:var(--themedark) !important;
}
.nav-sidebar .nav-link.active {
color: var(--themelight) !important;
background-color: #F8F4F4 !important;
}
.nav-sidebar .nav-link:hover {
color: var(--themelight) !important;
}
.nav-sidebar .nav-link {
color: var(--themedark) !important;
}
.blink {
background-color: var(--themelight);
}
#notification_count {
color: #fff;
animation: blink 1s linear infinite;
}
@keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
.info-cardbox:nth-child(odd) {
/*box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);*/
border-radius: 16px;
background-color: var(--cardlight);
margin: 0.2rem 0.4rem;
padding: 0.5rem;
height: fit-content;
position: relative;
width: 100%;
}
.addicon-light {
content: var(--icon-add-white);
position: absolute;
top: 0px;
right: 0px;
/*border-top-right-radius: 14px;*/
border-radius: 50%;
/*background-color: var(--carddark);*/
background-color: transparent;
/*box-shadow: inset 0 0 11px rgba(50,50,8,0.150), inset 0 0px 5px rgba(50,3,0,.2);*/
/*box-shadow: -2px 2px 7px rgba(50, 50, 8, 0.150), -4px 1px 4px 0px rgba(50, 3, 0, .2);*/
padding: 0.8rem;
}
.addicon-dark {
content: var(--icon-add-dark);
position: absolute;
top: 0px;
right: 0px;
/*border-top-right-radius: 14px;*/
border-radius: 50%;
/*background-color: var(--cardlight);*/
background-color: transparent;
/*box-shadow: inset 0 0 11px rgba(50,50,8,0.150), inset 0 0px 5px rgba(50,3,0,.2);*/
/*box-shadow: -2px 2px 7px rgba(50, 50, 8, 0.150), -4px 1px 4px 0px rgba(50, 3, 0, .2);*/
padding: 0.8rem;
}
.info-cardbox:nth-child(odd):hover {
box-shadow: inset 0 0 11px rgba(50,50,8,0.150), inset 0 0px 5px rgba(50,3,0,.2);
border-radius: 16px;
background-color: var(--cardlight);
margin: 0.2rem 0.4rem;
padding: 0.5rem;
height: fit-content;
/* position: relative; */
/* width: 100%;*/
}
.info-cardbox:nth-child(even) {
/*box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);*/
border-radius: 16px;
background-color: var(--carddark);
color: white;
height: fit-content;
margin: 0.2rem 0.4rem;
padding: 0.5rem;
/* position: relative; */
/* width: 100%;*/
}
.info-cardbox:nth-child(even):hover {
box-shadow: inset 0 0 11px rgba(50,50,8,0.150), inset 0 0px 5px rgba(50,3,0,.2);
border-radius: 16px;
background-color: var(--carddark);
margin: 0.2rem 0.4rem;
padding: 0.5rem;
height: fit-content;
/* position: relative; */
/* width: 100%;*/
}
.sidecard hr {
border-top: 1px solid var(--themedark);
margin : 10px 0 !important ;
}
.info-cardbox:nth-child(odd) a {
color: var(--themedark);
}
.info-cardbox:nth-child(even) a {
color: white;
}
/*info-cardbox:nth-child(odd) i {
filter:grayscale();
}
.info-cardbox:nth-child(even) i {*/
/*filter: invert();*/
/*}*/
.dailytaskcard {
background: #ffffff;
padding: 20px;
margin:0 0.4rem;
color: var(--themedark);
border-radius: 16px;
box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
}
/*table heading and global search position fixed css*/
.rowfixed {
/* Make the position sticky */
position: sticky;
/* Set the top offset to zero */
top: 0;
background-color: white;
padding: 5px 0;
/* Adjust the z-index if needed */
z-index: 100;
}
.btmfixed {
/* Make the position sticky */
position: sticky;
/* Set the top offset to zero */
bottom: 0;
background-color: white;
padding: 5px 0;
/* Adjust the z-index if needed */
z-index: 100;
}
.table-responsive {
max-width: auto;
height: 600px;
margin: 0 auto;
}
.datatable-heading {
/* Make the position sticky */
position: sticky !important;
/* Set the top offset to zero */
top: 45px;
/* Adjust the z-index if needed */
z-index: 10;
}
.datatable-heading tr:first-child{
height:0px !important;
}
.dataTables_scrollHead {
/* Make the position sticky */
position: sticky !important;
/* Set the top offset to zero */
top: 40px;
/* Adjust the z-index if needed */
z-index: 9;
}
/*position fixed top CSS end*/
/* toggle css for teamwise added by Durgesh 29-03-2024*/
.outerDivFull {
margin: 0px;
}
.switchToggle input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
position: absolute;
font-size: 12px !important;
}
.switchToggle label {
cursor: pointer;
text-indent: -9999px;
width: 60px;
max-width: 60px;
height: 24px;
background: #d1d1d1;
display: block;
border-radius: 100px;
position: relative;
}
.switchToggle label:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
.switchToggle input:checked + label, .switchToggle input:checked + input + label {
background: var(--themelight);
}
.switchToggle input + label:before, .switchToggle input + input + label:before {
content: 'No';
position: absolute;
top: 2px;
left: 35px;
width: 20px;
height: 20px;
border-radius: 90px;
transition: 0.3s;
text-indent: 0;
color: #fff;
}
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
content: 'Yes';
position: absolute;
top: 2px;
left: 10px;
width: auto;
height: 20px;
border-radius: 90px;
transition: 0.3s;
text-indent: 0;
color: #fff;
}
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
left: calc(100% - 2px);
transform: translateX(-100%);
}
.switchToggle label:active:after {
width: 60px;
}
.toggle-switchArea {
margin: 10px 0 10px 0;
}
.floating-button {
height: 30px;
width: auto;
position: fixed;
top: 45%;
right: 2%;
/* background-color: white; */
color: white;
border: none;
/* border-radius: 50%; */
/* padding: 15px; */
/* font-size: 20px; */
cursor: pointer;
z-index: 999999;
/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}
.dataTables_wrapper .dt-button-collection .dropdown-menu {
max-height: 400px !important; /* Adjust the maximum height as needed */
overflow-y: auto !important; /* Enable vertical scrolling */
}
/*.sidebar .nav-item .nav-link {
display: flex !important;
align-items: center !important;
height: 32px !important;
}
*/
/*.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
right: 1.5rem;
}*/
/*newly updated code for change view of datatable*/
/* Custom styles for the DataTable */
/*table.dataTable {
border-collapse: collapse;
width: 100%;
margin: 20px 0;*/
/* font-size: 16px;*/
/*font-family: Arial, sans-serif;
}
table.dataTable thead tr {
background-color: #d3efff !important;
color: #1D3855 !important;
}
table.dataTable th {
padding: 10px 30px;
border: none;
}
table.dataTable td {
border: 0.3px solid #F6F7FA !important;
}
table.dataTable tbody tr {
padding:50px !important;
background-color: #ffffff !important;
}
table.dataTable tbody tr:nth-child(odd) {
background-color: #ffffff !important;
}
table.dataTable tbody tr:hover {
background-color: #E3FFDA !important;
}*/
/*end style*/