/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*! Place your custom styles here */

.parent {
  margin: 1rem; 
  text-align: center;
}

.child {
  text-align: inline;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
}

/*  Navbar Dropdown Styling */

#divider-container {
height: 2px;
width: 2px;
position: relative;
display: inline-block;
margin-left: -10px;
margin-right: 7.33px;
}

#nav-divider {
height: 20px;
width: 1px;
background-color: gray;
position: absolute;
bottom: -6px;
}

@media only screen and (max-width: 1024px) {
/* For tablets: */
#divider-container {
 margin-left: 0px;
 margin-right: 0px;
}
}

@media only screen and (max-width: 990px) {
/* For tablets: */
#divider-container {
 margin-left: 10.188px;
 margin-right: 0px;
}
}

@media only screen and (max-width: 768px) {
/* For mobile phones: */
#divider-container {
 margin-left: 0px;
 margin-right: 0px;
}

#nav-divider {
  height: 1px;
  width: 1px 
/*  width will be handled by the javascript, set default as 1px for now      */
  bottom: 4px;
}
}

#select-parent,
.select-container,
.select-selected,
.select-dropdown,
.select-option {
box-sizing: border-box;
}

#select-label {
font-weight: 600;
letter-spacing: 0.5px;
font-size: .857142857142857em;
margin-top: -3px;
line-height: 26px;
}

.select-container {
height: 26px;
background-color: #1b3668;
display: inline-flex;
align-items: center;
padding: 0px 10px 0px 10px;
cursor: pointer;
position: relative;
margin-top: -3px;
}

.select-container.dropdown-hidden {
overflow: hidden;
/*   transition: none;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
}

.select-selected {
color: #ffffff;
font-weight: 500;
font-size: .857142857142857em;
font-family: Open Sans,Helvetica;
line-height: 26px;
}

.select-dropdown {
height: auto;
width: auto;
border: solid 1px white;
border-top: none;
position: absolute;
top: 26px;
left: -1px;
z-index: 9999;
}

.select-option {
background-color: #1b3668;
width: 100%;
height: 30px;
display: flex;
align-items: center;
padding: 0px 10px;
color: #ffffff;
font-weight: 500;
font-size: .857142857142857em;
font-family: Open Sans,Helvetica;
}
.select-option:hover {
background-color: #132649;
}

/* End Navbar Dropdown Styling */

/* Notification Navbar Styling */

.notification-badge {
position: absolute;
left: 10px;
bottom: 5px;
background-color: red;
color: white;
font-size: 10px;
width: 16px;
height: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}

.notification-link {
position: relative;
}

#subject-td p, #subject-td a {
display: inline; /* or display: inline-block; */
}
/* End Notification Navbar Styling */