/*
    CUSTOM TEMPLATE FOR GREEN PAGES
    Primary : #666d2c
    Primary dark : #828a3b
    Primary light : #71af2d;
*/
:root {
	--green-primary: #71af2d;
	--green-secondary: #aacf81;
	--green-text-black: #3f6b2a;
	--green-dark: #4a8e2a;
}

#mss-navigation-left-menu.dx-treeview li[aria-level="1"].dx-treeview-node > div.dx-item.dx-treeview-item,
.mss-footer-panel .footer-bottom {
    background-color: var(--green-primary);
}

.dx-button-mode-contained.dx-button-default,
#mss-navigation-left-menu.dx-treeview li[aria-level="2"].dx-treeview-node > div.dx-item.dx-treeview-item,
#mss-navigation-left-menu.dx-treeview li[aria-level="2"].dx-treeview-node > div.dx-item.dx-state-hover,
.mss-footer-panel .footer-middle {
    background-color: var(--green-secondary);
    color: var(--green-text-black);
}
#mss-navigation-left-menu.dx-treeview li[aria-level="2"].dx-treeview-node > div.dx-item.dx-treeview-item .arrowRight {
    background-color: var(--green-secondary);
}
#mss-navigation-left-menu.dx-treeview li[aria-level="3"].dx-treeview-node > div.dx-item.dx-treeview-item.dx-state-hover {
    background-color: #828a3b1f;
}
#mss-navigation-left-menu.dx-treeview li[aria-level="3"].dx-treeview-node.dx-state-focused > div.dx-item.dx-treeview-item {
    background-color: #828a3b;
}

.dx-button-mode-contained.dx-button-default.dx-state-hover {
 	background: #507B00;
    background-color: #507B00;
}

.mss-breadcrum-bg {
    background: transparent 0px 0px no-repeat;
	background-color: var(--green-primary);
    background-position-x: 50%;
    background-size: 1200px 100%;
	width: 100%;
 }

h1, 
.mss-breadcrum-bg .mss-breadcrum-text a
{
    background-color: transparent!important;
    color: #fff!important;
}

.mss-content-panel h2 {
	color: var(--green-primary)!important;
}

#mssLaboratoriesContactView .title
 {
	background-color: transparent!important;
	color: var(--green-text-black)!important;
}

.mss-admin-panel {
	background-color: transparent;
	border: 1px solid var(--green-primary);
    margin-bottom: 2px;
}

.mss-content-panel a,
.mss-content-seealso-panel .mss-admin-panel span,
.mss-content-item-titledescription-panel .mss-admin-panel span,
.mss-content-item-image-panel .mss-admin-panel span,
.mss-contact-view-panel .mss-admin-panel span,
.mss-content-panel .mss-admin-panel span {
    color: var(--green-primary)!important;
}

#mssLaboratoriesContactView .address,
#mssLaboratoriesContactView .phone
{
	color:#172409;
}

.mss-footer-panel .footer-bottom {
	background-color: var(--green-dark);
}

.mss-footer-panel .footer-middle {
	background-color: var(--green-primary);
    color: #fff;
}

.mss-footer-panel .footer-up-icon {
    background: transparent url(/d/img/theme_eco/icon-footer-up.png) no-repeat center center;
	background-size: cover;
}

@media (max-width: 1199px) {
	
	.mss-breadcrum-bg {
		background: none;
		background-color: var(--green-primary);
		width: 100%;
		height: auto;
	}
}

/*
 * MENU
 */
.mss-menumain-panel-submenu .dx-submenu {
	background-color: var(--green-primary) !important;
}

.mss-menumain-panel .dx-menu-item.dx-state-hover, 
.mss-menumain-panel .dx-menu-item.dx-state-hover .dx-menu-item-text {
	color: #828a3b;
}

.mss-menumain-panel-submenu .dx-submenu .dx-menu-item .dx-menu-item-text {
	color: #fff;
}
#mss-navigation-left-menu.dx-treeview li[aria-level="3"].dx-treeview-node > div.dx-item.dx-state-hover,
#mss-navigation-left-menu.dx-treeview .dx-treeview-node.dx-state-selected > div.dx-item.dx-treeview-item {
	color: #666d2c;
}

#mssContentApplication .mss-content-panel .content-item table td {
	border: 1px solid var(--green-primary) !important;
}

#mssContentApplication .mss-content-panel .content-item table tr:first-child {
	background-color: var(--green-primary) !important;
}

#mssNewsEditorApplication .mss-content-panel .content-item table td {
	border: 1px solid var(--green-primary) !important;
}

#mssNewsEditorApplication .mss-content-panel .content-item table tr:first-child {
	background-color: var(--green-primary) !important;
}


.mss-treeview-menu .dx-treeview-node[aria-level="2"] > .dx-treeview-item .mss-treenode-label {
	color: var(--green-text-black) !important;
}

@media (max-width: 991px) {
	.mss-treeview-menu .dx-treeview-node[aria-level="2"] > .dx-treeview-item .mss-treenode-label {
	   color: white !important;
  }
}