/*Write your custom css in this file.*/

.initial_data_client { background: var(--theme-color-dark) !important; color: #fff !important; border-radius: 5px !important; padding: 4px !important; }
/*raj css below*/

/*.row{display: flex;gap: 20px;}
	.block {
    flex: 1;         
    background: #fff;
    
    display: flex;
    flex-direction: column;   
    justify-content: space-between;
}*/

body { font-family: "Inter", sans-serif; }
.bg-white .card-header { background-color: #fff!important; color: #000!important; font-weight: bold; border-color: #eef6f9; padding: 16px 16px; border-radius: 0.5rem!important; }
.card { background: #fff; border-radius: 8px !important; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
/* Card header */
.card-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; border-bottom: 1px solid #ccc; background: #f9f9f9; border-radius: 8px 8px 0 0!important; }
.card-header h3 { margin: 0; font-size: 20px; color: #444; }
.card-header select,  .card-header button { margin-left: 8px; padding: 5px 10px; font-size: 0.9rem; }
/* Card body */
.card-body { padding: 20px; }
.row-block { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }
.left { flex: 1 1 30%; font-weight: 600; min-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; }
.middle { flex: 0 0 80px; text-align: center; background: #f1f1f1; color: #b64f45; font-weight: 500; border-radius: 4px; padding: 4px 8px; margin: 0 10px; }
.right { flex: 1 1 30%; text-align: right; }
.badge { display: inline-block; padding: 4px 8px; font-weight: 500; font-size: 100%; color: #fff; margin-top: 0!important; }
.red-border-left { border-left: 4px solid #d32f2f; border-radius: 10px; }
.green-border-left { border-left: 4px solid #28a745; border-radius: 10px; }
.blue-border-left { border-left: 4px solid #1b84ff; border-radius: 10px; }
.orange-border-left { border-left: 4px solid #fdaf22; border-radius: 10px; }
.purple-border-left { border-left: 4px solid #985ffd; border-radius: 10px; }
.teal-border-left { border-left: 4px solid #00796b; border-radius: 10px; }
.pink-border-left { border-left: 4px solid #e83e8c; border-radius: 10px; }
.yellow-border-left { border-left: 4px solid #dbac04; border-radius: 10px; }
/* Badge colors for demo */
.badge-blue { background: #1b84ff; }
.badge-green { background: #28a745; }
.badge-orange { background: #fd7e14; }
.badge-purple { background: #6f42c1; }
.badge-teal { background: #00796b; }
.badge-pink { background: #e83e8c; }
.badge-red { background: #dc3545; }
.badge-purple { background: #985ffd; }
.badge-orange { background: #fdaf22; }
.badge-light-purple { background: #f4effd; }
.badge-light-orange { background: #fcf4e3; }
.badge-light-blue { background: #e9f3ff; }
.badge-light-red { background: #fbe8ee; }
.badge-light-teal { background: #e5f8f6; }
.badge-light-pink { background: #f8cdde; }
.badge-light-yellow { background: #fff9e5; }
.badge-light-green { background: #e3f9ed; }
.border-row { display: flex; justify-content: space-between; align-items: center; padding: 15px; margin: 8px 0; border: 1px solid #ddd; border-left: 4px solid;   /* default border for override */ border-radius: 6px; background: #fff; margin-bottom: 22px; }
.border-row:last-child { margin-bottom: 0; }
.border-row svg:not(.gantt) { margin-top: 0; }
.border-row .text { font-weight: 500; font-size: 20px; }
.mb-30 { margin-bottom: 30px; }
.p-status { display: flex; justify-content: space-between; align-items: center; padding: 15px; margin: 8px 0; margin-bottom: 8px; border: 1px solid #ddd; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-left: 4px solid; border-left-color: currentcolor; border-radius: 6px; background: #fff; margin-bottom: 22px; }
/* Row variations */
.row-blue { border-left-color: #007bff; }
.row-green { border-left-color: #28a745; }
.row-red { border-left-color: #dc3545; }
.row-purple { border-left-color: #985ffd; }
.row-orange { border-left-color: #fdaf22; }
.row-teal { border-left-color: #00796b; }
.row-pink { border-left-color: #c2185b; }
.row-yellow { border-left-color: #dbac04; }
.row-item { display: flex; justify-content: space-between; align-items: center; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 12px 16px; margin-bottom: 15px; }
/* Left side text */
.text-block { display: flex; flex-direction: column; }
.text-block .heading { font-size: 1.8rem; font-weight: 600; margin-bottom: 4px; color: #000; }
.text-block .subheading { font-size: 1rem; color: #666; font-weight: 500; }
/* Badge with icon */
.icon-badge { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 6px;   /* square with rounded corners */ font-size: 18px; font-weight: bold; color: #333; }
/* Make card responsive without breaking rows */


.project-block { display: flex; align-items: center; margin-bottom: 24px; }
/* Left heading */
.project-block .heading { flex: 1; font-weight: 600; font-size: 1rem; text-align: left; }
/* Middle badge */
.project-block .count-badge { flex: 0; text-align: center; margin: 0 auto; /* ✅ keeps badges in same center column */ }
/* Right button */
.project-block .view-btn { flex: 1; display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; background: none; border: none; color: #007bff; font-weight: 500; cursor: pointer; font-size: 0.9rem; }
.project-block .view-btn svg { width: 16px; height: 16px; fill: currentColor; }
/* Badge colors */

.badge-teal { background: #20c997; }
.badge-pink { background: #e83e8c; }
.badge-yellow { background: #ffc107; color: #000; }
.badge-gray { background: #6c757d; }
.badge-indigo { background: #6610f2; }
/* Tabs */
.tabs { display: flex; gap: 10px; margin-bottom: 15px; flex-wrap: wrap; }
.tab { padding: 8px 14px; border-radius: 6px; cursor: pointer; font-weight: 600; transition: 0.2s; }
/* Default colored states */
.tab.red { color: #d32f2f; }
.tab.green { color: #28a745; }
.tab.blue { color: #1565c0; }
.tab.yellow { color: #dbac04; }
.tab.orange { color: #ef6c00; }
.tab.purple { color: #7b1fa2; }
.tab.teal { color: #00796b; }
.tab.pink { color: #c2185b; }
.tab.gray { color: #424242; }
.tab.brown { color: #5d4037; }
/*colored heading states */
.txt-red { color: #d32f2f!important; }
.txt-green { color: #28a745!important; }
.txt-blue { color: #1565c0!important; }
.txt-yellow { color: #dbac04!important; }
.txt-orange { color: #ef6c00!important; }
.txt-purple { color: #7b1fa2!important; }
.txt-teal { color: #00796b!important; }
.txt-pink { color: #c2185b!important; }
.txt-gray { color: #424242!important; }
.txt-brown { color: #5d4037!important; }
/* Active states */
.tab.red.active { background: #fdeaea;font-size:1.2rem;font-weight:600; }
.tab.green.active { background: #dfffea;font-size:1.2rem;font-weight:600; }
.tab.blue.active { background: #e3f2fd;font-size:1.2rem;font-weight:600;}
.tab.yellow.active { background: #f9f3de;font-size:1.2rem;font-weight:600; }
.tab.orange.active { background: #fff3e0;font-size:1.2rem;font-weight:600; }
.tab.purple.active { background: #f3e5f5;font-size:1.2rem;font-weight:600; }
.tab.teal.active { background: #e0f7fa;font-size:1.2rem;font-weight:600; }
.tab.pink.active { background: #fce4ec;font-size:1.2rem;font-weight:600; }
.tab.gray.active { background: #eeeeee;font-size:1.2rem;font-weight:600; }
.tab.brown.active { background: #efebe9;font-size:1.2rem;font-weight:600; }
/* Table Container */
.table-content { display: none; }
.table-content.active { display: block; }
.table-container { margin: 25px auto; overflow-x: auto; padding: 0 0 20px; }
/* Table */
table { width: 100%; border-collapse: collapse; margin-top: 10px; border-radius: 8px; overflow: hidden; background: #fff; border: 1px solid #ddd; }
th, td { padding: 15px!important; border-bottom: 1px solid #ddd; text-align: left; }
th { background: #f9f9f9; }
/* Colored left borders */
.table-content.red table { border-left: 4px solid #d32f2f; }
.table-content.green table { border-left: 4px solid #28a745; }
.table-content.blue table { border-left: 4px solid #1565c0; }
.table-content.yellow table { border-left: 4px solid #dbac04; }
.table-content.orange table { border-left: 4px solid #ef6c00; }
.table-content.purple table { border-left: 4px solid #7b1fa2; }
.table-content.teal table { border-left: 4px solid #00796b; }
.table-content.pink table { border-left: 4px solid #c2185b; }
.table-content.gray table { border-left: 4px solid #424242; }
.table-content.brown table { border-left: 4px solid #5d4037; }
/* Search + Sort row */
.table-actions { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; flex-wrap: wrap; gap: 10px; }
.search-box { position: relative; width: 220px; }
.search-box input { width: 100%; padding: 8px 30px 8px 10px; border: 1px solid #ccc; border-radius: 6px; }
.search-box svg { position: absolute; right: 8px; top: 54%; transform: translateY(-50%); width: 16px; height: 16px; }
.sort-select select { padding: 8px; border: 1px solid #ccc; border-radius: 6px; }
/* Status badge */
.badge { display: inline-block; padding: 4px 8px; border-radius: 6px; font-size: 12px; font-weight: bold; }
/* Badge colors */	

.badge.red { background: #fdeaea; color: #d32f2f; }
.badge.green { background: #e3f9ed; color: #28a745; }
.badge.blue { background: #e3f2fd; color: #1565c0; }
.badge.orange { background: #fff3e0; color: #ef6c00; }
.badge.purple { background: #f3e5f5; color: #7b1fa2; }
.badge.teal { background: #e0f2f1; color: #00695c; }
.badge.pink { background: #fce4ec; color: #c2185b; }
.badge.yellow { background: #fffde7; color: #f9a825; }
.badge.cyan { background: #e0f7fa; color: #00838f; }
.badge.indigo { background: #e8eaf6; color: #283593; }
.badge.lime { background: #f9fbe7; color: #9e9d24; }
.badge.brown { background: #efebe9; color: #5d4037; }
.badge.grey { background: #f5f5f5; color: #424242; }
.badge.amber { background: #fff8e1; color: #ff8f00; }
.badge.deeporange { background: #fbe9e7; color: #d84315; }
.badge.lightblue { background: #e1f5fe; color: #0277bd; }
.badge.lightgreen { background: #f1f8e9; color: #558b2f; }
.badge.deepPurple { background: #ede7f6; color: #4527a0; }
.badge.maroon { background: #fce4ec; color: #880e4f; }
.badge.navy { background: #e3f2fd; color: #0d47a1; }
/* Footer row */
.table-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 14px; flex-wrap: wrap; gap: 10px; }
.pagination { display: flex; gap: 5px; }
.pagination button { border: 1px solid #ccc; background: #fff; padding: 6px 10px; border-radius: 4px; cursor: pointer; }
.pagination button.active { background: #ddd; }
/* News*/
.blog-grid { font-family: "Inter", sans-serif; position: relative; background: #fff; border: 1px solid #eee; border-radius: 5px; overflow: hidden; padding: 15px; -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,0.16); box-shadow: 0 10px 30px 0 rgba(50,50,50,0.16); }
.blog-grid.red { border-top: 4px solid #d32f2f; }
.blog-grid.green { border-top: 4px solid #28a745; }
.blog-grid.blue { border-top: 4px solid #1565c0; }
.blog-grid-text h4 { font-size: 18px; line-height: 24px; margin-bottom: 0; font-weight: 600; color: #333; }
.blog-grid img { width: 100%; margin-bottom: 20px;border-radius:10px; height: 250px;}
.blog-grid-text p { color: --bs-gray-500; font-size: 16px; font-weight: 500; line-height: 170%; padding: 15px 0; }
.blog-grid-text p { color: --bs-gray-500; font-size: 16px; font-weight: 500; line-height: 170%; padding: 15px 0; }
.blog-detail { }
.blog-detail-text {color: --bs-gray-500; font-size: 1.15rem !important; line-height: 1.5; margin-bottom: 10px; }
.blog-detail h2 { font-size: 24px; line-height: 24px; margin-top: 0; font-weight: 600; color: #333; margin-bottom: 20px; }
.blog-detail img { width: 100%; margin:25px 0px;border-radius:15px;}
.blog-detail-text .small{font-size:14px;line-height: 1.5;}
.recent-head { margin-top: 0; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; }
.latest-news { }
.latest-news img {border-radius:5px;margin:0;}
.latest-news h4 { margin-top: 0; font-weight: 500;font-size:1.5rem; }
.latest-news .d-flex { display: flex !important;margin-bottom:20px; }
.latest-news.padding-left-20 { padding-left: 20px; }
.latest-news.flex-stack { justify-content: space-between; align-items: center; }
.latest-news .symbol { display: inline-block; position: relative; border-radius: 0.475rem; width: 130px; }
.latest-news .me-4 { margin-right: 1rem !important; }
.latest-news .text-gray-600 { color: var(--bs-text-gray-600) !important; }
.mb-7 { margin-bottom: 1.75rem !important; }
.butn { background: #b2473c; color: #fff; text-align: center; border-radius: 4px; padding: 10px 15px; line-height: normal; font-weight: 500; text-transform: none !important; position: relative; z-index: 9999; display: inline-block; white-space: nowrap; border: none; cursor: pointer; font-size: 13px; }
.butn:hover { color: #fff; background: #a93226; }
/* Make modal full width */
.modal-dialog.modal-fullwidth { max-width: 100%; margin: 0; height: 100%; }
.modal-content { height: 100%; border-radius: 0; }
/* Optional: add scroll inside modal body */
.modal-body { overflow-y: auto; }
.tbgap { padding: 25px 15px; }
.statgap { padding: 20px 15px; }
/* task page css */	
.task-card-body form { width: 100%; }
.task-heading { font-size: 1.2rem; font-weight: 600; margin-bottom: 20px; }
.info-block { border: 1px solid #ddd; border-radius: 6px; padding: 12px; margin-bottom: 15px; background: #fff; }
.info-label { font-weight: 500; font-size: 1rem; color: #666; }
.info-result { font-weight: 500; color: #000; }
.scroll-block { height: 400px; overflow-y: auto; }
.scroll-block h3 { margin-top: 0; color: #183a66; }
.scroll-block p { color: #444; line-height: 1.6; margin-bottom: 12px; }

/* --- Capsule Scrollbar (WebKit) --- */
.scroll-block::-webkit-scrollbar {
	width: 12px;
}
.scroll-block::-webkit-scrollbar-track {
	background: #e1e8f0;
	border-radius: 9999px; /* full rounding */
	margin-block: 4px; /* space on top and bottom */
}
.scroll-block::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #7da9d6, #4a7db5);
	border-radius: 9999px; /* fully capsule */
	border: 3px solid #e1e8f0; /* space around thumb for floating look */
}
.scroll-block::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #6597c9, #3e6e9f);
}
/* Firefox (closest match) */
.scroll-block { scrollbar-width: thin; scrollbar-color: #4a7db5 #e1e8f0; }
ins { color: #28a745; text-decoration: none; }
.vblock-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.vblock { }

/* Tablet (portrait) view — 2 columns */
@media (max-width: 900px) {
	.vblock-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile view — 1 column */
@media (max-width: 600px) {
	.vblock-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	table { min-width: 600px;  }
	.project-block {
		flex-wrap: wrap;
		text-align: center;
	}
	.project-block .count-badge { margin: 0 auto; }
	.latest-news .padding-left-20 { padding-left: 0; }
}
/* client-detail page css start */	
.tab-content .tab-pane input {
	border-color: transparent !important;
	background-color: #F6F8F9 !important;
	
}


.copy-flex {
	display: flex;
	align-items: center;
	gap: 8px;  
	max-width: 100%;	
}

.copy-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s;
}

.copy-btn svg {
	width: 20px;
	height: 24px;
	color: #aaa;
}

.dz{display:flex; gap:20px; align-items:stretch; flex-wrap:wrap;}
.dcard{
	flex:1 1 300px; border:1px solid #ddd;
	border-radius:16px; box-shadow:0 1px 2px rgba(0,0,0,.06);
	padding:18px; display:flex; flex-direction:column; justify-content:center; min-height:170px;
}
.dtitle{font-size:20px; font-weight:700; letter-spacing:.2px; margin:0 0 14px;}
.dbtn{
	appearance:none; border:1px solid #ddd; background:#0f172a; color:#fff;
	border-radius:12px; padding:10px 14px; font-weight:600; cursor:pointer;
}
.dbtn.light{background:#fff; color:#0f172a;}
.dbtn:focus-visible{outline:3px solid #cbd5e1; outline-offset:2px}
.dhint{margin-top:10px; font-size:14px; color:#64748b}
.status{margin-top:8px; font-size:14px; color:#64748b}
/* file input visually hidden but accessible via label/button */
.dfile-input{position:relative; display:inline-block}
.dfile-input input[type="file"]{position:absolute; inset:0; opacity:0; cursor:pointer}
/* Dropzone */
.ddropzone{
	border:2px dashed #ddd; border-radius:12px; padding:24px;min-height:100px; text-align:center;
	color:#64748b; transition:background .15s, border-color .15s, color .15s;
}
.ddropzone.dragover{background:#f1f5f9; border-color:#0f172a; color:#0f172a;}
/* Responsive tweaks */
/* Responsive tweaks */
@media (min-width: 900px){
	.dz{flex-wrap:nowrap}
}

/* client-detail page css end*/

/* Tablet (portrait) view — 2 columns */
@media (max-width: 900px) {
	.vblock-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile view — 1 column */
@media (max-width: 600px) {
	.vblock-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	table { min-width: 600px;  .project-block {
		flex-wrap: wrap;
		text-align: center;
	}
	.project-block .count-badge { margin: 0 auto; }
	.latest-news .padding-left-20 { padding-left: 0; }
	}