@import url("sales_invoice.css");

:root {
    --tarkie-primary: #247BFF;
    --tarkie-primary-100: #4483EA;
    --tarkie-primary-200: #2159B5;
    --tarkie-primary-300: #2D3D5D;

    --gray-900: var(--tarkie-primary-300);
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-brand img {
    max-height: none;
    max-width: none;
}

body > .container {
    flex-grow: 1;
    background-color: #FBFCFF;
    max-width: none;
}

main.container {
    margin: 16px 40px;
    width: auto;
    padding: 24px;
}

.page_content a {
    color: var(--tarkie-primary-300);
}

[data-doctype="Web Form"] .page-content-wrapper .container .page_content .web-form-header,
[data-doctype="Web Form"] .page-content-wrapper .container .page_content .web-form,
.account-info {
    border: none;
}

.web-form-container, main.container {
    background-color: #fff;
    box-shadow: 0px 3px 20px 0px #18191C08;
}

.container, .main-column, .my-account-container {
    padding: 0;
    margin: 0;
}

.my-account-header {
    color: var(--tarkie-primary-100);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--tarkie-primary-100);
}

.row {
    margin: 0;
    height: 100%;
}

.sidebar-column {
    padding-top: 16px;
    background-color: var(--tarkie-primary-100);
}

.sidebar-item a {
    color: #fff;
}

.sidebar-item a:hover {
    color: #fff;
    background-color: var(--tarkie-primary-200);
}

.sidebar-item a.active {
    color: #fff;
    font-weight: 700;
    background-color: var(--tarkie-primary-200);
}

.btn.btn-primary, 
div#driver-popover-item 
.driver-popover-footer 
button.btn-primary, 
div#driver-popover-item 
.driver-popover-footer button.driver-next-btn {
    background-color: var(--tarkie-primary-100);
    color: var(--neutral);
    white-space: nowrap;   
}

.icon, .es-icon {
    --icon-stroke: #fff;
    --icon-fill-bg: var(--tarkie-primary-100);
}

.btn, div#driver-popover-item .driver-popover-footer button, div#driver-popover-item .driver-popover-footer button.driver-next-btn, div#driver-popover-item .driver-popover-footer button.driver-prev-btn, div#driver-popover-item .driver-popover-footer button.driver-close-btn, div#driver-popover-item .driver-popover-footer button.driver-disabled {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: none;
    font-size: var(--text-base);
}

ol.breadcrumb {
    padding: 0;
    margin: 1rem;
}