/* Add here all your CSS customizations */





.modalajaxloader {
   display:    none;
    position:   fixed;
    z-index:    3000;
    top:        0;
    left:       0;
    height:     100%;
	font:normal 16px Tahoma, Geneva, sans-serif;
    width:      100%;
	padding-top:300px;
	background: rgba( 255, 255, 255, .8 ) 
                url('../../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;			
}





.inputtxt {
    border: 2px solid #dadada;
    border-radius: 4px;
}

.inputtxt:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}


/*    padding:2px;   */


.submitBtn
{
	border-top:			2px solid #a3ceda; 
	border-left:		2px solid #a3ceda;
	border-right:		2px solid #4f6267;
	border-bottom:		2px solid #4f6267;
	padding:			0.5px 4px !important;
	font-size:			14px !important;
	background-color:	#0066FF;
	font-weight:		bold;
	color:				#FFFFFF;
}

.submitBtnred
{
	border-top:			2px solid #a3ceda; 
	border-left:		2px solid #a3ceda;
	border-right:		2px solid #4f6267;
	border-bottom:		2px solid #4f6267;
	padding:			2px 4px !important;
	font-size:			14px !important;
	background-color:	#FF0000;
	font-weight:		bold;
	color:				#FFFFFF;
}




@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}




fieldset {
/*  margin: 5px; */
    border: 1px solid silver;
	padding-left: 15px;
	padding-right: 15px;
  	padding-top: 4px;
	padding-bottom: 4px;
    border-radius: 4px;
}
legend{
	font-size:14px;
/* 	padding: 2px;     */
}





 .mlink{
  padding: 5px 15px;
/*  text-align: center; */
  text-decoration: none;
  display: inline-block;
  font-weight:bold;
  margin-bottom:5px;
  cursor:pointer;
  background-color:#0099e6; 
  color:#ffffff;
  border-color:#0099e6;
  text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    
}





  .mobile-only {
    display: none;
  }

  @media (max-width: 768px) {
    .mobile-only {
      display: block; /* or flex, grid, etc., depending on your layout */
    }
  }




/* Hide by default (mobile first) */
.desktop-only {
  display: none;
}

/* Show only on desktop */
@media screen and (min-width: 992px) {
  .desktop-only {
    display: block; /* or flex/grid/inline depending on your layout */
  }
}





.hr_inside_table {
  margin-top: 1px;  /* adjust as needed */
  margin-bottom: 1px;
}