.app-action{
    padding:100px 10px;
}

#loading{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
    border:0px solid #444444;
    background-color:#FFFFFF;
}

#splash{
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
    border:0px solid #444444;
    background-color:#FFFFFF;
}

#loading_, #splash_{
    border:0px solid #444444;
    margin:15% auto;
    
}

.btn{
    width:150px;
}
  
#main-content{
	margin-top:-35px;
}

.dataTables_wrapper .select-item{
    padding-left:5px;
}

.btn-full{
    width:100%
}


.loader-spin {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #5a8dee;
    width: 10px;
    height: 10px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


.inp-mbl{
    height: 70px;
    text-align:center;
    font-size:20px;
}

.btn-circle {
  width: 80px; /* Adjust as needed */
  height: 80px; /* Adjust as needed */
  padding: 0; /* Remove default padding for better centering */
  border-radius: 50%;
  display: inline-flex; /* Use flexbox for easy centering */
  align-items: center;
  justify-content: center;
  font-size: 30px; /* Adjust font size as needed */
}


 /*** Time line ***/
.timeline {
  border-left: 2px dotted #5a8dee;
  position: relative;
  list-style: none;
  
}

.timeline .timeline-item {
  position: relative;
}

.timeline .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .timeline-item:after {
  background-color: #5a8dee;
  left: -43px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  content: "";
}