@import url(../../src/css/globals.css);

body {background:#f3f4f6;color:var(--text);}
.error {color: rgb(223, 8, 8);text-align:center;font-size:11px;margin:0px 15px;}
.error-messages,.success-messages {padding:0;text-align:left;border-radius:12px;}
.error-messages{background:rgb(235, 79, 79);}
.success-messages{background:rgb(89, 213, 89);}
.error-messages .error, .success-messages .success{color:whitesmoke;text-align:center;}
.btn {
    background:var(--background-gradient);
    color:var(--white);
    padding:7px 35px;
    border:none;
    border-radius:5px;
    font-size:16px;
    cursor:pointer;
    transition:background 0.4s ease-in-out, transform 0.2s ease-in-out;
}
.btn:hover { background:var(--button-hover); transform:scale(1.05);}
.anb-logo{display:flex;align-items: center; & img{height:45px;}}
.container {background:transparent;width:100%;padding-top:50px;}
.cont-row{display:flex;min-height:calc(100vh - 50px);}
.row-col-left{width:100%;max-width:155px;border-right:1px solid #d8dbe0;background:var(--primary);}
.row-col-right{display:flex;flex:1;flex-flow:column;padding:0rem 1.0rem 1.0rem;}
.rcr-header{margin-bottom:0;display:flex;padding:.5rem 0rem;position:relative;gap:5px;align-items:center;
justify-content:space-between;
	 h3{display:flex;align-items:center;color:var(--dark-green);font-weight:500;margin-top:-3px;line-height:16px;
	 	a{display:flex; align-items:center;}
	}
	 .rh-h3{text-align:right;}
	 .rcr-menu{position:absolute;display:none;right:8px;top:10px;}
}
.rh-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;gap:5px;}
.rrt1,.rrt2{position:relative;}
.rcr-nav{display:flex;flex-wrap:wrap;width:100%;align-items:center;font-size:0.9rem; 
	& a{color:var(--dark-blue);} & i{padding:0px 7px}
}
.search-wrap{position: relative;  input{min-width:350px;}
	input, input:hover, input:focus-within{padding:10px 25px 10px 17px;border-radius:30px;} 
	& button{background:transparent;position:absolute;outline:none;border:none;padding:0px;right:14px;top:11px;
	color:var(--color1); & i{font-size:1.0rem;}}
}
.row-col-ul{color:var(--text);border-bottom:1px solid rgba(255, 255, 255,0.3);
	& li{width:100%;display:flex;border-top:1px solid rgba(255, 255, 255,0.3);border-bottom:1px solid rgba(0, 0, 0, 0.1);
		& a{display:flex;color:var(--alice-blue);padding:10px 10px;align-items:baseline;width:100%;transition:0.5s;
		justify-content:left; & i{margin-right:5px; min-width:20px;}}
	}
	& li:hover{background-color:var(--lt-blue1); & a{color:var(--dark-blue);}}
	& li.active, & li.active:hover{background:var(--background-gradient);width:100%;position:relative; a{color:var(--white);}}
	& li.active::before{content:"";width:0;height:0;border-top:23px solid transparent;border-bottom:23px solid transparent;
		border-right:22px solid #f3f4f6;top:-1px;right:-1px;position:absolute;}	
}
.rcr_wrap{display:flex;margin:0px auto;border:1px solid #ccc;background:var(--white);box-shadow:var(--box-shadow);
	max-width:1024px;width:100%;;border-radius:5px;}
.rcr-left{min-height:76vh;border-right:1px solid #ccc;overflow:hidden;background:var(--primary);}
.rcr-right{padding:5px 15px;}
.rcr-right-1{display:flex;gap:10px;}
.rcr-dtl{margin:0px;width:100%;}
.prg_ul{border-bottom:1px solid rgba(255, 255, 255,0.3); 
	& ul{display:flex;flex-flow:column;
		& li{padding:15px 10px;color:var(--lt-green);font-size:14px;display:flex;align-items:center;
			border-top:1px solid rgba(255, 255, 255,0.3);border-bottom:1px solid rgba(0, 0, 0, 0.1);
			span{color:var(--lt-green);border-color:var(--lt-green);}
		}
		& li.spt-done{color:var(--dark-blue); span{color:var(--dark-blue);border-color:var(--dark-blue);}}
	}
	& .pr_ul{ & li{padding:10px;background:var(--primary); & a{color:var(--alice-blue);}} 
		& .active{background:var(--background-gradient); & a{color:#fff!important;}}
		& li:hover{ & a{color:var(--dark-blue);}}
	}
}
.pr_view{padding:0 10px;border-radius:5px;border:1px solid #ccc;background:#fff;min-height:82vh;gap:10px;}
.pv_title{margin-top:7px;width:100%;border-bottom:1px solid var(--gray);padding-bottom:5px;display: flex;
justify-content: space-between;align-items: center; }
.pvt_4S3gM6 {padding:0px;border:0px;margin:0px;}
.span-cir{display:flex;align-items:center;justify-content:center;width: 20px;height: 20px;font-size:0.7rem;padding:4px;
	border:1px solid var(--charcoal);margin-right:5px;color:var(--charcoal);border-radius:50%;}
.rcr_d_wrap{gap:15px;display:flex;flex-flow:column;}
.rcr_d_1{display:flex;width:100%;gap:15px;}
.rcr_d_pro,.rcr_d_tm,.rcr_d_pll,.rcr_d_st{border:1px solid #d8dbe0;border-radius:5px;background:var(--white); 
	h3, h4{color:var(--blue1);text-align:center; i{font-size:1.00rem;}}
}
.rcr_d_st{ h3{border-bottom:1px dotted;margin-bottom:5px;}}
.rcr_d_pro{height:250px;} .rcr_d_tm{min-height:224px;} .rcr_d_pll{min-height:153px;}
.rcr_d_st, .rcr_st{height:240px;padding:10px;
	p{color:var(--blue);font-size:13px;line-height:15px;}
	ul{margin-top:10px; li{padding:0px 10px;font-size:0.75rem;color:var(--blue1); a{color:var(--primary);font-size:0.9rem;}}}
}
.rcr_st{height:auto;border:0px;padding:0px;}
.img_P4R5s7G{display:flex;flex-flow:column;height:138px;justify-content:space-between;align-items:center;width:200px;
	margin:0px auto; img{width:100px;height:100px;border:1px solid #ccc;border-radius:50%;padding:3px;}}
.div-Je5v7H{display:flex;width:100%;align-items:center;padding:4px 15px;color:var(--dark-green);
	border-bottom:1px dotted #ccc; justify-content: space-between;
	& .span-cir{border-color:var(--dark-green);color:var(--dark-green);height:25px;width:25px;padding:2px;font-size:0.95rem;}
}
.T8sl9K7H{display:flex;width:100%;align-items:center;padding:0px 15px 4px;color:var(--info);
border-bottom:1px dotted #ccc;font-weight:600;}
.list_box_wrap{width:100%;padding:0;margin:0;border:1px solid #ccc;margin-bottom:10px;border-bottom:0px;}
.list_box{ width:100%;display:flex;padding:15px 20px;margin:0;background-color:#fff;border-bottom:1px solid #ccc;
font-size:0.9rem;align-items:center;background-image:linear-gradient(to top, #f9f9f9, #fff);
	.list_img,.list_unimg{display:block;margin-right:2%;text-align:center;background-color:#f9f9f9;padding:5px;
	border:1px solid #e8e8e8; img{max-width:100%;max-height:100%;}}
	.list_img{width:105px;height:95px;display:flex;align-items:center;}
	.list_unimg{width:75px;height:50px;}
	.list_details{width:calc(100% - 105px);min-height:95px;}
	.list_details,.list_undetails{display:flex;flex-flow:column;
		.lstdt1{display:flex;justify-content: space-between;align-items:center;color:var(--color1);
			h2{color:var(--dark-orange);line-height:20px;}
			div{justify-content:end;display:flex;align-items:center; 
				.lstdsp1{color: var(--green); strong{display:none;}}
				}
		}
		.lstdt2{color:var(--color1); ul{justify-content:start;padding:0px;}}
		
	}
	.list_undetails{width:calc(100% - 75px);min-height:50px; 
		.lstdt1{ h4{line-height:15px;color:var(--primary);margin-bottom:-2px;} span{font-size:0.7rem;}}}
}
.list_box:has(.list_unimg){padding:7px 12px;}
.rld-row-ul{display:flex;flex-flow:wrap;justify-content:center;padding:0px 10px 5px;font-size:0.85rem;
	& li{ padding:0px 7px; border-right:1px solid var(--gray); & a{color:var(--teal);}} 
	& li:last-child{border-right:none;}
	& li:first-child{padding-left:0px;}
} .rrul{ justify-content:end;}
.row_2_img{width:100%;height:200px;display:flex;flex-flow:column; & img{width:100%;height:100%;padding:2%;background:#fff;}}
.row_img_upload{background-color:rgba(0, 0, 0, 0.45);color:var(--white);font-size:0.75rem;padding:5px 10px;width:100%;
display: flex;justify-content:space-between; & label{cursor:pointer;} & a{color:var(--alice-blue);}}
.row-img-wrap{display:flex;width:100%;height:200px;flex-flow:wrap;gap:10px;padding:10px;overflow-y:auto;}
.row-img{ width:22.6%; height:85px;border:1px solid var(--gray);position:relative;padding:5px;background:var(--dark-space);
	& img{height:100%;width:100%;}
	& .ri-del{position:absolute;text-align:center;bottom:0px;width:calc(100% - 10px);display:flex;justify-content:space-between;
		padding:0px 5px;background:rgba(0, 0, 0, 0.20);height:18px; & a{color:var(--alice-blue); & i{font-size:0.85rem;}}
	}
	& .ri-del:has(.lbl){justify-content:end;}
}
.pr-logo{height:25px; & img{width:25px;height:25px;border-radius:50%;margin-right:5px;border:2px solid var(--color1);
padding:2px;background:#fff;}}
.pg-center{display:flex;flex-flow:column;align-items:center;height:100vh;justify-content:center; 
	.msg{padding: 0px 20%;line-height: 25px;text-align: center;font-size: 16px;}
}
.frm-wrap{width:75%;margin:0 auto;}
.row-rh-title,.row-rh-t1{font-weight:600;font-size:0.9rem;color:var(--dark-blue);}
.row-rh-t1{display:flex;flex-wrap:wrap;color:var(--disable);font-weight:500;font-size:12px;align-items:baseline;
line-height:15px;flex-flow:row;flex-wrap:wrap;
	li:not(:last-child){border-right:1px solid;}}
.row-ht-1{font-variant-caps:all-petite-caps; font-size:1.15rem;border-bottom:1px solid var(--gray);color:var(--blue1);
	font-weight:600;padding:0px 15px;margin-bottom:10px; & i{font-size:0.85rem;}}
.row-tab-wrap{display:flex;gap:10px;flex:1;} 
.prd_wrap:has(.row-tab-wrap){gap:10px;margin:0%;width:100%;}
.row-tab-ab,.row-tab-p,.row-tab-b,.row-tab-g{display:flex;flex-flow:column;border:1px solid #ccc;border-radius:15px;
	padding:10px 15px;width:50%;color:var(--teal);
	& .rh-wrap{font-size:0.9rem;font-weight:600; & button{padding:3px 7px;border-radius:5px;}}
	& .rt-2{font-size:0.8rem;margin:-7px 0px;color:var(--color1); 
		& span{font-size:1.25rem;font-weight:700;margin-right:2px;color:var(--dark-blue);}
	}
}
.row-tab-ab{background:var(--alice-blue);} .row-tab-p{background:var(--lt-pink);}
.row-tab-b{background:var(--lt-blue1);} .row-tab-g{background:var(--lt-green);}
.ul_left{width: 250px;height:395px;border-right:1px solid #ccc;position:relative;overflow:auto;
	li{ .h3{padding:3px 10px;display:none;cursor:pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC); background-position: right 10px center; background-repeat: no-repeat;}
		ul{background:#fff; li{border-bottom:1px solid #ccc;padding:10px;}}
	}
	li:hover{background:#f7f7f7;}
}
.ull_awrap{display:flex;gap:7px;flex-flow:column; h3{line-height:20px;} .l2, .l3{color:var(--color1);margin-top:-5px; i{margin-right:5px;}} .l2{line-height:16px;} .l3{font-size:12px;line-height:15px;}}

/**** List Table ***/
.row-tabel-wrap{display:flex;width:100%;margin:0px 0px 10px;flex-flow:column;
	& .row-tabel{display:flex;width:100%;font-size:0.9rem;flex-flow:column;
		& .row-tabel-th{display:flex;width:100%;background:var(--bg-anb-gradient);border-top:1px solid var(--border-color);
			border-bottom:1px solid #ccc;
			.tbl-th{padding:4px 10px;display:flex;align-items:center;justify-content:space-between;
				border-right:1px solid #c7c7c7;}
			.tblth{display:flex;justify-content:end;}
			
			& .rt-th{display:flex;align-items:center;justify-content:space-evenly;padding:4px 10px;
				border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
		}
		& .row-tabel-tr{border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);
			.prd_wrap:nth-child(even){background:#f1f1f1;}
			.tbl-tr{display:flex;
				.tbl-td{padding:4px 7px;color:var(--charcoal);font-size:0.8rem;width:100%;
					border-right:1px solid var(--border-color);
					p{display:flex;align-items:center;color:var(--primary);}
					span{font-size:0.75rem;color:var(--disable);display:flex;line-height:14px;
						.sp5D7w{color:var(--dark-blue);margin-right:5px;}
					}
				}
				.tbltd{display:flex;align-items:center;text-align:center;justify-content:center;}
				.tblsbtd{display:flex;align-items:center;text-align:center;justify-content:space-between;}
			}
		}
	}
}
.rtt-st-spn{display:none!important;}
/**** Form Table ***/
.tbl-row-th,.tbl-row-td div{padding:2px 10px;flex-wrap:wrap;display:flex;align-items:center;}
.tbl-row-th{font-weight:600;color:var(--charcoal);background:var(--bg-sky);width:100%;border:1px solid #ccc;margin-top:-1px;}
.tbl-row-tr{width:100%;display:flex;flex-flow:column;font-size:0.8rem; .prd_wrap{gap:0px;}} 
.tbl-row-td {display:flex;border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-size:0.8rem;} 
.tbl-row-td:last-child{border-right:1px solid #ccc;} .tdb2{border-right:1px solid #ccc;}
.tbl-t1{width:115px;} .tbl-t2{width: calc(100% - 115px);}
.tw50{width:50%;} 
.tw1{width:25%;} .tw2{width:75%;} .tw3{width:40%;} .tw4{width:60%;} .tw5{width:20%;}
.tdb1{background:var(--lt-space);color:var(--color1);border-right:1px solid #ccc;display:flex;align-items:center}
.tdb1:last-child{border-right:0px;}
.tbl-row-t1,.tbl-row-t2,.tbl-row-t3{background:#f9f9f9;font-weight:600;} .tbl-row-t1{color:var(--green);} 
.tbl-row-t2{color:var(--tomato);} .tbl-row-t3{color:var(--info);}
/**** Table ***/
.mbrole,.table100,.tabel110 {margin-bottom:10px;}
.mbrole th {background:#91c5d4;color:var(--alice-blue);}
.mbrole th.head {background:#d7e1c5;text-align:left;color:#777;padding-left:10px;}
.mbrole th.subhead {background:#EAEFE1;text-align:left;color:#777;padding-left:25px;}
.mbrole thead th[colspan], table#mbrole thead th[rowspan] {background:#66a9bd;}
.mbrole tbody td {font-size:14px;vertical-align:middle;background:var(--alice-blue); .edit-wrap{margin:0px;}}
.mbrole tbody td.mtitle {background:var(--dark-blue);color:var(--alice-blue);}
.mbrole tbody td.mevent {background:#d5eaf0;}
.mbrole tbody td:first-child {text-align:left;font-weight:700;}
.mbrole tbody tr:hover td:not(.mevent, .mtitle) {background:#bcd9e1;}
.table100 thead tr { background: #36304a;color: var(--alice-blue); }
.table100 tbody tr:nth-child(even) { background-color: #f5f5f5; }
.table100 tbody tr:hover { color:#555555;background-color:#f5f5f5;cursor:pointer; }
.tabel110{border-radius:0px;}
.tabel110 th, tr.bottom td { font-weight:600; border-bottom:1px solid var(--lt-blue1);
border-top:1px solid var(--lt-blue1);background:var(--lt-space); }
.tabel110 td { border-bottom:1px solid var(--space);; }

/************* Invoice/Payments **********/
.iNv_wrap{padding:0px;}
.iNv_header{padding:15px 5%;color:var(--dark-blue);display:flex;gap:5px;align-items:center;justify-content:space-between;
position:relative; .jcend{justify-content:end;}}
.iNv_Row2{border-top:1px solid var(--lt-blue1);padding:10px 5%;}
.iNv_input_wrap{display:flex;align-items:center;}
.iNv_input_lbl{font-size:13px;display:flex;margin-right:10px;align-items:center;color:var(--color1);}
.iNv_billTo{ .iNv_Row2{padding:10px 5%;margin-top:15px;text-align:right;}
	.h3{padding:0px 10px;color:var(--teal);font-weight:bold;background:var(--lt-blue1);}
	.row-rh-t1,h1,h2,h3{padding:0px 10px;flex-wrap:nowrap;}
	.h3m{margin-top:15px;}
	h1{border-bottom:1px dotted #ccc;line-height:40px;color:var(--green);}
}
.iNv_bill{ display:flex;justify-content:start;flex-flow:column;
	.div{white-space:wrap; line-height:20px;}
}
.iNv_tOp{padding:5px 5% 5px;border-bottom:1px solid #ccc;}
.inv_paid{font-size:95px;font-weight:700;font-style:italic;color:rgba(255, 0, 0, 0.55);position:absolute;left:35%;top:95%;
transform:rotate(15deg); font-family:"Arial Black", Gadget, sans-serif;padding:0px 20px 0px 10px;border:1px dotted var(--red);
z-index:1111;border-radius:7px;}
.py_wrap{border:1px solid var(--gray);border-radius:5px;}
.pt_4K21SfP{display:flex;flex-flow:column;gap:2px; .view_wrap{gap:2px;}}
.iNv_Row2 .inpt_chk_wrap{ justify-content:center;gap:20px; }
.pay_ul{display:flex;justify-content:space-between; 
	li{padding:5px 15px;border-bottom:2px solid transparent;flex:1;text-align:center; a{color:var(--text);}}
	li.active{border-color: var(--primary); a{color:var(--primary);}}
}
.ulerr_3K2o{margin-top: 5px;}
/************* Inbox ************/
.pr_inbox_wrap{min-height:79vh;padding:0px; .rcr-header{border-bottom:2px solid var(--blue);margin-bottom:10px;padding:5px 0px;}}
.mt_4Ki8x6S{display:flex;width:100%;border-bottom:1px solid #ccc;height:30px;background-color:#f0f0f0;
justify-content:space-between;border-radius:5px 5px 0px 0px;align-items:center;}
.inbox_ct{font-size:13px;color:var(--disable);font-weight:600;}
.mt_ul{margin:0px 5px;display:block;text-align:left;width:100%;}
.mt_ul li{display:flex;align-items:center;height:28px;padding:0px 10px;border-right:1px solid #f9f9f9;text-align:center;
float:left;color:#888;position:relative;}
.mt_ul li a{display:flex;font-size:0.8rem;font-weight:500;color:#888;align-items:center;justify-content:center;}
.mt_ul li:hover a{ color:#ccc;} .mt_ul li a i{ margin-right:5px;font-size:1.00rem;}
.mt_ul li ul, .ibx_6R6sHn ul {display:none;z-index:10;background-color:#fff;border:1px solid #ccc;border-bottom:1px solid #ccc;top:28px; min-width:150px;position:absolute;left:0px;}
.mt_ul li:hover ul {display:block;}
.mt_ul li ul li{display:flex;width:100%;padding:5px 15px;border-right:none;justify-content:space-between;}
.mt_ul li ul li a{color:#888!important;text-align:left;}.mt_ul li ul li a:hover {color:#ccc;}
.mt_ul li ul li a i{margin-right:10px;}.mt_ellips:hover{background-color:#ccc;}
.mt_ul_ln{border-bottom:2px dotted #ccc;padding:1px!important;height:5px!important;}
.msgtot{display:flex;align-items:center;margin-right:10px;color:var(--gray);}
.mt_wrap{position:absolute;display:none;bottom:0px;right:17px;height:100vh;width:65%;visibility:hidden;}
.mc_wrap{position:absolute;bottom:0;width:100%;}
.mcmp{box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);display:flex;
flex-flow:column;border-radius:8px 8px 0 0;width:100%;height:400px;visibility:visible;background:#fff;border:1px solid #c7c7c7;}
.mc_top{ display:flex;width:100%;background:var(--alice-blue);padding:5px 10px;justify-content:space-between;color:var(--dark-blue);
 	align-items:center;border-radius:8px 8px 0px 0px;}
.mc_ml{display:flex; border-bottom:1px solid #d7d7d7;margin:2px 10px;padding:2px 5px 5px;color:var(--color1);
	position:relative;}
.mc_in{background:#fff;-moz-box-flex:1;flex:1 1;border:none;outline:none;padding:0;}
.mc_em{display:flex;position:relative;}
.mc_ul{ display:flex;gap:5px;flex-wrap:wrap;} .mculs{font-size:0.75rem;border:1px solid;padding:2px 7px;border-radius:12px;
background:#ddd;color:var(--text);}
.me_ul{list-style:none;padding:0;margin:0px;display:none;position:absolute;border:1px solid #ccc;background:#fff;
border-radius:7px;z-index: 1111111;}
.me_ul li{padding:7px;border-bottom:1px solid #ccc;background:#fff;font-size:0.75rem;border-radius:7px;line-height:15px;}
.me_ul li:hover{background:#f9f9f9;} .me_ul li:last-child{border:0px;}
.mbcc{display:flex;gap:5px;position:absolute;right:15px;bottom:7px;font-size:0.8rem;}
.mc_dt_wrap .tox-tinymce{border:0px;border-bottom:1px solid #ccc;margin:0px 15px;width:calc(100% - 30px)!important;}
.mc_ta{height:100%;}
.mc_bottom{padding:2px 15px 3px; ul{display:block; li{display:inline-block;}}}
.in_tbl{cursor:pointer;position:relative;overflow: hidden;transition:box-shadow 0.3s ease-in-out;padding:2px 10px;
border:1px solid transparent;box-shadow:inset 0 -1px 0 0 rgba(100,121,143,0.12);font-size:0.95rem; 
	a{color:var(--text)!important;}
}
.in_tbl:hover {box-shadow: inset 0 0 0 rgb(218,220,224),inset 0 0 0 rgb(218,220,224),0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);}
.in_rst1{font-size:0.85rem;color: var(--color1);}
.in_sub1{border-left:1px solid #f1f1f1;padding:0px 7px;}

.itm95D7rG {width:90%;margin:0px auto;}
.itmD9e5sL {width:30%; input{padding: 5px 12px;}}
.up-wrap{font-size:0.9rem;border-top:1px dotted;margin-top:5px;width:100%;color:var(--green);text-align:right; 
	& .lbl_edit{cursor:pointer;}}
.unlist {display:flex;width:100%;flex-flow:column;font-size:0.9rem;
	& .unlist-title{width:100%;display:flex;justify-content:space-between;padding:3px 10px;align-items:center;
		background:var(--alice-blue);}
	& .active{background:var(--lt-blue1);} & .ulbl{cursor:pointer; & i{transition:1s all;}}
	& .lstrot{rotate:180deg;}
	& .unlist-dtl{max-height:700px;transition:max-height 1s ease-out;overflow:hidden; .prd_wrap:first-child{margin-top:10px;}}
	& .unhide{max-height:0;transition:max-height 1s ease-out;}
}
.inv_exp {background:#fff;margin-left:40%;width:60%;min-height:95%;padding:5%;position:absolute;top:0;}
.expchwrap {display:flex;flex-flow:column;gap:2px;padding:10px;border:2px solid var(--blue1);border-radius:10px;
width:100%;margin:0px auto; }
.cH3K0kw {border-bottom:1px solid #ccc!important; font-family:"Comic Sans MS", cursive;font-size:14px;}
.b2S0Pe4{background:#fff!important;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:5px;font-size:14px;}
.cjE2Pa8 {border:0px;margin-bottom:0px;}
.ibx_6R6sHn{width:150px;min-height:79vh;border-right: 1px solid #ccc; 
	ul{display: block;top:0;border: 0px;margin:0px;min-width:149px; 
		li{padding:5px;border-bottom:1px dotted;display:flex;justify-content:space-between;width:100%; a{color: var(--primary);}}
	}
}


.prw_title{margin:10px auto;border-bottom:1px dotted;}
.ta_title{font-size:0.85rem;color:var(--blue1);margin-left:5px; & span{color:var(--red);margin-left:2px;}}
.box_wrap{border:1px solid #ccc;border-radius:5px;box-shadow:var(--box-shadow);padding:0px 10px;}
#elms_edit{color:var(--tomato);}
.irot_3kE9{ i{padding:10px 3px 0px 4px;}}
.edit-bg{background:var(--lt-gray)!important;}
.ls_lbl_F5es8{display:flex;align-items:center;margin:0px 20px;line-height:15px;font-size:13px;}
.ls_p_g9S2w5{padding: 5px;color: var(--color1);font-size: 14px;}
.ls_opt_fs5R7{display:flex;flex-flow:column;gap:5px;padding:0px 25px; 
	div{border-bottom: 1px dotted var(--text); 
		label{display:flex;gap:10px;align-items:center;}
	}
}
.ls_cl_R8sv49, .ls_A5dD68{width:100%;display:flex;justify-content:space-between;align-items: center;}
.ls_cl_R8sv49{padding:10px 10px 0px 5px;color:var(--color1);}
.ls_6Rc6G6{width:100%;margin:7px auto;background:#f3f3f3;padding:1% 0% 1%;height:500px;overflow:hidden;overflow-y:auto;
font-size:14px;border:1px solid #ccc;}
.box_upload{display:flex;flex-flow:column;gap:5px;justify-content:space-between;align-items:center; 
border:4px dashed var(--color1);background: var(--alice-blue);padding:15px 4%; 
	.bu_3R5wR{font-size:14px;} 
	.bu_J3d8Pl{font-size:14px;color:var(--color1);}
	.active { background:var(--gray);}
}
.row_rad_2{width:100%;padding:15px 2%; li{display:flex;justify-content:space-between;width:100%;border-bottom:1px dotted #333;
padding:2px 15px;color:var(--blue1);}}
.B0L3tN8v4{padding:7px 15px;margin:10px auto;}
.msg_R8n89sG{display:flex;flex-flow:column;margin-top:7px;border:1px solid #ccc;border-radius:4px;position:relative; 
	.msg_title{font-size:14px;padding:2px 10px;border-bottom:1px dotted #ccc;width:100%;background:var(--bg-sky);
	border-radius:4px 4px 0px 0px;}
	.typing-area{position: absolute;bottom:0;}
}
.s9P2aN6i4nfo{display:flex;align-items:center; 
	span{color:var(--color1);font-size:12px;display:flex;line-height:14px;align-items:baseline;padding:0px 15px;}}
.s5G9E6sn8{display:flex;margin:0px 10px;align-self:end; a{padding:7px 15px;}}
.gR8S6q7Y2{flex:6;position:relative;display:flex;gap:5px;flex-flow:column;}
.msg-green,.msg-red,.msg-orange{padding:2px 10px 3px;border:1px solid;border-radius:10px;display:flex;align-items:center;
font-size:10px!important;}
.msg-green{background:var(--lt-green);color:var(--green)!important;}
.msg-red{background:var(--lt-orange);color:var(--red)!important;}
.msg-orange{background:#FFF29C;color:#FFA046!important;}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.row-col-left{ max-width:45px; 
	& .row-col-ul{ 
		& li{ 
			& a{justify-content:center; 
				& i{margin-right:0px; font-size:1.35rem;} & p{display:none;}
			}
		}
	}
}
.row-col-ul{ & li.active::before{display:none;}}
.rcr-header{font-size:1rem;}
.search-wrap { input{min-width:250px;}}
.rcr_wrap{margin:0px auto;width:100%;}
.rcr-right{padding:10px;} .rcr-right-1{flex-flow:column;}
.prg_ul{ .pr_ul{max-width:55px; li{justify-content:center; a{font-size:1.5rem; i{margin:0px;} span{display:none;}}}}}
.prd_wrap:has(.row-tab-wrap){gap:5px; & .row-tab-wrap{gap:5px;}}
.frm-wrap{width:90%;} .spn_575{display:none;}
.row_2_img,.row-img-wrap{height:184px; & .row-img{height:77px;}}
.row-tab-ab,.row-tab-p,.row-tab-b,.row-tab-g {padding:7px;border-radius:7px;}
.rrt1{height:65px; ul{position:absolute;}}
.rrt2{height:45px; ul{position:absolute;}}
.iNv_wrap{padding:10px;}
.pay_ul{font-size:14px;}
.mbrole td,.mbrole th {font-size:14px;padding:4px 8px; input{font-size:14px;}}
.inv_exp {margin-left:20%;width:80%;min-height:100%;}
.mc_wrap{top:65px;} .mt_wrap{width:80%;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.cont-row,.rcr-header,.rtw-wrap,.rcr-right-1{flex-flow:column;}
.row-col-right {padding:0rem 0.25rem 0.25rem;}
.row-col-left,.rcr-left:has(.pr_ul),.ibx_6R6sHn{display:none;}
.rh-h3{text-align:left!important;}
.col-us-l:has(.prg_ul){display:flex;padding:0px;border-right:0px; & .prg_ul{font-size:0.80rem;margin:0px; 
	& ul{display:flex;justify-content:space-evenly;flex-flow:wrap; & li{border-bottom:0px;}}}}
.rcr-right{padding:10px;} .rrul{justify-content:center;}
.rcr-header{font-size:1rem; & .rcr-menu{display:inline-block;} 
	& .rh-wrap{flex-flow:column;align-items:start; & .search-wrap{margin:0 7px 7px;}}
} .rh_aib{align-items: baseline!important;}
.pg-center{justify-content:start; margin-top:20%;} .itm95D7rG, .prd_wrap .tw50{width:100%;}
.row-img-wrap{height:190px; & .row-img{height:80px;}}
.rcr_wrap,.py_wrap{flex-flow:column;width:98%; & .rcr-left{min-height:5vh;border-right:0px;}}
.prg_ul{ ul{display:flex;flex-flow:wrap;justify-content:center; 
	li{font-size:0.8rem;flex-flow:column;text-align:center;padding:5px}}
}
.pr-photo-wrap{margin:0px;}
.rcr_d_1 {flex-flow:column;} .pv_title{padding-bottom:5px;}
.rcr-nav{font-size:0.9rem;padding:0px 50px 0px 5px;}
.list_box{flex-flow:column;align-items:center;padding:10px;
	.list_img, .list_unimg{margin-bottom:7px;}
	.list_details{min-height:25px;width:100%; 
		.lstdt1{align-items: baseline;border-bottom:1px dotted;padding:5px;}
		.lstdt2{border-bottom:1px dotted;padding:5px; ul{justify-content:center;}}
	}
	.list_undetails{width:100%;
		.lstdt1{align-items: baseline;border-bottom:1px dotted;padding:5px; h4{margin:0px;}}
	}
}
.frm-wrap{width:100%;}
.div-Je5v7H{align-items:start;}
.wrap_top_model { img { height:auto;}} .rld-row-ul{justify-content:center!important;}
.rrt1,.rrt2{ h3{text-align:center;} ul{justify-content:center;} div{width:100%;}}
.row-tabel-tr, .row-tabel-th{ .view_wrap{gap:0px;}} 
.tbl-td{text-align:left!important; .tbltd-1{margin:2px;}}
.tbtd-1{justify-content: space-between;display: flex;}
.tbl-tr:not(:last-child){border-bottom:1px dotted #ccc;}
.tbl-tr:last-child{border-bottom:1px solid var(--gray); .prd_wrap{ .tbl-td{padding-bottom:7px!important;}}}
.rtt-st-spn{display:inline-block!important;}
.mbrole td,.mbrole th {font-size:12px;padding:3px 7px; input{font-size:12px;}}
.expchwrap{gap:10px;} .cjE2Pa8 {margin-bottom:10px;}
.iNv_wrap{padding:5px;}
.iNv_header{flex-flow:column;padding:10px; .iNv_billTo{ h3{text-align:left;padding:0px;} 
.row-rh-t1,h1{justify-content:start;padding:0px;}}}
.iNv_Row2{padding:10px 0px;}
.tabel110{font-size:12px; th,td {padding:5px 2px; select,input{padding:5px;font-size:12px;}}}
.rt-th:has(.mobile-view){justify-content:space-between!important;}
.rt-td{font-size:0.75rem!important;} .rt-td:last-child{margin-bottom:5px;}
.tbl-row-td{border-right:1px solid #ccc;} .tbl-row-td,.tbl-row-th{font-size:12px;} .trtd{font-size:9px;} 
.pay_ul{font-size:14px;}
.ul_left{width:100%;height:35px;border:0px;overflow:unset; li{ .h3{display:block;border-bottom:1px solid #ccc;} 
	ul{display:none;}}}
.inv_exp {margin-left:0%;width:95%;min-height:95%;}
.mc_wrap{top:65px;} .mt_wrap{width:97%;right:7px;} .in_tbl{line-height:17px;}
.in_sub1{border-left:0px;font-size:14px;padding: 1px 0px; a{color: var(--color1)!important;}}
.inv_paid{left:20%;}

}