@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');


::-webkit-scrollbar {
    width: 0;  Remove scrollbar space
    background: transparent;  Optional: just make scrollbar invisible
}

.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

html {
	font-size: 1rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	font-family:'Helvetica',sans-serif;
}

h1,h2,h3,h4,h5,h6,p,div{
	font-family:'Poppins',sans-serif;

}
body {
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	font-family:'Poppins',sans-serif;
	
}
.hdrCls{
	background-color: #000000;
}
.bkcRead{
	background-color: red;
}
.bkcYellow{
	background-color: yellow;
}
.bkcGray{
	background-color: gray;
}
.bkcGreen{
	background-color: green;
}
.calR{
	background-color: red;
}
.calY{
	background-color: yellow;
}
.calGy{
	background-color: gray;
}
.calGn{
	background-color: green;
}
.calC{
	text-align:center;
}
.ndc{
	text-decoration: none;
	color:inherit;
}
.bc{
	margin-bottom: 15px;
}

.topm{
	background-color:#959595;
	margin-bottom: 15px;
	color:#ffffff;
}
a.hfive:link {color:#ffffff;text-decoration:none; margin-bottom: 2px; margin-top: 2px;}
a.hfive:visited {color:#ffffff;text-decoration:none; margin-bottom: 2px; margin-top: 2px;}
a.hfive:hover {text-decoration:underline; margin-bottom: 2px; margin-top: 2px;}
.rowsel{
	outline: 1px dashed;
}

.tmpl_hdr{ background-color:#BC8C4E;}
.txt_white{ color:white;}
.modal-header .close {
	font-size: 30px; bigger
}

.center_div{
	margin: 0 auto;
	width:80%; value of your choice which suits your alignment
}

.myEmpty {
  min-height: 10px;
}
.dv_border{
	border: 1px solid grey;
}
.big-checkbox {
	width: 20px; 
	height: 20px;
}

.badge-error {
  background-color: #b94a48;
}

.badge-warning {
  background-color: #f89406;
}

.badge-success {
  background-color: #468847;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-danger {
  background-color: #d90000;
}
h7 { 
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 0.2em;
  margin-left: 0;
  margin-right: 0;
}
.table-condensed{
  font-size: 0.5em !important;
}

.modal-backdrop {
  width: 100% !important;
  height: 100% !important;
}


.gj-datepicker-md [role=right-icon] {
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.gj-timepicker-md [role=right-icon] {
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}


.gj-textbox-md {
	font-family: 'Poppins',sans-serif;
	padding-right: 2.5rem !important;
} 


.my-card-shadow{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.header_title h6 {
	margin-bottom: 0 !important;
}


.pwd-input {
	position: relative;
}

.pwd-input i {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	width: 40px;
	height: 75%;
	border-radius: 5px;
	color: #999999;
}

.pwd-input i:hover {
	background-color: #f2f2f2;
	color: black;
}

.whatsapp-icon {
	position: fixed;
	bottom: 25px; 
	right: 25px; 
	z-index: 5;
}

.whatsapp-icon img {
	width: 180px;
}

.whatsapp-icon:hover {
	cursor: pointer;
}


select:invalid {
	color: gray;
}

select option {
	color: black;
}

.bxs-circle {
	font-size: 0.5rem;
	margin-right: 2px;
}

.badge-1, 
.badge-2, 
.badge-3 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.badge-green {
	background-color: #EEF5EF;
	color: #23953C !important;
	border: 1px solid #23953C;
}

.badge-red {
	background-color: #ffe8e7;
	color: #bb444a !important;
	border: 1px solid #bb444a;
}

.badge-grey {
	background-color: #EFEFEF;
	color: #898888;
	border: 1px solid #898888;
}

.badge-orange {
	background-color: #FDEBE1;
	color: #F95B02 !important;
	border: 1px solid #F95B02;
}

.badge-blue {
	background-color: #f3f7fe;
	color: #0d6efd !important;
	border: 1px solid #0d6efd;
}

.label-required {
	color: #e90505;
	margin-left: 3px;
}

@media (max-width:576px) {
	.whatsapp-icon {
		bottom: 15px; 
		right: 15px; 
	}

	.whatsapp-icon img {
		width: 160px;
	}
}