body {
}

.vertical_line {
    border-left: 1px solid #273473; 
    height: 25%; 
    position: absolute; 
    left: 34px; 
    z-index: -1;
}
.uk-input {
    height: 40px !important;
}
.timeline_spacing {
    padding-top: 20px;
    vertical-align: middle;
}

.timeline_well {
    border-radius: 16px !important;
    box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.6) !important;
    display: inline-block;
    background-color: #ffffff;
    width: 100%;
    padding: 10px;
    margin: 10px 0px;
}

/* Employee Profile Settings */

.Employee_Profile {   
    font-family: inherit;;
    font-size: 14px; 
    color: #555555;
    
}
.box-container {
    width:100%;
    max-width:400px;
    margin:auto;
}

.timeline_well_2 {
  border-radius: 3px !important;
  box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.6) !important;  
  display: inline-block;
  background-color: #ffffff;
  width: 220px; 
  margin-left: 5px;
}

/* Employee Profile Settings */

.Employee_Profile_2 {   
    width:220px;     
    font-family: inherit;;
    font-size: 14px; 
    color: #555555;
}

.timeline_well_1 {
  border-radius: 3px !important;
  box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.6) !important;
  padding: 10px !important;
  display: inline-block;
  background-color: #ffffff;
  width: 780px;
  height:500px; 
  margin-left: 15px;
}

/* Employee Profile Settings */

.Employee_Profile_1 {
    padding: 20px !important; 
    width:780px; 
    height:500px; 
    font-family: 'Poppins' sans-serif;
    font-size: 14px; 
    color: #555555;
}

.EmployeeImageContainer {
    width:70px;
    float:left;
    height: 200px;
}

.EmployeeImage {
    width:150px; 
    height:150px;
}

.EmployeeImageButtonContainer {
    padding-left:0px; 
    text-align:left; 
    padding-top:10px;
}

.EmployeeInformationContainer {
    width:255px; 
    float:right; 
    padding-bottom:10px;
}

.EmployeeInformation {
    font-size: 18px;
}

.EmployeeInformationContainer2 {
    padding-bottom:10px; 
    display: inline-block; 
    width: 100%; 
    font-size: 12px;
}

.EmployeeInformation2 {
    float: left;
    width: 40%;
}

.Separation_EmployeeInformation {
    padding-bottom:10px;
}

.hdrRow {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:10px;
}