/*change image in header*/
.tundra .header .headerImageContainer .headerImage {
	background-image: url("/assystimages/Logo/Clarks%20Logo.png");
}

/* Corporate Color for Header*/
.tundra .header {
    background: #FFFFFF;
}

/* Hide the support menu */
div[data-component-tag="support"]{
    padding-left: 0px;
    display:none;
}

/*headerPane*/
#applicationDiv {
    background-color: #A9CB6B;
}

/*Icons in header*/
.tundra .header .helpIcon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2097.5%2097.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23FFFFFF%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.5px%3B%7D.cls-2%7Bfill%3A%23004a21%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22assystNet_1%22%20data-name%3D%22assystNet%201%22%3E%3Ccircle%20id%3D%22Ellipse_247-2%22%20data-name%3D%22Ellipse%20247-2%22%20class%3D%22cls-1%22%20cx%3D%2248.75%22%20cy%3D%2248.75%22%20r%3D%2248%22%2F%3E%3Cpath%20id%3D%22Path_2804%22%20data-name%3D%22Path%202804%22%20class%3D%22cls-2%22%20d%3D%22M54.8%2C60H42.86V54.11a9.49%2C9.49%2C0%2C0%2C1%2C.84-4.72A19%2C19%2C0%2C0%2C1%2C47.31%2C45l5.27-5.55a5.12%2C5.12%2C0%2C0%2C0%2C1.11-3.61%2C4.25%2C4.25%2C0%2C0%2C0-1.4-3.61A3.71%2C3.71%2C0%2C0%2C0%2C49%2C30.79a4%2C4%2C0%2C0%2C0-3.33%2C1.67A10.47%2C10.47%2C0%2C0%2C0%2C44%2C37.18H31.47A17.65%2C17.65%2C0%2C0%2C1%2C37.3%2C25a19.6%2C19.6%2C0%2C0%2C1%2C24.15-.55%2C14.22%2C14.22%2C0%2C0%2C1%2C4.72%2C11.1%2C10.2%2C10.2%2C0%2C0%2C1-.83%2C4.72l-1.11%2C2.22c-.28.56-.83%2C1.11-1.4%2C1.94l-1.67%2C1.67-3.6%2C3.61a8.8%2C8.8%2C0%2C0%2C0-2.23%2C2.77%2C8.86%2C8.86%2C0%2C0%2C0-.55%2C3.06ZM42%2C69.94A6.94%2C6.94%2C0%2C1%2C1%2C49%2C76.88h0A6.87%2C6.87%2C0%2C0%2C1%2C42%2C70.07Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background-size: 30px 30px;
    height: 34px;
    width: 34px;
    margin-left: auto;
    display: block;
    padding: 0px;
    border: 2px solid #004a21;
}
.tundra .header .shoppingCart .cart-image {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2097.5%2097.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23FFFFFF%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.5px%3B%7D.cls-2%7Bfill%3A%23004a21%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22assystNet_1%22%20data-name%3D%22assystNet%201%22%3E%3Cg%20id%3D%22Group_1167%22%20data-name%3D%22Group%201167%22%3E%3Ccircle%20id%3D%22Ellipse_247-2%22%20data-name%3D%22Ellipse%20247-2%22%20class%3D%22cls-1%22%20cx%3D%2248.75%22%20cy%3D%2248.75%22%20r%3D%2248%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22shopping-cart-solid%22%20class%3D%22cls-2%22%20d%3D%22M21.16%2C23.38a2.54%2C2.54%2C0%2C0%2C0-2.53%2C2.79%2C2.65%2C2.65%2C0%2C0%2C0%2C2.67%2C2.28h5.48l6.66%2C26.64a5.05%2C5.05%2C0%2C0%2C0%2C4.92%2C3.81h29.1a5%2C5%2C0%2C0%2C0%2C4.84-3.73L77%2C37.85A5.44%2C5.44%2C0%2C0%2C0%2C71.77%2C31H36.38l1.27%2C5.08h31a2.78%2C2.78%2C0%2C0%2C1%2C2.68%2C3.51L67.46%2C53.82H38.36L31.7%2C27.18a5%2C5%2C0%2C0%2C0-4.92-3.8ZM64.29%2C58.9a7.61%2C7.61%2C0%2C1%2C0%2C7.61%2C7.6h0A7.64%2C7.64%2C0%2C0%2C0%2C64.29%2C58.9Zm-22.83%2C0a7.61%2C7.61%2C0%2C1%2C0%2C7.6%2C7.6h0A7.64%2C7.64%2C0%2C0%2C0%2C41.46%2C58.9Zm0%2C5.07a2.54%2C2.54%2C0%2C1%2C1-2.54%2C2.54h0A2.5%2C2.5%2C0%2C0%2C1%2C41.39%2C64Zm22.83%2C0a2.54%2C2.54%2C0%2C1%2C1-2.54%2C2.54h0A2.51%2C2.51%2C0%2C0%2C1%2C64.23%2C64Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
    background-position: center;
    cursor: pointer;
    text-decoration: none;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 2px solid #004a21;
    display: block;
}
.tundra .header .principalIconContainer .principalIcon {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-left: auto;
    padding: 0px;
    box-sizing: content-box;
    overflow: visible;
    border: 2px solid #004a21;
    background-color: transparent;
}

.tundra .header .principalIconContainer .principalIcon.alternativeImageUsed {
    border: 2px solid #004a21;
    height: 30px;
    width: 30px;		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='7' r='5' stroke='%23004a21' stroke-width='2' fill='white' /%3E%3Ccircle cx='10' cy='20' r='8' stroke='%23004a21' stroke-width='2' fill='white' /%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
}

/*search box controls */
.axios-application-search .applicationSearchContainer {
    background: #FFFFFF;
    border: 1px solid #004a21;
    display: flex;
    max-width: 700px;
    border-radius: 25px;
}
.axios-application-search .applicationSearchFilter {
    background: #004a21;
    height: 30px;
    width: 50px;
    margin: 0px;
    border-radius: 25px;
}

.axios-application-search .dijitComboButton .dijitButtonNode {
    background: #004a21;
    border: none;
    padding-bottom: 0px;
    border-radius: 25px;
}

/*Menu hover, active, focused colours*/
.tundra #axios-navigation-pane .axios-treerow-level-1.dijitTreeRowHover .dijitTreeLabel .menuItemLabelNode .labelNameNode,
.tundra #axios-navigation-pane  .axios-treerow-level-1.axios-treerow-level-1-active.dijitTreeRowHover .dijitTreeLabel .menuItemLabelNode .labelNameNode{
    color: #382062;
     border-bottom: 2px solid #A9CB6B;
}

.tundra #axios-navigation-pane  .axios-treerow-level-1.axios-treerow-level-1-active  .dijitTreeLabel .menuItemLabelNode .labelNameNode {
    color: #382062;
     border-bottom: 2px solid #A9CB6B;
}

.tundra #axios-navigation-pane  .dijitTreeNodeFocused .dijitTreeNodeFocused .axios-treerow-level-1 .dijitTreeLabel .menuItemLabelNode .labelNameNode {
    color: #555555;
     border-bottom: 2px solid #A9CB6B;
}


.tundra #axios-navigation-pane .axios-treerow-level-1.dijitTreeRowHover {
       background-color: #A9CB6B !important;
       box-shadow: none;
}

/*Header row of monitors*/
.tundra .lookup-dialog .dgrid .dgrid-header .dgrid-cell, .tundra .collaboration-summary-grid .dgrid .dgrid-header .dgrid-cell, .tundra .axios-event-monitor-welcome .axios-grid .dgrid .dgrid-header .dgrid-cell, .axios-event-monitor-welcome .tundra .axios-grid .dgrid .dgrid-header .dgrid-cell, .tundra .axios-item-monitor-welcome .axios-grid .dgrid .dgrid-header .dgrid-cell, .axios-item-monitor-welcome .tundra .axios-grid .dgrid .dgrid-header .dgrid-cell, .tundra .axios-event-monitor-homepage .axios-grid .dgrid .dgrid-header .dgrid-cell, .axios-event-monitor-homepage .tundra .axios-grid .dgrid .dgrid-header .dgrid-cell, .tundra .events-details .axios-grid .dgrid .dgrid-header .dgrid-cell, .events-details .tundra .axios-grid .dgrid .dgrid-header .dgrid-cell, .tundra .configuration-tab-content .axios-grid .dgrid .dgrid-header .dgrid-cell, .configuration-tab-content .tundra .axios-grid .dgrid .dgrid-header .dgrid-cell, .tundra .axios-event-monitor-welcome .axios-grid .dgrid .dgrid-scrollbar-width, .tundra .axios-event-monitor-homepage .axios-grid .dgrid .dgrid-scrollbar-width {
    background-color: #004a21;
    font-size: 0.92rem;
    font-weight: normal;
    color: #FFFFFF;
}

/*Set the colour on hover over*/
.tundra .collaboration-summary-grid .dgrid .dgrid-scroller .dgrid-row:hover, .tundra .axios-event-monitor-welcome .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .axios-event-monitor-welcome .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .tundra .axios-item-monitor-welcome .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .axios-item-monitor-welcome .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .tundra .axios-event-monitor-homepage .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .axios-event-monitor-homepage .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .tundra .events-details .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .events-details .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .tundra .configuration-tab-content .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .configuration-tab-content .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:hover, .tundra .collaboration-summary-grid .dgrid .dgrid-scroller .dgrid-row:focus, .tundra .axios-event-monitor-welcome .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .axios-event-monitor-welcome .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .tundra .axios-item-monitor-welcome .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .axios-item-monitor-welcome .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .tundra .axios-event-monitor-homepage .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .axios-event-monitor-homepage .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .tundra .events-details .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .events-details .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .tundra .configuration-tab-content .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus, .configuration-tab-content .tundra .axios-grid .dgrid .dgrid-scroller .dgrid-row:focus {
background: #A9CB6B !important;
}

/*colour of tabs when viewing events*/
.tundra .axios-tab-container .dijitTabContainerTop-tabs .dijitTabChecked {
    background-color: #A9CB6B;
}

.tundra .axios-tab-container .dijitTabContainerTop-tabs .dijitTab .tabLabel {
    color: #004a21;
}

/*Border of tiles on hover*/
.tundra .axios-tile-container .image_top .axios-configurableTile-tile-inner:hover,.tundra .axios-tile-container .image_left .axios-configurableTile-tile-inner:hover ,.tundra .axios-tile-container .image_full .axios-configurableTile-tile-inner:hover  {
	 border: 2px solid #A9CB6B;
}

/* Service Catalogue search box*/
.axios-service-catalogue .filterSearchFilter .dijitButtonNode, .axios-services-homepage-panel .filterSearchFilter .dijitButtonNode, .itemMonitorDetailPanel .filterSearchFilter .dijitButtonNode {
    background: #004a21;
 }

.axios-service-catalogue .filterSearchFilter, .axios-services-homepage-panel .filterSearchFilter, .itemMonitorDetailPanel .filterSearchFilter {
    background: #004a21;
}

.axios-service-catalogue .filterSearchContainer, .axios-services-homepage-panel .filterSearchContainer, .itemMonitorDetailPanel .filterSearchContainer {
    border: 1px solid #004a21;
}