/* Autogenerated file for tiger.tricommerce.dk at  08:21:53 */

/*
tricom-navigation {
    background-color: darkgoldenrod !important;
}
*/
body.login-body {
    background: transparent;
}

.tui-tricomblue-background,
.tui-tricomblue-hover-background:hover,
.tui-tricomblue-focus-background:focus,
.tui-tricomblue-active-background.active,
.tui-tricomblue-selected-background.selected {
    /*background-color: #27c6f7 !important;*/
    background-color: #27c6f7 !important;
    color: #fff;
}

.tui-tricomblue-color,
.tui-tricomblue-hover-color:hover,
.tui-tricomblue-focus-color:focus,
.tui-tricomblue-active-color.active,
.tui-tricomblue-selected-color.selected {
    color: #27c6f7 !important;
}

.tui-tricomblue-bordercolor,
.tui-tricomblue-hover-bordercolor:hover,
.tui-tricomblue-focus-bordercolor:focus,
.tui-tricomblue-active-bordercolor.active,
.tui-tricomblue-selected-bordercolor.selected {
    border-color: #27c6f7 !important;
}

.tricom-widget a,
.tricom-widget a:active,
.tricom-widget a:visited,
.tricom-widget a:focus {
    color: #27c6f7 !important;
}

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
    background-color: #ddd;
}

md-progress-linear .md-container.md-mode-query .md-bar2 {
    background-color: #ccc;
}

md-progress-linear.md-default-theme .md-container,
md-progress-linear .md-container {
    background-color: #eee;
}

.tui-secondary-background,
.tui-secondary-hover-background:hover,
.tui-secondary-active-background.active,
.tui-secondary-selected-background.selected {
    background-color: #868686 !important;
    color: #fff !important;
}

.tui-secondary-color,
.tui-secondary-hover-color:hover,
.tui-secondary-active-color.active,
.tui-secondary-selected-color.selected {
    color: #868686 !important;
}

.tui-secondary-bordercolor,
.tui-secondary-hover-bordercolor:hover,
.tui-secondary-active-bordercolor.active,
.tui-secondary-selected-bordercolor.selected {
    border-color: #868686 !important;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* SHELL *******************************************************************************************************************************/
/***************************************************************************************************************************************/

/* navbar logo */
.tui-navlogo {
    width: 150px;
    background-size: 150px;
    background-image: url(https://tricomimages.s3.eu-west-1.amazonaws.com/CustomerLogos/acentio_343x80_blue_gold.png);
    background-color: transparent;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* LOGIN *******************************************************************************************************************************/
/***************************************************************************************************************************************/
.signin-logo {
    background-image: url(https://tricomimages.s3.eu-west-1.amazonaws.com/CustomerLogos/acentio_343x80_blue_gold.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 100px;
    margin: 0 auto 50px;
}

footer .tricom-logo {
    background-image: url(https://tricomimages.s3.eu-west-1.amazonaws.com/CustomerLogos/acentio_187x45_white_gold.png) !important;
}

custom-login-panel a {
    color: #FFF;
}
/* Included acentio theme at 08:21:54 */
:root {
    --mt-font-family-heading: Roboto, sans-serif;
    --mt-font-family-content: Roboto, sans-serif;
    --mt-primary-color: #11506e; /*RGB: 17, 80, 110*/
    --mt-secondary-color: #dbc078;
    --mt-tertiary-color: #0a3042;
    --color-default-red: #AF3133;
    --color-default-green: #00AA8D;
    --color-default-black: #031016;
    --color-default-listitem-hover: #f6f6f6;
    --color-default-information: #e6d3a0;
}

h1 {
    font-family: var(--mt-font-family-heading) !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    text-transform: uppercase !important;
}

h2, h3, h4, h5, h6 {
    font-family: var(--mt-font-family-heading) !important;
    font-weight: 600 !important;
}

body {
    font-family: var(--mt-font-family-content) !important;
}

.mt-checkbox.md-checked .md-icon,
.mt-switch.md-checked .md-thumb,
.mt-btn-action,
ul.workflow li.active > span {
    background-color: var(--mt-secondary-color) !important;
}
ul.workflow li.active:before {
    border-color: var(--mt-secondary-color) !important;
}

/* }
.theme-hide-column-itemLabel {
    display: none !important;
}
.theme-hide-column-agreement {
    display: none !important;
}*/

/* --- Primary --- */

.mt-primary-color {
    color: var(--mt-primary-color);
}
.mt-primary-bg-color {
    background-color: var(--mt-primary-color) !important;
}
.mt-primary-border-color {
    border-color: var(--mt-primary-color) !important;
}
.mt-primary-hover-color:hover {
    color: var(--mt-primary-color) !important;
}
.mt-primary-hover-bg-color:hover {
    background-color: var(--mt-primary-color) !important;
}

/* --- Secondary --- */

.mt-secondary-color {
    color: var(--mt-primary-color) !important;
}
.mt-secondary-bg-color {
    background-color: var(--mt-primary-color) !important;
}
.mt-secondary-border-color {
    border-color: var(--mt-primary-color) !important;
}
.mt-secondary-hover-color:hover {
    color: var(--mt-primary-color) !important;
}
.mt-secondary-hover-bg-color:hover {
    background-color: var(--mt-primary-color) !important;
}

/* --- Red --- */

.color-default-red {
    color: var(--color-default-red) !important;
}
.color-bg-default-red {
    background-color: var(--color-default-red) !important;
}

/* --- Green --- */

.color-default-green {
    color: var(--color-default-green) !important;
}
.color-bg-default-green {
    background-color: var(--color-default-green) !important;
}

/* ==================================================

                        Header 

================================================== */

md-content.md-default-theme, md-content {
    color: black !important;
}

element.style {
    color: var(--mt-secondary-color) !important;
}

tricom-navigation .header-icon span.dot,
.mt-btn-mini + div.count {
    background-color: var(--mt-secondary-color) !important;
}

tricom-navigation .header-icon span.count {
    background-color: var(--mt-secondary-color) !important;
}

tricom-navigation {
    background-color: #fff;
    color: var(--mt-primary-color);
    font-weight: 500 !important;
}

.btn-app-selector {
    background-color: #fff !important;
}

.md-button.btn-app-selector md-icon, .tui-search-box button md-icon {
    color: vvar(--mt-primary-color)
}

.btn-app-selector:hover {
    background-color: var(--mt-primary-color) !important;
    color: var(--mt-primary-color)
}

.btn-app-selector:hover md-icon {
    color: #fff !important;
}

tricom-navigation .header-icon md-icon {
    color: #343536 !important;
    opacity: 1 !important;
}

action-bar {
    border-bottom: 1px solid #dbd9d6 !important;
}

action-bar .mt-btn-menu {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: rgb(52 53 54) !important;
}

action-bar .mt-btn-menu.active {
    border-bottom-color: var(--mt-primary-color) !important;
}

history-bar button:hover md-icon.app-icon::before, 
history-bar button.active md-icon.app-icon::before {
    color: var(--mt-secondary-color) !important;
}   

tricom-navigation .header-nav>div {
    border-left: 0px solid !important;
}

tricom-navigation .header-nav>div:nth-last-child(3) {
    border-right: 0px solid !important;
}

.tui-bold {
    font-weight: 600 !important;
}

/* ==================================================

                    App substitute 

================================================== */
.tsh-impctr {
    text-transform: uppercase !important;
    background-color: var(--mt-secondary-color) !important;
}

.tsh-impctr,
.tsh-impctr md-icon,
.tsh-impctr button {
	color: #FFF;
}

history-bar {
    border-right: 0px solid #fff !important;
    background-color: var(--mt-primary-color) !important;
}

.mt-profile-sidenav-change-user a {
    font-size: 12px !important;
    color: var(--mt-primary-color) !important;
    font-weight: 600 !important;
}

/* ==================================================

                    App sidebar 

================================================== */

tricom-app-selector .sidepanel-apps {
    background-color: var(--mt-primary-color) !important;
}

tricom-app-selector .sidepanel-apps::before  {
    background-image: none !important;
}
tricom-app-selector .sidepanel-apps h5 {
    color: #fff !important;
    text-transform: uppercase !important;
}
tricom-app-selector .sidepanel-apps h6 {
    font-weight: 300 !important;
    padding-top: 0 !important;
    font-size: 12px !important;
    color: #fff !important;
    margin-top: 5px !important;
}
.md-button.btn-app-selector {
    border-right: 0px solid #ddd !important;
    background-color: var(--mt-primary-color) !important;
}

tricom-app-selector .sidepanel-apps ul>li>button>md-icon {
    color: #fff !important;
}
tricom-app-selector .sidepanel-apps ul>li>button {
    color: #fff !important;
    font-weight: 600 !important;
   
}
.btn-close>md-icon {
    color: #fff !important;
}
.btn-close:hover md-icon {
    color: #000 !important;
}

/* --- Scrollbar --- */
.app-sidenav::-webkit-scrollbar-track
{
	background-color: #fff;
}

.app-sidenav::-webkit-scrollbar
{
	width: 5px;
	background-color: #fff;
}

.app-sidenav::-webkit-scrollbar-thumb
{
	background-color: #ccc;
}

history-bar md-icon.app-icon::before {
    color: #fff !important;
}   

.mt-btn-icon > md-icon, .mt-btn-close > md-icon {
    color: var(--mt-primary-color);
}  

/* ==================================================

                      Dashboard

================================================== */

activity-list .activity-list-item:hover {
    background-color: var(--color-default-listitem-hover) !important;
} 

.message-list-item:hover {
    background-color: var(--color-default-listitem-hover) !important;
}

/* ==================================================

                      Body

================================================== */

* .homeContainer {
    background-color: #fff !important;
}

.page-home nav ul li span.count {
    background-color: var(--mt-secondary-color) !important;
}

.mt-checkbox.md-checked .md-icon, 
.mt-btn-action, 
.md-button.md-default-theme.md-primary.md-fab, 
.md-button.md-primary.md-fab, 
.md-button.md-default-theme.md-primary.md-raised,
.md-button.md-primary.md-raised:not([disabled]),
ul.workflow li.active > span  {
    background-color: var(--mt-secondary-color) !important;
}

.mt-expansion-panel-header .md-button {
    font-family: var(--mt-font-family-heading) !important;
}   

.mt-checkbox.mt-mini .md-label {
    color: #343536 !important;
}

layout-field-error i.material-icons {
    color: var(--color-default-red);
}

.mt-btn-action > md-icon {
    color: #fff !important;
}

.mt-expansion-panel-header .md-button:hover {
    color: var(--mt-primary-color) !important;
}

/* ==================================================

                       Details 

================================================== */

.mt-list-order-items-head .mt-list-order-item-data-head {

    font-weight: 600 !important;
    background-color: var(--mt-primary-color) !important;
    color: white !important;
}

.width-60 {
    background-color: var(--mt-primary-color) !important;
}


/* ==================================================

                       Search 

================================================== */

filter-search-box .filter-input-selector md-select {
    background-color: #dbd9d6 !important;
}

.mt-table thead tr th {
    background-color: var(--mt-primary-color) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.mt-table thead tr th.th-select {
    background-color: transparent !important;
}

.mt-selector-menu .md-button:not(.mt-btn-close) md-icon {
    color: var(--mt-primary-color) !important;
}

.mt-chip {
    background-color: var(--mt-secondary-color) !important;
}

.mt-chip md-icon {
    color: #343536 !important;
}

.mt-table tbody tr td.td-image > div.picture-container > md-icon {
    color: var(--mt-primary-color) !important;
}

.mt-btn-chip {
    background-color: #fff !important;
    color: var(--mt-secondary-color) !important;
    font-weight: 600 !important;
}

span.mt-count.noninverted,
.mt-count {
    background-color: var(--mt-secondary-color)!important;
}

.mt-count.inverted  {
    background-color: var(--color-default-red)  !important;
}

.mt-chip.inverted  {
    background-color: var(--color-default-red)  !important;
}

table.mt-table tbody tr:hover td:not(.td-select):not(.td-image) {
    background-color: var(--color-default-listitem-hover) !important;
}

.mt-list-item.layout-row:hover {
    background-color: var(--color-default-listitem-hover) !important;
}

.mt-link {
    font-weight: 600 !important;
    color: var(--mt-secondary-color) !important;
}

.mt-btn-scroll-to-top md-icon {
    color: var(--mt-secondary-color) !important;
    font-size: 30px !important;
}

.mt-chip.clear-link {
    background-color: #f6f6f6 !important;
    text-transform: uppercase !important;
    border: 1px solid transparent !important;
    color: var(--mt-secondary-color) !important;
    padding-left: 11px !important;
    font-weight: 600 !important;
    height: 5px !important;
}

.mt-chip.clear-link md-icon {
    color: var(--mt-secondary-color) !important;
    font-weight: 600 !important;
}

/*.md-button:not([disabled]):hover {
    background-color: transparent !important;
}*/

.mt-btn-mini:not([disabled]):hover, .mt-btn-mini:hover {
    background-color: var(--mt-secondary-color) !important;
}

.mt-btn-cart:not([disabled]):hover, .mt-btn-cart:hover {
    background-color: var(--mt-secondary-color) !important;
}

.mt-sidenav-content {
    padding: 25px !important;
}


/* ==================================================

                       Loader 

================================================== */

/* --- Linear --- */
.mt-loader .md-container {
    background-color: #e6e6e6 !important;
}
.mt-loader .md-bar {
    background-color: var(--mt-secondary-color) !important;
    height: 30px !important;
}
   
/* --- Circular --- */
.mt-loader path {
    stroke: var(--mt-secondary-color) !important;
}

/* --- Progress overlay --- */
progress-overlay > div  md-progress-circular path {
    stroke: var(--mt-secondary-color) !important;
}
.platform-progress-overlay {
	background-color: #FFF;
    background-image: none;
    background: #FFF;
}

progress-overlay.platform-progress-overlay > div  md-progress-circular path {
    stroke: var(--mt-primary-color) !important;
}

/* --- Page --- */
.page-loader {
    background-color: #333 !important;
}
.page-loader md-progress-circular path {
    stroke: #fff !important;
}

/* ==================================================

                        Logo 

================================================== */

.mt-logo {
    background-image: url(https://tricomimages.s3.eu-west-1.amazonaws.com/CustomerLogos/acentio_343x80_blue_gold.png) !important;
    background-size: 100%;
    width: 115px;
}

/* ==================================================

                      Buttons 

================================================== */

/* --- Primary --- */

.mt-btn-primary {
    background-color: var(--mt-primary-color) !important;
    border-color: var(--mt-primary-color) !important;
}

.mt-btn-primary:hover {
    background-color: var(--mt-primary-color) !important;
    border-color: var(--mt-primary-color) !important;
}

/* --- Secondary --- */

.mt-btn-secondary {
    color: var(--mt-primary-color) !important;
}

.mt-btn-secondary:hover {
    border-color: var(--mt-primary-color) !important;
}

.mt-btn-mini,
.mt-search-box button,
.mt-autocomplete .mt-autocomplete-btn {
    background-color: var(--mt-primary-color) !important;
}


.mt-card > md-icon,
.tui-tricomblue-color,
.mt-btn-mini.mt-btn-light > md-icon {
    color: var(--mt-primary-color) !important;
}

.tui-tricomblue-background, 
.tui-tricomblue-hover-background:hover, 
.tui-tricomblue-active-background.active, 
.tui-tricomblue-selected-background.selected {
    background-color: var(--mt-secondary-color) !important;
    color: #fff;
}

.mt-btn-mini.mt-btn-light {
    background-color: #fff !important;
}

/* --- Mini --- */
.mt-btn-mini:hover {
    background-color: var(--mt-primary-color) !important;
}
.mt-btn-mini.mt-btn-light:hover md-icon {
    color: var(--mt-primary-color) !important;
}

.mt-btn-mini.mt-btn-light.md-button > md-icon,
.filter-button .mt-btn-mini.mt-btn-light > md-icon {
    color: var(--mt-primary-color) !important;
}


md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color: var(--mt-primary-color) !important;
}

.mt-tabs .mt-tabs-nav .md-tab .mt-btn-tab {
    color: black !important;
}

/* --- Action --- */
.mt-btn-action {
    background-color: var(--color-default-green) !important;
}

.mt-btn-action:hover {
    background-color: var(--mt-secondary-color) !important;
}

.mt-btn-action.color-default-red {
    background-color: var(--color-default-red) !important;
}


/* ==================================================

                      Tabs

================================================== */

.mt-tabs .mt-tabs-nav {
    background-color: #dbd9d6 !important;
    border-bottom: 0px solid #ddd !important;
}

.mt-tabs .mt-tabs-nav .md-tab .mt-btn-tab.active {
    color: var(--mt-primary-color) !important;
}

.mt-tabs .mt-tabs-nav md-ink-bar {
    background-color: var(--mt-secondary-color) !important;
    height: 4px !important;
}

.mt-tabs .mt-tabs-nav .md-tab .mt-btn-tab.active {
    color: rgb(52 53 54) !important;
    font-weight: 600 !important;
}

/* ==================================================

                     MISC

================================================== */

.drop-box {
    border: 1px dashed #ccc;
    padding: 50px 50px 40px;
}

.tp-filterbutton {
    padding: 0;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important;
    border-radius: 2px !important;
    background-color: var(--mt-primary-color) !important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container, .md-standard-list-container.md-autocomplete-suggestions-container {
    position: absolute;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    z-index: 100;
    height: 100%;
    width: 450px !important;
}

order-agreement-information-box .successful-message {
    background-color: #ffeeba !important;
    border-color: #ffeeba !important;
    color: #856404 !important;
}

.mt-btn-mini > md-icon {
    color: white !important;
}

.mt-btn-mini.mt-btn-light > md-icon {
    color: var(--mt-secondary-color) !important;
}

reports-view .search-text-box {
    margin-top: -1px !important;
}

keyboard-nav .keyboard-nav {
    background-color: rgb(17, 80, 110,.8) !important;
}

invoice-view .md-button.comments-button div.comments-count {
    background-color: var(--mt-secondary-color) !important;
}

filter-search-box #stbx search-type-ahead-recent-searches-pop-over button.type-ahead-button-clear-searches:not([disabled]):hover {
    background-color: var(--color-default-listitem-hover) !important;
}

filter-search-box search-type-ahead .mt-search-box.large .search-type-ahead-search:not([disabled]):hover {
        background-color: var(--color-default-listitem-hover) !important;
}

search-type-ahead-recent-searches-pop-over ul li button.default-link {
    background-color: transparent !important;
}

custom-collapsable-section .mt-expansion-custom-panel-header .md-button {
    font-family: var(--mt-font-family-heading) !important;
}

search-type-ahead .mt-search-box.large form .search-type-ahead-search:not([disabled]):hover {
    background-color: var(--color-default-listitem-hover) !important;
}

.file-library-btn div>button.md-button.mt-btn-mini>md-icon {
    color: var(--mt-secondary-color) !important;
}

/* ==================================================

                     Login page 

================================================== */

body.login-body {
    background-color: var(--mt-primary-color);
    background-image: none;
    background: linear-gradient(to bottom right, #1e2f3f, #3a5468);
}

.login-body h2 {
    font-weight: 300 !important;
    color: #fff !important;
    font-size: 15px !important;
}

custom-login-panel a {
    color: var(--mt-secondary-color);
}

/* ==================================================

                     Match 

================================================== */

.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: rgb(255 255 255) !important;
    background-color: var(--mt-secondary-color) !important;
}

md-dialog {
    min-height: 1px !important;
}

/* ==================================================

                     Procurement 

================================================== */

product-details-view img.supplier {
    visibility: hidden !important;
}