@import url("_packed/common.unpacked.css");
@import url("themes/classic/main.css");

.ui-tabs {
	padding: 0;
	position: relative;
	zoom: 1;
}

/* QB nav styles*/
.brandBar {
    background-color: #f6f5f7;
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.brandBar .hiddenLabel {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}

.brandBar .qbLogo {
    display: inline-block;
    height: 25px;
    width: 150px;
    margin-left: 24px;
    background: url("themes/classic/images/qb-logo-green.png");
    background: url("themes/classic/images/qb-logo-green.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: contain;
}

/* Page styles */
/* Container to display headers/error message */
.main {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: calc(100vh/6);
    color: #07040D;
    text-align: center;
    font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
}

/* heading at top displaying error code */
.errorHeader {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding-bottom: 8px;
    border-bottom: 1px solid #BFBDC1;
    text-transform: uppercase;
    margin-bottom: 38px;
}

/* heading with main error message on page */
.errorTitle {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 52px;
    margin-top: 0;
}

/* container for error copy */
.errorContent {
    font-size: 16px;
    max-width: 500px;
}

.errorContent p {
    padding: 0 0 8px;
    margin-top: 0;
}

/* any page links */
a.errorLink {
    color: #0067FF;
    text-decoration: none;
}
a.errorLink:hover,
a.errorLink:focus,
a.errorLink:active {
    color: #0054CF;
    text-decoration: underline;
}