/* public */
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap');

html, body { 
    margin: 0; 
    padding: 0; 
    font-family: helvetica, sans-serif; 
}
        
.TPPHeader header { 
    display: flex; 
    align-items: center; 
    background-color: white; 
    border-bottom: 1px solid #d8d8d8; 
    padding-left: 20px;
    box-shadow: 0px 6px 15px rgba(200,200,200,0.3); 
    height: 50px; 
}

.TPPHeader header a { 
    text-decoration: none; 
}

.TPPHeader header .Title { 
    padding-left: 10px;
    font-size: 15pt;
    font-weight: 300;
    color: #666; 
    font-family: 'Maven Pro' !important;
    white-space: nowrap;
}

.TPPHeader header .Logo { 
    width: 80px; 
    height: 32.67px; 
    margin-right: 10pt;
}

.TPPHeader header .Logo svg { 
    height: 32.67px;
    width: 80px;
    padding-bottom: 3px;
}

.TPPHeader header .LogoDivider {

    border-left: 2px solid #999;
    width: 1px; 
    height: 30%;
}

.TPPHeader header .Login {
	flex: 1; 
    text-align: right; 
    padding-right: 15px;
    font-variant: all-small-caps;
    font-size: 11pt;
}

.TPPHeader header .Login a {
    color: #666;
    text-decoration: none;
}

.TPPHeader header .Login a:hover {
    color: #369;
    text-decoration: underline;
}