@charset "utf-8";
/* CSS Document */
.fwidth {
	width: 1260px;
	margin-right: auto;
	margin-left: auto;	
}
.container {
  max-width: 80em !important;
  @include make-container();
}
.no--padding {
	padding-left: 0em;
	padding-right: 0em;	
}
a:link, a:visited {
    text-decoration: none;

}

a:hover, a:active {
	text-decoration: none;
}
.text-pureblack {color:black !important;}
.text-yellow {color:#ffff00 !important;}
.text-black1 {color:#0a0f16 !important;}
.text-bold {font-weight: bold;}

.text-align-justify {text-align: justify !important;}

.bg-green1 { background-color: #008B8B !important; }
.bg-black1 { background-color: #0a0f16 !important; }
.bg-black11 { background-color: black !important; }
.text-blackpure { color: #000000 !important; }
.bg-white { background-color: #ffffff !important; }
.bg-grey { background-color: #eeeeee !important; }
.bg-grey1 { background-color: #fbfbfb !important; }
.bg-grey2 { background-color: #666666 !important; }
.bg-grey3 { background-color: #e9ecef !important; }
.bg-grey4 { background-color: #c5c5c5 !important; }

.transp{
  opacity: 0 !important;
}

.input-lo
{
    height: 32px !important;
    padding: 2px 5px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    border-radius: 3px !important;
}
.input-lo1
{
    height: 32px !important;
    padding: 2px 5px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    border-radius: 3px !important;
	
}
.input-lo2
{
    height: 26px !important;
    padding: 2px 2px !important;
    font-size: 16px !important;
	border: 0px !important;	
}
.input-lo2b
{
    height: 26px !important;
    padding: 2px 2px !important;
    font-size: 16px !important;
	border: 1px !important;
	border-radius: 3px !important;
}
.input-mini
{
    height: 20px !important;
    padding: 0px 0px !important;
    font-size: 14px !important;
    line-height: 0.1 !important;	
}
.input-mini1
{
    height: 20px !important;
    font-size: 12px !important;
    line-height: 0.1 !important;	
}
.input-minii
{
    height: 16px !important;
    padding: 0px 0px !important;
    font-size: 12px !important;
    line-height: 0.1 !important;	
}

.input-mini1-field
{
    font-size: 12px !important;	
	border: 0px !important;
	padding-left: 2px !important; 
	padding-right: 2px !important;
	font-weight: bold !important;
	color: #66001a !important;
}

.input-mini1-teaxtarea
{
    padding: 2px 2px 2px 2px !important;
	border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
	border-color: #eeeeee !important;
	color: #66001a !important;
	font-size: 12px !important;
}

.input-group-addon-mini1 {
    margin-bottom: 0 !important;	
    font-size: 12px !important;	
}

.upcase {
    text-transform: uppercase !important;	
}

.select-center {text-align-last:center !important;}
.select-right {text-align-last:right !important;}
.width-600 { width: 600px !important; }
.width-500 { width: 500px !important; }
.width-450 { width: 450px !important; }
.width-415 { width: 415px !important; }
.width-400 { width: 400px !important; }
.width-325 { width: 325px !important; }
.width-350 { width: 350px !important; }
.width-300 { width: 300px !important; }
.width-270 { width: 270px !important; }
.width-288 { width: 288px !important; }
.width-250 { width: 250px !important; }
.width-260 { width: 260px !important; }
.width-240 { width: 240px !important; }
.width-230 { width: 230px !important; }
.width-220 { width: 220px !important; }
.width-200 { width: 200px !important; }
.width-190 { width: 190px !important; }
.width-180 { width: 180px !important; }
.width-175 { width: 175px !important; }
.width-170 { width: 170px !important; }
.width-150 { width: 150px !important; }
.width-142 { width: 143px !important; }
.width-140 { width: 140px !important; }
.width-130 { width: 130px !important; }
.width-125 { width: 125px !important; }
.width-120 { width: 120px !important; }
.width-115 { width: 115px !important; }
.width-110 { width: 110px !important; }
.width-100 { width: 100px !important; }
.width-90 { width: 90px !important; }
.width-80 { width: 80px !important; }
.width-75 { width: 75px !important; }
.width-70 { width: 72px !important; }
.width-65 { width: 65px !important; }
.width-60 { width: 60px !important; }
.width-50 { width: 50px !important; }
.width-40 { width: 40px !important; }
.width-30 { width: 30px !important; }
.width-20 { width: 20px !important; }
.width-15 { width: 15px !important; }
.width-10 { width: 20px !important; }


.min-width-500 { min-width: 500px !important; }
.min-width-355 { min-width: 355px !important; }
.min-width-295 { min-width: 295px !important; }
.min-width-285 { min-width: 285px !important; }
.min-width-250 { min-width: 250px !important; }
.min-width-212 { min-width: 212px !important; }
.min-width-195 { min-width: 195px !important; }
.min-width-180 { min-width: 180px !important; }
.min-width-175 { min-width: 175px !important; }
.min-width-150 { min-width: 150px !important; }
.min-width-135 { min-width: 135px !important; }
.min-width-130 { min-width: 130px !important; }
.min-width-120 { min-width: 120px !important; }
.min-width-112 { min-width: 112px !important; }
.min-width-110 { min-width: 110px !important; }
.min-width-105 { min-width: 105px !important; }
.min-width-100 { min-width: 100px !important; }
.min-width-90 { min-width: 90px !important; }
.min-width-80 { min-width: 80px !important; }
.min-width-75 { min-width: 75px !important; }
.min-width-70 { min-width: 70px !important; }
.min-width-72 { min-width: 72px !important; }
.min-width-50 { min-width: 50px !important; }
.min-width-40 { min-width: 40px !important; }
.min-width-30 { min-width: 30px !important; }
.min-width-20 { min-width: 20px !important; }

.max-width-80 { max-width: 80px !important; }
.max-width-150 { max-width: 150px !important; }
.max-width-100 { max-width: 100px !important; }
.max-width-110 { max-width: 110px !important; }
.max-width-120 { max-width: 115px !important; }

.max-width-325 { max-width: 325px !important; }
.max-width-200 { max-width: 200px !important; }
.max-width-175 { max-width: 175px !important; }

.nospinner input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}
.nospinnertime input[type=time]::-webkit-inner-spin-button, 
    input[type=time]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0;
}
.nospinnertimex input[type="time"]::-webkit-clear-button {
    display: none;
	margin: 0;
}
	
	
.cursorpointer {
    cursor: pointer !important;
}
.dethelp {
    cursor: pointer !important;
}
.cursorpointer input[readonly] {
    cursor: pointer !important;
}
.no-pama
{
    padding: 0px !important;
    margin: 0px !important;
}
.no-ma
{
    margin: 0px !important;
}
.borderline {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
	border-color: white;
}
.borderline2px {
    border-style: solid;
    border-width: 3px 0px 3px 0px;
	border-color: white;
}
.borderline1 {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
	border-color: black;
}
.border1000 {
    border-style: solid;
    border-width: 1px 0px 0px 0px !important;
	border-color: black;
}
.border0010 {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
	border-color: black;
}
.border0010blue {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
	border-color: blue;
}
.border0010green {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
	border-color: green;
}
.border0010p {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
	border-color: grey;
	padding-bottom: 4px !important;
}
.border0010b {
    border-style: solid !important;
    border-width: 0px 0px 3px 0px !important;
	border-color: black !important;
}
.border1010black {
    border-style: solid !important;
    border-width: 1px 0px 1px 0px !important;
	border-color: black !important;
}
.border1000black {
    border-style: solid !important;
    border-width: 1px 0px 0px 0px !important;
	border-color: black !important;
}
.border0020t {
    border-style: solid;
    border-width: 2px 0px 0px 0px !important;
	border-color: black;
}

.border0020 {
    border-style: solid;
    border-width: 0px 0px 2px 0px;
	border-color: black;
}

.border0020b {
    border-style: solid !important;
    border-width: 0px 0px 2px 0px !important;
	border-color: black !important;
}

.border0010bb {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
	border-color: black !important;
}
.border2020b {
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
	border-color: black !important;
	border-radius: 20px !important;
	page-break-inside:avoid !important;
}
.border2020ba {
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
	border-color: black !important;
	border-radius: 10px !important;
	page-break-inside:avoid !important;
}
.border2020bl {
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
	border-color: black !important;
	border-radius: 15px 0px 0px 15px !important;
}
.border2020br{
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
	border-color: black !important;
	border-radius: 0px 15px 15px 0px !important;
}
.border2222b {
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
	border-color: black !important;
}
.border2222tb {
    border-style: solid !important;
    border-width: 2px 0px 2px 0px !important;
	border-color: black !important;
}
.border1111b {
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
	border-color: black !important;
}

.borderbottomgrey {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
	border-spacing: 2px;
    border-color: #F8F9FA !important;
}
.border3333w {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
	border-color: white;
}
.border3030wlr {
    border-style: solid !important;
    border-width: 0px 3px 0px 3px !important;
	border-color: white !important;
}
.border3333b {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
	border-color: black;
}
.border0101b {
    border-style: solid !important;
    border-width: 0px 1px 0px 1px !important;
	border-color: black !important;
}
.border1101b {
    border-style: solid !important;
    border-width: 1px 1px 0px 1px !important;
	border-color: black !important;
}
.border0110b {
    border-style: solid !important;
    border-width: 0px 1px 1px 0px !important;
	border-color: black !important;
}
.border0010b0 {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
	border-color: black !important;
}
.border0010b0g {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
	border-color: grey !important;
}
.border0040binfo {
    border-style: solid !important;
    border-width: 0px 0px 4px 0px !important;
	border-color: #17a2b8 !important;
}
.border1000b0 {
    border-style: solid !important;
    border-width: 1px 0px 0px 0px !important;
	border-color: black !important;
}

.bordersolid {
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #eeeeee !important;
	}
.bordersolidblack {
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: black !important;
	}	
.borderleft {
	border-style: solid !important;
	border-width: 0px 0px 0px 1px !important;
	border-color: #black !important;
	page-break-inside:avoid !important;
	padding-left: 3px !important;
	border-left-style: dashed !important;
	}
.borderleft1 {
	border-style: solid !important;
	border-width: 0px 0px 0px 1px !important;
	border-color: #black !important;
	page-break-inside:avoid !important;
	padding-left: 3px !important;
	
	}
.borderright {
	border-style: solid !important;
	border-width: 0px 1px 0px 0px !important;
	border-color: #black !important;
	page-break-inside:avoid !important;
	padding-right: 1px !important;
	}
	.borderleftst {
	border-style: solid !important;
	border-width: 0px 0px 0px 1px !important;
	border-color: #black !important;
	page-break-inside:avoid !important;
	padding-left: 1px !important;
	}
.borderright1 {
	border-style: solid !important;
	border-width: 0px 1px 0px 1px !important;
	border-color: #black !important;
	page-break-inside:hidden !important;
	}
.borderrightbottom {
	border-style: solid !important;
	border-width: 0px 2px 2px 0px !important;
	border-color: #000000 !important;
	page-break-inside:avoid !important;
	padding-right: 1px !important;
	}
.borderrightbottom1 {
	border-style: solid !important;
	border-width: 0px 1px 1px 0px !important;
	border-color: #000000 !important;
	page-break-inside:avoid !important;
	padding-right: 1px !important;
	}	
.input-b-grey {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #eeeeee;
}

.m-lr-10 { margin-left: 10px !important; margin-right: 10px !important;}
.m-lr-2 { margin-left: 2px !important; margin-right: 2px !important;}

.margin-right-10 { margin-right: 10px !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-150 { margin-left: 180px !important; }
.margin-left-190 { margin-left: 190px !important; }
.margin-left-125 { margin-left: 125px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-4 { margin-left: 4px !important; }
.margin-left-3 { margin-left: 3px !important; }
.margin-left-2 { margin-left: 2px !important; }
.margin-left-1 { margin-left: 1px !important; }

.margin-top-80 { margin-top: 105px !important; }
.margin-top-30 { margin-top: 40px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-150 { margin-bottom: 150px !important; }
.margin-top-7 { margin-top: 7px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-3 { margin-top: 3px !important; }
.margin-top-2 { margin-top: 2px !important; }
.margin-top-1 { margin-top: 1px !important; }

.margin-top--5 { margin-top: -5px !important; }

.margin-top-n1 { margin-top: -8px !important;  margin-bottom: 2px !important;}
.padding-top-1 { padding-top: 1px !important; }
.padding-top-2 { padding-top: 2px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-8 { padding-top: 8px !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-2 { padding-bottom: 2px !important; }

.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-30 { margin-bottom: 40px !important; }
.margin-bottom-20 { margin-bottom: 15px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-2 { margin-bottom: 2px !important; }

.p-a-1 { padding-right: 1px !important; padding-left: 1px !important;}
.p-a-2 { padding-right: 2px !important; padding-left: 2px !important;}
.p-a-3 { padding-right: 3px !important; padding-left: 3px !important;}
.p-a-5 { padding-right: 5px !important; padding-left: 5px !important;}
.p-a-10 { padding-right: 10px !important; padding-left: 10px !important;}
.p-a-20 { padding-right: 20px !important; padding-left: 20px !important;}

.p-y-2 { padding-top: 2px !important; padding-bottom: 10px !important;}
.p-y-01 { padding-top: 1px !important; padding-bottom: 1px !important;}
.p-y-02 { padding-top: 2px !important; padding-bottom: 2px !important;}
.p-y-021 { padding-top: 2px !important; padding-bottom: 1px !important;}
.p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.p-y-04 { padding-top: 4px !important; padding-bottom: 4px !important;}
.p-y-005 { padding-top: 5px !important; padding-bottom: 5px !important;}
.p-t-07 { padding-top: 7px !important; }
.p-y-51 { padding-top: 4px !important; padding-bottom: 1px !important;}

.p-r-1 { padding-right: 1px !important;}
.p-r-2 { padding-right: 2px !important;}
.p-r-5 { padding-right: 5px !important;}
.p-r-10a { padding-right: 10px !important;}
.p-r-20 { padding-right: 20px !important;}
.p-l-1 { padding-left: 1px !important;}
.p-l-2 { padding-left: 2px !important;}
.p-l-4 { padding-left: 4px !important;}
.p-l-6 { padding-left: 6px !important;} 
.p-l-10 { padding-left: 70px !important;}
.p-l-ten { padding-left: 10px !important;}
.p-l-20 { padding-left: 20px !important;}
.p-l-100 { padding-left: 100px !important;}
.p-l--4 { padding-left: -10px !important;}

.mediumf {
    font-size: 90% !important;
 }
.timeht-19 {height: 19px;}
.timeht-22 {height: 22px;}
.timeht-24 {height: 24px;}

.input-span-1{
	padding-left: 4px !important;
	min-width: 150px !important;
	text-align: left !important;	
	color: #000040 !important;
	border: none !important;
}
.input-span-1a{
	padding-left: 4px !important;
	min-width: 100px !important;
	text-align: left !important;	
	color: #000040 !important;
	border: none !important;
}
.input-span-1b{
	padding-left: 4px !important;
	min-width: 130px !important;
	text-align: left !important;	
	color: #000040 !important;
	border: none !important;
}
.input-span-1c{
	padding-left: 4px !important;
	min-width: 200px !important;
	text-align: left !important;	
	color: #000040 !important;
	border: none !important;
}
.input-span-1d{
	padding-left: 4px !important;
	min-width: 140px !important;
	text-align: left !important;	
	color: #000040 !important;
	border: none !important;
}
.input-span-2{
	padding-left: 4px !important;
	min-width: 250px !important;
	text-align: left !important;	
	color: #000040 !important;
	border: none !important;
}
.input-1
{
    height: 26px !important;
    padding: 2px 2px !important;
    font-size: 16px !important;
	border: none !important;
}

.input-text-1
{
    padding: 2px 2px 2px 2px !important;
	border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
	border-color: #eeeeee !important;
	color: #66001a !important;
	font-weight: bold  !important;
	font-size: 14px !important;
}

.input-2
{
    height: 26px !important;
    padding: 0px 0px !important;
    font-size: 16px !important;
	border: none !important;
}

.input-text-2
{
    padding: 2px 2px 2px 2px !important;
	border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
	border-color: #eeeeee !important;
	color: #66001a !important;
	font-weight: bold  !important;
	font-size: 14px !important;
}

.input-group-addon-d {
    /* padding: .5rem .75rem; */
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    background-color: #e9ecef;    
}
.input-group-addon-db {
    /* padding: .5rem .75rem; */
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.25;
    color: #black;
    background-color: #e9ecef;    
}
.a4 {
	width: 19cm !important;
	margin-right: auto !important;
	margin-left: auto !important;
	/* background-color: #CCC; */
}
.a4a {
	width: 19cm !important;
	margin-right: auto !important;
	margin-left: auto !important;
	/* background-color: #CCC; */
}
.ppree {
font-size: inherit !important;
color: inherit !important;
border: initial !important;
padding: initial !important;
font-family: inherit !important;
white-space: pre-wrap !important;
margin-bottom: 0rem !important;
word-wrap: break-word !important;
text-decoration: none !important;
}
.pagebreakalways {
page-break-before: always !important;
}
.pagebreakalwayspage {
break-before: page !important;
}
.pagebreakinsideautoo {
page-break-inside: auto !important;
}
.pagebreakinsideavoid {
page-break-inside: avoid !important;
}
.pagebreakinsideauto {
page-break-before: avoid !important;
}
.pagebreakbeforeauto {
page-break-before: auto !important;
}
.pagebreakbeforealways {
page-break-before: always !important;
}
.pagebreakafteralways {
page-break-after: always !important;
}

table.report-container {
    page-break-after:always;
}
thead.report-header {
    display:table-header-group;
}
tfoot.report-footer {
    display:table-footer-group;           
}

@media print {
   thead {display: table-header-group;} 
   tfoot {display: table-footer-group;}
}

/* 1em = 10px */
 @page { margin: 0 -6cm; } 



.nobotomborder:last-child {
    border-bottom:none;
    margin-bottom:0;
}
.widthcent {
    width: 100% !important;
}
.fvw {
  font-size: 1vw !important;
}

.vsmall {
    font-size: 70%;
    font-weight: 400;
}

.ml-5 {
margin-left: 2rem !important;
}
.ml-6 {
margin-left: 3rem !important;
}
.ml-7 {
margin-left: 4rem !important;
}
.pr-5 {
margin-left: 2rem !important;
}

.disableda {
  pointer-events: none !important;
}

.minhh {
    overflow-y: auto;
	height: 200px;
}

.modal-vlg {
    max-width: 1000px;
}

.height_40 {
	overflow-y: auto;
	height: 40px !important;
}

.height_15 {
	overflow-y: auto;
	height: 10px !important;
}
.height_60 {
	overflow-y: auto;
	height: 60px !important;
}
.height_60_min {
	min-height: 60px !important;
}
.height_400 {
	
	height: 360px !important;
}

.height_600 {
	
	height: 600px !important;
}

.height_700 {
	
	height: 700px !important;
}

.height_750 {
	
	height: 750px !important;
}

.height_800 {
	
	height: 800px !important;
}
.full-heighta {
  height: 100vh !important;
}


.input-new-standard
{
    height: 32px !important;
    padding: 5px 5px !important;
    font-size: 1px !important;
    line-height: 1 !important;
    border-radius: 3px !important;
}

.form-control-nini {
	
    display: block !important;
   
    min-height: 14px ;
    padding: 0px 3px 0px 3px ;
    font-size: 14px ;
    font-weight: 500 ;
    line-height: 1.5 ;
    color: black ;
    
    background-clip: padding-box;
    border: 1px solid #fff ;
    -webkit-appearance: none ;
    -moz-appearance: none ;
    appearance: none ;
    
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out ;
}

.form-control-nini-l {
	
    display: block !important;
   
    min-height: 16px  !important;
    padding: 0px 3px 0px 3px  !important;
    font-size: 16px  !important;
    font-weight: 500  !important;
    line-height: 1.5  !important;
    color: black  !important;
    
    background-clip: padding-box !important;
    border: 1px solid #fff  !important;


    
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out  !important;
}

.form-control-nini-10 {
	
    display: block !important;
   
    min-height: 10px !important;
    padding: 0px 3px 0px 3px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: black !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #fff !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.input-group-text-nini {
    display: flex;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 13px !important;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
}

.input-group-text-nini-trans {
    display: flex;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 13px !important;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
}

.input-group-text-nini-trans-block {
    display: block;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 13px !important;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
}

.input-group-text-nini-d {
    display: flex;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 15px !important;
    font-weight: 500;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: black;
    border: 1px solid #black;
    border-radius: .25rem;
}

.input-group-text-nini-d-l {
    display: flex;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 13px !important;
    font-weight: 500;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: black;
    border: 1px solid #black;
    border-radius: .25rem;
}

.input-group-text-nini-t {
    display: flex;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 13px !important;
    font-weight: 500;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    
}
.input-group-text-nini-10 {
    display: flex;
    align-items: center;
	padding: 0px 5px 0px 5px !important;
	font-size: 10px !important;
    font-weight: 500;
    line-height: 1;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
}

.w-100-percent {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.w-100-percents {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}
.disabl{
pointer-events:none;
background:grey;
}
.f-8 {font-size: 8px !important;}
.f-10 {font-size: 10px !important;}
.f-11 {font-size: 11px !important;}
.f-12 {font-size: 12px !important;}
.f-13 {font-size: 13px !important;}
.f-14 {font-size: 14px !important;}
.f-15 {font-size: 15px !important;}
.f-16 {font-size: 16px !important;}
.f-17 {font-size: 17px !important;}
.f-20 {font-size: 20px !important;}
.f-22 {font-size: 22px !important;}
.f-24 {font-size: 24px !important;}
.f-26 {font-size: 26px !important;}
.f-30 {font-size: 30px !important;}

/* width */
::-webkit-scrollbar {
  width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 7px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.breaknonspacething{
  width: 80%;
  word-wrap:break-word !important;
  overflow-wrap: break-word !important;
  word-break:break-all !important;
}

.cursivefo {
  font-family: 'Brush Script MT', cursive !important;
}

[contentEditable=true]:empty:not(:focus):before{
  content:attr(data-ph);
  color:grey;
  font-style:italic;
}

.a4-print-pot-set {
    width: 20cm !important;
    margin-right: auto !important;
    margin-left: auto !important;
    /* background-color: #CCC; */
}
.full-width-span {
            display: block; /* or inline-block */
            width: 100%;
}
#signature-canvas {
            border: 1px solid #000;
            touch-action: none; /* Prevent scrolling on touch devices */
        }
.td-middle th,
.td-middle td {
  vertical-align: middle !important;
}

.amvd {
  display: flex;
  flex-wrap: wrap; /* allow wrapping if screen gets tight */
  align-items: center; /* VERTICALLY ALIGN SPAN LABELS + INPUTS */
}
.tr-clickable {
  cursor: pointer;
}
.tr-clickable:hover {
  background-color: #f0f0f0;
}		

/* ----------------------------------------------------
   Smaller ✔/✖ inside the field (moved from on‐page CSS)
   ---------------------------------------------------- */
.update-icon {
  position: absolute;
  right:  12px;         /* move it a bit closer to the edge */
  top:    50%;
  transform: translateY(-50%);
  font-size: 0.6em;     /* shrink the icon */
  line-height: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.update-icon.show {
  opacity: 1;
}

.update-icon.success {
  color: #28a745;       /* green tick */
}

.update-icon.error {
  color: #dc3545;       /* red cross */
}

/* ─── Pagination Container ───────────────────────────────────────────────── */
/* ── Pagination Container ────────────────────────────────────────────────── */
.pagination {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin: 1rem 0;
  font-size: 0.85rem;       /* slightly smaller text */
}

/* ── Each <li> ───────────────────────────────────────────────────────────── */
.pagination .page-item {
  margin: 0 0.15rem;        /* small gap between buttons */
}

/* ── Each <a> (“button”) ─────────────────────────────────────────────────── */
.pagination .page-link {
  display: inline-block;
  min-width: 2rem;
  padding: 0.35rem 0.65rem; /* controls height/width of pill */
  line-height: 1.25;
  font-weight: bold;        /* bold text */
  text-align: center;
  color: #6c757d !important;           /* mid-gray text */
  background-color: #f8f9fa !important; /* very light gray background */
  border: 1px solid #dee2e6 !important; /* light gray border */
  border-radius: 0.375rem;   /* pill shape */
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

/* ── Hover State ───────────────────────────────────────────────────────────── */
.pagination .page-link:hover {
  color: #495057 !important;          /* darker gray text */
  background-color: #e9ecef !important; /* slightly darker background */
  border-color: #ced4da !important;   /* medium gray border */
  text-decoration: none;
}

/* ── Disabled “Previous”/“Next” When Not Applicable ────────────────────────── */
.pagination .page-item.disabled .page-link {
  color: #adb5bd !important;           /* lighter gray text */
  background-color: #f8f9fa !important; /* keep same light bg */
  border-color: #dee2e6 !important;    /* same border */
  cursor: not-allowed;
}

/* ── Active (Current Page) ─────────────────────────────────────────────────── */
.pagination .page-item.active .page-link {
  color: #212529 !important;           /* almost black text */
  background-color: #ced4da !important; /* medium-light gray background */
  border-color: #ced4da !important;    /* match background */
  cursor: default;
}

/* ── Smaller Variant (if using .pagination-sm) ────────────────────────────── */
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}

/* ── Optional: Focus Outline ───────────────────────────────────────────────── */
.pagination .page-link:focus {
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(108, 117, 125, 0.25); /* subtle gray glow */
}