/* Autogenerated file for fikm.tricommerce.dk at  01:40:34 */

/*
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 01:40:34 */
: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;
}
main-application-container transition-notification,
main-application-container toast-container .toast-container {
	top: 90px;
}

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

                     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;
}

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

                     Dimensions 

================================================== */
/*
dimension-set-selector md-input-container  {
    max-width: 300px !important;
}
*/
/* Included fikm.tricommerce.dk theme at 01:40:34 */

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

                        Font 

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

/*
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
:root {
    --mt-font-family-heading: 'Georgia, "Times New Roman", Times, serif';
    --mt-font-family-content: 'Roboto', sans-serif;
}

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

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

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

                      Colors 

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

:root {
    --mt-primary-color: #366a96;
    --mt-secondary-color: #366a96;
    --color-default-red: #AF3133;
    --color-default-green: #00AA8D;
}

/* --- Primary --- */

.mt-primary-color {
    color: var(--mt-primary-color) !important;
}
.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;
}


.punchout-widget tui-list td {
    cursor: pointer;
}

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

                        Header 

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

tricom-navigation .header-icon span.dot {
    background-color: #00AA8D !important;
}

tricom-navigation {
    background-color: #366a96;
    color: #fff !important;
}

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

.btn-app-selector {
    background-color: #2c5c85 !important;
}
.btn-app-selector:hover {
    background-color: #2c5c85 !important;
}
.btn-app-selector:hover md-icon {
    color: #fff !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-primary-color) !important;
}

history-bar {
    background: #fff !important;
    border-right: 1px solid #ddd !important;
}

history-bar md-icon.app-icon::before {
    color: rgba(0,0,0,.7) !important;
}

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

                    App sidebar 

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

tricom-app-selector .sidepanel-apps {
    background-color: #fff !important;
}
tricom-app-selector .sidepanel-apps::before  {
    background-image: none !important;
}
tricom-app-selector .sidepanel-apps h5 {
    color: #000 !important;
}
tricom-app-selector .sidepanel-apps h6 {
    font-weight: 300 !important;
    padding-top: 0 !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 5px !important;
}

tricom-app-selector .sidepanel-apps ul>li>button>md-icon {
    color: var(--mt-primary-color) !important;
}
tricom-app-selector .sidepanel-apps ul>li>button {
    color: #000 !important;
}
.btn-close>md-icon {
    color: #999 !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;
}

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

                      Body

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

.mt-count {
    background-color: #ccc !important;
}

h2, h3, h4, h5, h6 {
    color: #000 !important;
}
/*
h5 {
    font-weight: 600 !important;
}
*/

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

                       Loader 

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

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

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

/* --- Page --- */
.page-loader {
    background-color: var(--mt-primary-color) !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/fikm.png) !important;
    background-size: 100%;
    width: 200px !important;
}
tricom-navigation .header-nav>div,
tricom-navigation .header-nav>div:nth-last-child(3) {
    border-color: rgba(255,255,255,0.1) !important;
}


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

                      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;
}

/* --- 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;
}

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

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

                      Tabs

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

.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-primary-color) !important;
}

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

                     Login page 

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

body.login-body {
    background-image: url(https://tricomimages.s3.amazonaws.com/themes/ecco.tricommerce.dk/bg.jpg) !important;
}
body.login-body:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    content: '';
    opacity: 0.6;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAD0lEQVQIW2NkgAJGKP0fAAEsAQJ84W2vAAAAAElFTkSuQmCC) rgba(0,0,0,0.7);
}

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

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

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

                     Custom 

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

template-renderer .template-page-section.edit-mode:hover {
    background-color: transparent !important;
}

template-field-renderer input, template-field-renderer textarea {
    width: 90% !important;
    background-color: #e5f9e5 !important;
}

template-field-renderer template-select-field md-input-container md-select {
    width: 90% !important;
    background-color: #e5f9e5 !important;
}

.mt-table thead tr th {
    background: #fff !important;
    color: #000 !important;
}

.mt-chip {
    background-color: #ddd !important;
}

.mt-btn-chip,
.mt-chip.clear-link {
    color: var(--mt-primary-color) !important;
}

tricom-navigation .header-icon span.count,
.page-home nav ul li span.count,
tricom-navigation .header-icon span.dot, 
.mt-btn-mini + div.count {
     background-color: var(--color-default-red) !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-primary-color) !important;
}

.mt-btn-icon > md-icon, .mt-btn-close > md-icon {
    font-size: 25px !important;
    height: 25px !important;
    width: 25px !important;
    min-height: 25px !important;
    min-width: 25px !important;
    line-height: 25px !important;
    color: #66CCBB !important;
}