html, body {
    width: 100vw;
}
body {
    display: flex;
    margin: 0;
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100;
}

body.dealhub-cpq {
    font-family: var(--general-font);
    font-weight: 400;
    color: var(--grey200);
}

* {
    box-sizing: border-box;
}

dlh-root {
    display: flex;
    width: 100vw;
}

dlh-navigation-view {
    display: flex;
    flex: 0.8;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.view-wrapper {
    display: flex;
    flex: 1;
}

.form-section {
    display: flex;
    flex-direction: column;
    padding: 0px 20px 20px 20px;
}

.section-header h5 {
    font-weight: 400;
    font-size: 17px;
}

.horz-labels {
    display: flex;
    padding: 20px 20px;
}

.info-label {
    margin-right: 10px;
    color: #999;
}

.info-value {
    margin-right: 20px;
}

/*Navigation Icons*/

.dh-navlink-layout-settings{
    background: url('images/layout_settings.png') no-repeat center;
}
.dh-navlink-integrations-settings{
    background: url('images/integrations.png') no-repeat center;
}
.dh-navlink-dashboard-settings{
    background: url('images/dashboard_settings.png') no-repeat center;
}
.dh-navlink-pricebook-templates{
    background: url('images/printable-pricebook.png') no-repeat center;
}
.dh-navlink-user-management{
    background: url('images/global-theme/user_managment.png') no-repeat center;
}
.dh-navlink-version-settings{
    background: url('images/global-theme/version_settings.png') no-repeat center;
}
.dh-navlink-playbooks{
    background: url('images/global-theme/playbooks.png') no-repeat center;
}
.dh-navlink-products{
    background: url('images/global-theme/products.png') no-repeat center;
}
.dh-navlink-price-factors{
    background: url('images/global-theme/list-price-factors.png') no-repeat center;
}
.dh-navlink-discounts{
    background: url('images/global-theme/discounts.png') no-repeat center;
}
.dh-navlink-fx{
    background: url('images/global-theme/fx.png') no-repeat center;
}
.dh-navlink-workflows{
    background: url('images/global-theme/approval-workflow.png') no-repeat center;
}
.dh-navlink-output-documents{
    background: url('images/global-theme/output_doc.png') no-repeat center;
}
.dh-navlink-settings{
    background: url('images/global-theme/system_settings.png') no-repeat center;
}
.dh-navlink-approval-templates{
    background: url('images/global-theme/approval-templates.png') no-repeat center;
}
.dh-navlink-doc-templates{
    background: url('images/global-theme/document-templates.png') no-repeat center;
}
.dh-navlink-sub-doc-templates {
    background: url('images/global-theme/sub_documents.png') no-repeat center;
}
.dh-navlink-proposal-summary-preview {
    background: url('images/global-theme/proposal_summary_preview.png') no-repeat center;
}
.dh-navlink-excel-template{
    background: url('images/global-theme/excel-template.png') no-repeat center;
}
.dh-navlink-dealhub-templates{
    background: url('images/global-theme/html-templates.png') no-repeat center;
}
.dh-navlink-document-parameters{
    background: url('images/global-theme/fx.png') no-repeat center;
}
.dh-navlink-approval-dashboard {
    background: url('images/global-theme/approval-dashboard.png') no-repeat center;
}
/*End Navigation Icons*/

/* Override the font global for both frameworks  of FontAwesome */
.fa {
    font-family: "FontAwesome", "Font Awesome 5 Pro", serif !important;
    font-weight: 500 !important;
}

.link {
    color: var(--links-color);
    cursor: pointer;
}

.link:hover {
    color: var(--links-hover);
    text-decoration: none;
}

dlh-external-queries {
    height: 100%;
}

.w-100 {
    width: 100%
}
.h-100 {
    height: 100%
}
.d-flex {
    display: flex;
}
.flex-1 {
    flex: 1;
}
.m-0 {
    margin: 0;
}
.mr-2 {
    margin-right: 0.5rem;
}
.ml-2 {
    margin-left: 0.5rem;
}

.ml-4 {
    margin-left: 1.5rem;
}

.ml-35 {
    margin-left: 35rem;
}

.mt-2 {
    margin-top: 0.5rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.break-spaces {
    white-space: break-spaces;
}
.cursorPointer {
    cursor: pointer;
}

.app-header .dh-logo{
    background-image: url('https://prodeastus66b5c61e.azureedge.net/assets/icon/logo.svg');
    background-repeat: no-repeat;
    background-position: center calc(50% - 3.5px);
    background-size: 32px 21px;
    width: 40px;
    height: 40px;
}