.wrapper, body, html {
    font-size: 1rem;
}


.pbi-rupee-sign{
float: right;margin: -28px -8px;} 
/*
.v_seperator { 
	border-left: 2px solid rgb(0 0 0 / 26%);
	 
} 

.h_seperator { 
	border-bottom:2px solid rgb(0 0 0 / 26%);	 
}  
*/

.table .thead-th-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}


.table .thead-th-dark-blue {
    color: #fff;
    background-color: #28346f;
/*border-color: #454d55;*/
}



.table td {
  /*font-size:18px*/}
  
 .col-xs-1{width: 100px;}

th:not(:last-child), td:not(:last-child) { border-right: 1px solid #eeeeef; }


 .heading_bgcolor{
	/*  background-color: #f3d7ae;*/
	  background: linear-gradient(0deg, #e4f3fe 0%, #b5dcfb 100%);
	  font-weight:700;
}
 

.bg-border-color{    border-top: 2px solid #181919;
border: 2px solid black;
}


  .card-body-height{  min-height: 500px;}
  
  

.content-wrapper {
    /* background-color: #f4f6f9; */

background: linear-gradient( 
0deg
 , #e4f3fe2b 0%, #b5dcfb 100%);
}

background-color: #0f6e96;

 


.text-password{
	align-items: flex-start;
    color: #d93025;
    display: flex;
    font-size: 12px;
    line-height: normal;
    margin-top: 2px;
}


 
@media only screen and (max-device-width: 480px) { 		
		.table-borderless tbody tr td{		   
		  font-size: 12px !important;	
 		  
		} 
	legend{
		 font-size: 20px !important;
		 font-weight: 600;
	}		
    }	
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.table-borderless tbody tr td{		   
		  font-size: 12px !important;	
 	  
		}	
	legend{
		 font-size: 20px !important;
		 font-weight: 600;
	}		
	.login-box {     
    width: 86%;		 
}	


  #login {  
    width: 80%;
	position: relative !important;}	 
}

/* Smartphones (landscape) ----------- 
@media only screen and (min-width : 321px) {
.table-borderless tbody tr td{		   
		 
 		   font-size: 14px;
		}
	legend{
		 font-size: 20px !important;
		 font-weight: 600;
	}		
}*/

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.table-borderless tbody tr td{ 
 font-size: 12px !important; 
 
		} 
	legend{
		 font-size: 20px !important;
		 font-weight: 600;
	}
	
	  #login {  
    width: 80%;
	position: relative !important;}
		
	  
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.table-borderless tbody tr td{		   
		  font-size: 20px !important;
 		  
		}
			legend	{
		 font-size: 24px !important;
		 font-weight: 600;
	}
}
 
 
 
  .text-password-color{
	font-size: 12px; 
	color:#dc3545!important;
 }

.valid {
  color: green;
   font-size: 12px;
}
.invalid {
  color: #dc3545!important;
  font-size: 12px;
}
/*
.valid:before {
  position: relative;
 
    top: -6px;  
	font-size:6;
   content: "✓";
}


.invalid:before {
  position: relative;
   
    top: -6px; 
	font-size:6;
  content: "✕";
}*/

.reg_table td, th
{border:none;}

 
.label-color-grey{ background-color: #f2f0f0;}

.flashsuccess{
color:green; font-size:18px;
}

.login-content-height{
min-height: 465px;
}

.login-box-position{
position: absolute;text-align: center;top: 40%;left: 55%;transform: translate(-50%, -50%);
}

.flasherror{
color:red; font-size:18px;
}

.login-logo{
/*width: 40%;*/

height: 100%;margin-bottom: 20px;}
.login-logo-position{width:100%; height:100%;float: left;}
.nav-icon{
opacity: .9;width:60px
}

.nav-menu-height{
min-height:55px
}
.nav-username{
font-size:14px
}

.custom-footer{font-size: 13px;text-align: center;}

.login-project-title{
font-size: 28px;
font-weight: 600;
}

.table thead th{
vertical-align: middle;}




.reg_table td, th
{border:none;}

.ui-datepicker-calendar {
    display: none !important;
}
button.ui-datepicker-current { display: none; }
#ui-datepicker-div{display:none}
.table .table_heading th {
 background: linear-gradient( 0deg , #e3d5a433 0%, #cf9d2f 100%);
    border-bottom: 2px solid rgba(0,0,0,.125);
	}
button.ui-datepicker-current { display: none; }
.table input {min-width: 60px;}
.bg-light-gray{ background-color:#e9ecef;}


  .table td, .table th {
   
  border: 1px solid #dee2e6;}


 
	
.modal-box {
  display: none;
  position: fixed;
  z-index: 100000;
  width:50%; 
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body {  

 padding: 1em 1.5em !important;
	display: block;
	height: 500px !important;
	overflow-y: scroll;
 Z-index:10000000 !important;}

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  top: 0;
  left: 0; 
  z-index: 900;
  width: 100%;
  height: 50%; 
  background:#e1e1e1 !important; 
  
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position:absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

@media (min-width: 32em) {
  .modal-box { width: 50%; }
}
.card-body-height{
min-height: 800px !important;
}


	
.modal-box-reject {
  display: none;
  position: fixed;
  z-index: 1000;
  width:50%; 
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.modal-box-reject  header,
.modal-box-reject  .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box-reject  header h3,
.modal-box-reject header h4,
.modal-box-reject  .modal-header h3,
.modal-box-reject  .modal-header h4 { margin: 0; }

.modal-box-reject  .modal-body-reject { padding: 2em 1.5em;height: 220px; }

.modal-box-reject  footer,
.modal-box-reject .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay-reject {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  top: 0;
  left: 0; 
  z-index: 900;
  width: 100%;
  height: 50%; 
  background:#e1e1e1 !important; 
  
} 

@media (min-width: 32em) {
  .modal-box-reject  { width: 50%; }
}
 
.sidebar .nav-item a  {color: #fff;}
 
 
 
 
.pe-none:hover { cursor: not-allowed; } 
 
.pe-none {
   pointer-events: none;
}


.blink_text{	
  animation-name:blink;
  width:280px;
  animation-duration:2s;
  animation-timing-function:ease-in;
  animation-iteration-count:Infinite;
  }

@keyframes blink{
  0%{color:red;}
  50%{color:white;}
  100%{color:red;}
  
  
  .card-header {
	  background-color: #305b75;color:#fff !important;
  }
  
  .card-body-height{
	  min-height: 800px !important;
  }

  
 .custom-sidebar {
  background-color: #4A90E2 !important; /* Custom background color */
}