.userformStyle{
  
  
  justify-content: center !important;
  align-items: center;
 
  background-color:#e6e9eb;
}
 .userformStyle .container{

  max-width: 700px;
  width: 80%;
  background-color: #fff;
 
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.userformStyle .container .title{
  font-size: 25px;
  font-weight: 500;
  position: relative;
}
.userformStyle .container .title::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 30px;
  border-radius: 5px;
  background: linear-gradient(135deg, #71b7e6, #9b59b6);
}
.userformStyle .content form .user-details{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 12px 0;
}
.userformStyle form .user-details .input-box{
  margin-bottom: 15px;
  width: calc(100% / 2 - 20px);
}


.user-details label{
	color: #D8000C !important;
	
}


.user-details tr{
	height:1000px;
}


.userformStyle .error {
	color: #D8000C;
	
}

.errorcontainer{
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
           
    }
	

	
       table.dataTable {
  
    border-collapse: collapse !important;
   
}
		
.errorPage{		
 display: flex;
   flex-direction: column;
background-color: white !important;
height:400px;
width:500px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
 align-items: center;
}


 .display.dataTable  {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
}



.loader {
	display: block;
	  z-index: 100000;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: auto;

  
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    color:darkred;
  
  
} 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}