/* public */

.TCCTopSiteBar { 
    display: flex; 
    background-color: white; 
    padding: 8px 10px; 
    align-items: center; 
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(200,200,200,0.3);
    margin-bottom: 0rem;
    box-shadow: 0px 6px 15px rgba(200,200,200,0.3);
    height: 50px;
}

@media only screen and (max-width: 768px) {
    .TCCTopSiteBar { display: none; }
}

/***** LOGO *****/

.TCCTopSiteBar .Logo { 
    display: flex;
    align-items: center;
    margin-left: 10px; 
    width: 80px;
    cursor: pointer; 
    margin-right: 8px;
}

.TCCTopSiteBar .Logo svg {
    height: 32.67px;
    width: 80px;
    padding-top: 2px;
}

.TCCTopSiteBar .LogoDivider {
    margin-right: 5pt;
    border-left: 2px solid #999; 
    width: 1px; height: 50%;
}

/***** TITLE *****/

.TCCTopSiteBar .Title { 
    margin-right: 20px; 
    white-space: nowrap; 
    flex: 1; 
    font-family: mavenpro; 
    font-size: 15pt; 
    font-weight: 500; 
    color: #666; 
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.TCCTopSiteBar .Title > span {
    cursor: pointer;
}

/***** SEARCH INPUT *****/

.TCCTopSiteBar .SearchInput {
	display: flex; 
    position: relative; 
    text-align: right; 
    width: 250px; 
    margin-right: 40px;    
}

.TCCTopSiteBar .SearchInput > input {
	outline: none; 
    flex: 1; 
    background-color: #fff; 
    font-size: 10pt; 
    border-radius: 14px; 
    border: 1px solid #d8d8d8; 
    padding: 4px 8px !important; 
    padding-left: 25px !important;    
}

.TCCTopSiteBar .SearchInput > input::placeholder {
    color: #aaa;
}

.TCCTopSiteBar .SearchInput > i {
	position: absolute; 
    left: 6px; 
    top: 6px !important; 
    color: #888; 
    font-size: 10pt;
}

/***** PROFILE PIC *****/

.TCCTopSiteBar .ProfilePic { 
    margin-right: 6px; 
}

/***** ACCOUNT NAME & DROPDOWN MENU *****/

.TCCTopSiteBar .AccountMenu { 
    margin-right: 20px;
}

.TCCTopSiteBar .AccountMenu .PopdownButton { 
    display: flex; 
    align-items: center; 
    font-size: 11pt; 
    cursor: pointer; 
    text-transform: capitalize; 
    height: 40px; 
    background-color: white; 
    color: #888; 
}

.TCCTopSiteBar .AccountMenu .Popdown { 
    position: relative; 
    display: inline-block; 
}

.TCCTopSiteBar .AccountMenu .Popdown .PopdownContent { 
    display: none; 
    position: absolute; 
    background-color: white; 
    min-width: 160px;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2); 
    z-index: 1; 
    right: -10px; 
    border-radius: 7px; 
    border: 1px solid #d8d8d8;
}

.TCCTopSiteBar .AccountMenu .Popdown .PopdownContent a:first-child {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.TCCTopSiteBar .AccountMenu .Popdown .PopdownContent a:last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.TCCTopSiteBar .AccountMenu .Popdown .PopdownContent a { 
    color: #555; 
    padding: 6px 10px; 
    text-decoration: none; 
    display: block; 
    font-size: 10.5pt;
    cursor: pointer;
}

.TCCTopSiteBar .AccountMenu .Popdown .PopdownContent a:hover { 
    color: black;
    background-color: #f8f9fa; 
}

.TCCTopSiteBar .AccountMenu .Popdown:hover .PopdownContent { 
    display: block; 
}

.TCCTopSiteBar .AccountMenu .Popdown:hover .PopdownButton { 
    color: black; 
}