@charset "utf-8";
/* CSS Document */

/* els colors */
:root  {
    
    /* Colors */
    --main-color: 20, 19, 59;
    --main-font-color: 255,255,255;
    --main-color-highlight: 223, 231, 234;

    --main-color-washed: 57, 107, 146;	
    
    --secondary-color: 255,255,255;
    --secondary-font-color: 20, 19, 59;
    --secondary-color-highlight: 223, 231, 234;

    --tertiary-color: 20, 19, 59;
    --tertiary-color-highlight: 223, 231, 234;
    --tertiary-font-color: 255,255,255;

    --regret-color: 255, 255, 255;
    --regret-highlight: 223, 231, 234;
    --regret-font-color: 20,19,59;
    
		
    /* Area specific colors */
    --mega-menu-highlight-color:  223, 231, 234;
    --mega-menu-font-highlight-color: 20, 19, 59;
    --mega-menu-step-width: 300px;
    --mega-menu-font-size: 14px;

    --page-background-color: 245, 245, 245;
    --sticky-top-background-color: 255, 255, 255;
    
    --case-overview-header-color: 255, 255, 255;
    --case-overview-footer-color: 255, 255, 255;

    --checkout-header-color: 255, 255, 255;
    /* --checkout-footer-color: 255, 255, 255; */
	--checkout-footer-color: 255, 255, 255;

    /* card variables*/
    --card-header-background-color: 137, 138, 156;
    --card-header-color: 137, 138, 156;
    --card-body-color: 255, 255, 255;

    --card-header-highlight-color: 206, 169, 65;
    --card-body-highlight-color:255, 255, 255;
    
    /* navbar variables*/
    --nav-menu-item-width: auto;

    /* image icon height */
    --image-icon-height: 24px;

    /* */
    --btn-border-radius: 1.5rem;
}

/* tallykey colors */
:root_tal {
    
    /* Colors */
    --main-color: 45, 45, 106;
    --main-color-washed: 57, 107, 146;	
    --secondary-color: 145, 184, 139;
    --tertiary-color: 86, 192, 213;
    
	--main-font-color: 255,255,255;
    --secondary-font-color: 255,255,255;
    --tertiary-font-color: 255,255,255;
		
    /* Area specific colors */
    --mega-menu-highlight-color:  86, 192, 213;
    --mega-menu-step-width: 200px;
    --mega-menu-font-size: 16px;


    --page-background-color: 245, 245, 245;
    --sticky-top-background-color: 255, 255, 255;
    
    --case-overview-header-color: 255, 255, 255;
    --case-overview-footer-color: 255, 255, 255;

    --checkout-header-color: 255, 255, 255;
    /* --checkout-footer-color: 255, 255, 255; */
	--checkout-footer-color: 86, 192, 213;

    /* card variables*/
    --card-header-background-color: 20, 19, 59;
    --card-header-color: 137, 138, 156;
    --card-body-color: 255, 255, 255;

    --card-header-highlight-color: 86, 192, 213;
    --card-body-highlight-color:215, 228, 233;
    
    /* navbar variables*/
    --nav-menu-item-width: auto;

    /* image icon height */
    --image-icon-height: 24px;
}

html, body {
    width: 100%;
    height: auto;
}

html {
	overflow-x: hidden;
}

.display{
    background-color: rgba(var(--page-background-color));
}

.fixed-bottom {
	padding-left: 50px;
	padding-right: 50px;
}

.footer_row {
	border-top: 2px solid black;
}


/* Custom Font Family Assignment */
h1, h2, h3, h4, h5, h6 {
    /* font-family: 'PT Sans Narrow', sans-serif; */
    font-family: 'Droid Sans', sans-serif;

}

.text-size-lg {
    font-size: 20px!important;
}
.text-size-md {
    font-size: 16px!important;
}
.text-size-sm {
    font-size: 12px!important;
}

.text-size-xs {
    font-size: 10px!important;
}

body {
    /*font-family: 'Roboto', sans-serif;*/
	/* font-family: 'PT Sans Narrow', sans-serif;	*/
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em;
	line-height: 1.71428571;
}

.footer{
    position: fixed;
    bottom: 0;
    z-index: 1030;
	border-top: 2px solid rgba(var(--main-color));
    background-color: rgba(var(--sticky-top-background-color));
    color: black;
}

.sticky-top{
    background-color: rgba(var(--sticky-top-background-color));
}

/* Main Customer color and variations */
.customerColor {
    background-color: rgba(var(--main-color))!important;
}
.customerColor-washed {
    background-color: rgba(var(--main-color-washed))!important;
}
.customerColor.lighten-1 {
    background-color: rgba(var(--main-color), 0.9)!important;
}
.customerColor.lighten-2 {
    background-color: rgba(var(--main-color), 0.8)!important;
}
.customerColor.lighten-3 {
    background-color: rgba(var(--main-color), 0.7)!important;
}
.customerColor.lighten-4 {
    background-color: rgba(var(--main-color), 0.6)!important;
}
.customerColor.lighten-5 {
    background-color: rgba(var(--main-color), 0.5)!important;
}
/* Secondary Customer color */
.customerColor2 {
    background-color: rgba(var(--secondary-color))!important;
}

.customerColor3 {
    background-color: #666666!important;
	color: #ffffff!important;
}

.customerColor4 {
    background-color: rgba(var(--tertiary-color));
    color: rgba(var(--tertiary-font-color))
}

.customerColorIcon {
    color: rgba(var(--secondary-color))!important;
}

/* Customer Text Highlight color */
.custTxtHColor {
    color: rgba(var(--secondary-color))!important;
}
/* Customer Text main color */
.custTxtColor {
    color: rgba(var(--main-color))!important;
}

/* Button outline color*/
.btn-outline-primary {
    border-color: rgba(var(--main-color))!important;
}
.btn-outline-secondary {
    border-color: rgba(var(--secondary-color))!important;
}
.btn-outline-secondary:hover {
    color: rgba(var(--secondary-color))!important;
    border-color: rgba(var(--secondary-color))!important;
}


/* Navbar */
/*
.navbar {
    padding: 2px 1rem;
}
*/

.dropdown-menu {
    z-index: 1030;
}


.mm-nav-item{
    width: var(--nav-menu-item-width);
	display: block;
	justify-content: center;
	align-items: center;
}

.caseid-nav-item{
    width: var(--nav-menu-item-width);
	display: flex;
	justify-content: center;
	align-items: center;
}
/* .mm-nav-item:hover .dropdown-menu{
    display: block;
} */

.nav-item {
    /*border-bottom: 3px solid transparent;*/
	/* height: 50px; */
	/* height: 40px; */
	/* width: 200px; */
	width: var(--nav-menu-item-width);
	display: block;
	justify-content: center;
	align-items: center;
}

.navbar .dropdown-menu a:not(.active){
    color: unset !important;
}

.caseid-nav-item:hover, .mm-nav-item:hover > .megamenu-row.arrow-row, .megamenu-row.plus-row > a:hover, .navbar-nav > .mm-nav-item:hover, .megamenu-row > a:only-child:hover {
    background-color: rgba(var(--main-color))!important; 
    color: rgba(var(--main-font-color)) !important;
    transition: all 0.2s ease-in-out;
}


.megamenu-row > a {
    padding: 0px;
    font-size: var(--mega-menu-font-size) !important;
    transition: unset;
    -webkit-transition: unset;
}

.megamenu-row > a:hover {
    transition: unset;
    -webkit-transition: unset;
}



.product-menu-highlight {
    background-color: rgba(var(--main-color)) !important;
    color: rgba(var(--main-font-color)) !important;
}

.product-menu-selected {
    background-color: rgba(var(--mega-menu-highlight-color));
    color: rgba(var(--mega-menu-font-highlight-color))
}

/* two items */

.nav-link.rs-active{
	 background-color: rgba(var(--tertiary-color))!important;

}

.nav-item.myactive {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: rgba(var(--tertiary-color))!important;
	/* background-color: #3f678b!important; */
}

.nav-newoffers {
	width: 120px;
	background-color: #000000!important;
}

.nav-newoffers.myactive {
	width: 120px;
	background-color: #2f2f2f!important;
}

.nav-newoffers:hover {
	width: 120px;
	background-color: #2f2f2f!important;
}

.nav-myoffers {
	width: 120px;
	/* background-color: #f3a001!important; */
	background-color: rgba(var(--main-color))!important;
}

.nav-myoffers.myactive {
	/* background-color: #ef7b18!important; */
	background-color: rgba(var(--tertiary-color))!important;
}

.nav-myoffers:hover {
	/* background-color: #ef7b18!important; */
	background-color: rgba(var(--tertiary-color))!important;
}

.customerColor2:hover {
	/* background-color: #ef7b18!important; */
	background-color: #A2C29C!important;
}

.customerColor3:hover {
	background-color: #000000!important;
}

.text-size-productmenu {
	font-size: 14px!important;
}

.mySearchField {
	margin-left: -15px;
}

.selectpicker {
	border: 1px solid lightgray!important;
}

#priceDropdown {
	margin-left: 50px;
}

#sortingDropdown, #myPageSortingDropdown, #augerSortingDropdown, #accessoriesSortingDropdown {
	width: 160px;
	margin-left: 50px;
	margin-right: 36px;
}

/*
div.showthisdiv {
	background-color: green;
}
*/

.mymenuframe {
	height: 45px;
	border-bottom: 2px solid black!important;
	/* background-color: blue!important; */
}

/* Icon Sizing */
.icons {
    font-size: 2rem;
}
i {
    cursor: pointer;
}


/* Cart Icon and Popover */
.popover {
    min-width: 400px;
    max-width: 600px;
}
.pop-img {
    max-width: 57px;
    max-height: 65px;
}
.pop-div {
    width: 57px;
    /*height: 65px;*/
}
#createQuote {

}
/* -Cart Icon and Popover */

/* Materials icons gray out*/
.mat-img {
    opacity: 0.5;
}
/* Material labels */
.mat-lb {
    max-width: 70px;
}


/* Logo */
.logo {
    /*height: 65px;*/
	/*height:	30px;*/
    height:56px;
    width: auto;
    margin-right: 8px;
}

/* MegaNavbar */
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu {
    position: relative; }
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%; }
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu.r-100 {
    right: 100%; }
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu.l-auto {
    left: auto; }

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0; }


/* Sorting tools */
.cending-group .active, .price-group .active {
    background: #3b3b3b !important;
    color: white;
    transition: 0.5s;
}
.cending-group .btn, .price-group .btn {
    width: 130px!important;
    height: 35px!important;
}
.sort-product input, .sort-dealer input {
    margin-bottom: 0!important;
    border: 1px solid black!important;
    border-radius: 0.15rem!important;
    padding-left: 10px!important;
}
.sort-product .caret, .sort-dealer .caret {
    padding-right: 10px!important;
}

.form-check-label {
	padding-top: 1px!important;
	color: black!important;
	font-weight: bolder!important;
	font-family: 'Droid Sans', sans-serif!important;
	font-size: 12px!important;
}

.filter-apply, .filter-reset {
	width: 48%!important;
}

.filter-reset-all {
	width: 100%!important;
}

.customtofromfield>input {
	font-size: 12px!important;
	width: 60px!important;
	height: 25px!important;
}

.customtofromfield>p {
	font-size: 12px!important;
}

.cardbodyside {
	/* padding-top: 8px!important; */
	/* padding-left: 9px!important; */
	padding: 8px!important;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cardbodysideDetails {
	padding: 8px!important;
}

.cardbodysideDetailsNoOverflow {
	padding: 8px!important;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.filterTxtColor {
	color: black!important;
}


input[type="checkbox"] + label {
    padding-left: 25px!important;
    color: #000000!important;
}

input[type=range]::-webkit-slider-thumb {
    background-color: #f3a001!important;
}
input[type=range]::-moz-range-thumb {
    background: #f3a001!important;
}
input[type=range]::-ms-thumb {
    background: #f3a001!important;
}

.multi-range-field input[type="range"]+.thumb {
	background-color: rgba(var(--main-color))!important;
}

.indigo-text {
	color: rgba(var(--main-color))!important;
}

.text-size-sidebar {
	font-size: 14px!important;
}

div.main_col {
	padding-left: 50px;
	padding-right: 50px;
	/* background-color: lightgray!important; */
}

.filter-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;
	
	height: 750px;
	overflow: auto;
}

.product-details-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 650px;
	overflow: auto;
}

.fa-stack { font-size: 0.5em; }


.filter-side-bar>.accordion>.card>.card-header>a>h5>span>i {
    color: white!important;
    background-color: rgba(var(--tertiary-color))!important;
}

.filter-side-bar>.accordion>.card>.showmenow>a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: rgba(var(--tertiary-color)) !important;
    background-color: white!important;
}


.filter-side-bar>.accordion>.card>.card-header:hover >a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: rgba(var(--tertiary-color)) !important;
    background-color: white!important;
}


/* Filter side bar */
/* Overrides the customer color class */
.filter-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}
.filter-side-bar>.accordion>.card>.card-header>a>h3 {
    color: black!important;
    font-weight: 300!important;
}
.filter-side-bar>.matchingResults {
    background-color: #e9e8e8 !important;
    border-bottom: 1px solid white!important;
}

/* Skifter farve på card-header */
.filter-side-bar>.accordion>.card>.showmenow {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

/* Skifter farve på teksten på card-header */
.filter-side-bar>.accordion>.card>.showmenow>a>h5 {
    color: white!important;
}

/* Skifter farve på card-header, når musen hover over. */
.filter-side-bar>.accordion>.card>.card-header:hover {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

.filter-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.text-size-productbar {
	font-size: 14px!important;
}

.product-details-side-bar>.accordion>.card>.card-header>a>h5>span>i {
    color: white!important;
    background-color: rgba(var(--tertiary-color))!important;
}

.product-details-side-bar>.accordion>.card>.showmenow>a>h5>span>i {
	color: rgba(var(--tertiary-color)) important;
    background-color: white!important;
}

.product-details-side-bar>.accordion>.card>.card-header:hover >a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: rgba(var(--tertiary-color)) !important;
    background-color: white!important;
}

/* Product details side bar */
/* Overrides the customer color class */
.product-details-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

.product-details-side-bar>.accordion>.card>.showmenow {
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

.product-details-side-bar>.accordion>.card>.card-header:hover {
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

.product-details-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.product-details-side-bar>.accordion>.card>.card-header>a>h3 {
    color: black!important;
    font-weight: 300!important;
}

/* Skifter farve på teksten på card-header */
.product-details-side-bar>.accordion>.card>.showmenow>a>h5 {
    color: white!important;
}

.grid-item--width2 { 
	width: 542px!important; 
}

.grid-item--width3 { 
	width: 828px!important; 
}

.infoCard {
	background-color: rgba(var(--sticky-top-background-color));
    height: 3rem;
	font-size: 14px!important; 
	text-transform: uppercase!important; 
}

.infoCardHeaderRow {
	background-color: #eeeeee;
    height: 3rem;
	font-size: 14px!important; 
}

.freightcard {
	border: 1px solid #cccccc!important;
}

.freightcard:hover {
	border: 3px solid #3f678b!important;
}

.checkoutCard-header, .caseordercard-header {
	height: 30px!important;
	background-color: #ffffff!important;
	border: none!important;
	font-size: 16px!important; 
	font-weight: bold; 
}

.checkoutCard {
    /* width: 16rem; */
    /* height: 14rem; */
	border: 1px solid #cccccc!important;
}

/*
.checkoutCard>.card {
     height: 15rem;
}
*/

.checkoutCard:hover {
 	/*border: 3px solid #3f678b!important; */
	border: 3px solid #f3a001!important;
}

.accessoriefooter {
	background-color: #ffffff!important;
	text-align: left!important;
	border: none!important;
}

.accessorieCard {
	height: 6rem!important;
	/* border: 1px solid #cccccc!important; */
	border-top: 1px solid #cccccc!important;
}

.product-head-text {
	font-size: 14px;
	font-weight: bold;
}

.product-dita-text {
	font-size: 12px;
}

button.prodapprovalbtn {
	height: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background-color: rgba(122, 223, 169)!important; */
	background-color: rgba(253, 224, 82)!important;
	color: black!important;
	font-size: 12px;
	font-weight: bold;
	
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
}

.new-checkout tr {
	border-top: 0px solid #dee2e6!important;
}

.new-checkout td {
	border-top: 0px solid #dee2e6!important;
}

/* Product carDs */
.productCard {
    width: 16rem;
    /*height: 27rem;*/
    height: 20rem;
    transition: box-shadow 0.5s;
	border: 1px solid #cccccc!important;

}
.productCard .cardFooter {
    height: 2.5rem;
}
.productCard:hover {
    box-shadow: 0 2px 5px 3px rgba(var(--main-color),0.86), 0 2px 10px 6px rgba(var(--main-color),0.22);
	border: 3px solid #3f678b!important;
}

.activeCard {
	border: 3px solid #3f678b!important;
}

/* Special labels */
.corner {
    width: 0;
    height: 0;
    border-top: 100px solid rgba(var(--secondary-color), 0.40);
    border-bottom: 100px solid transparent;
    border-right: 100px solid transparent;
    position: absolute;
    right: 185px;
}
.corner i {
    position: absolute;
    top: -88px;
    right: -65px;
}
.fa-exclamation-triangle {
    top: -12px;
    margin-left: -19px;
    --fa-primary-color: white;
    --fa-primary-opacity: 1!important;
    --fa-secondary-color: red;
    --fa-secondary-opacity: 1!important;
}
/* Accessory carousel */
.carousel-indicators li {
    background-color:  rgba(var(--secondary-color))!important;
}
.carousel-inner {
    width: 90%;
    /*height: 460px;*/
}
.carousel-control-next, .carousel-control-prev {
    width: 5%;
}
.accessory-card {
    transition: box-shadow 0.5s;
    max-height: 454px!important;
}
.accessory-card:hover {
    box-shadow: 0 2px 5px 3px rgba(var(--main-color),0.86), 0 2px 10px 6px rgba(var(--main-color),0.22)!important;
}
.accessory-card-sizing {
    transition: flex, max-width 0.3s;
    /*max-height: 404px!important;*/
}
.add-accessory {
    width: 131px!important;
    height: 31px!important;
}


/* Checkout styling */
.checkout-content {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

/* Added accessories summary list */
ul.summary {
    line-height: 1.2;
    font-size: .8rem;
}

/* Checkout product table */
.checkout tr th {
    padding-top: .1rem !important;
    padding-bottom: .2rem !important;
}
.checkout tr th h4, .checkout h5 {
    margin: 0 !important;
}
.prodSummary, .full {
    cursor: pointer;
}
.checkout img {
    max-width: 70px;
    max-height: 70px;
    height: auto;
    width: auto;
}
.checkout td {
    padding: .5rem!important;
    vertical-align: middle;
}

/* Number input field */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.numberInputBtn {
    height: 30px!important;
    width: 30px!important;
    color: rgba(var(--main-color))!important;
    border-color: rgba(var(--main-color))!important;
}
.numberInput {
    height: 30px!important;
    width: 65px;
    text-align: center!important;
    border-color: rgba(var(--main-color))!important;
}

/* Input fields styling */
.checkout-form input, .freight-sum {
    width: 400px;
}

/* Label position */
.mdb-main-label {
    top: -.5rem!important;
}

/*-----------LIKELY PROBLEMATIC-----------------*/
/* Freight options hover style */
.card .hoverable {
    cursor: pointer;
}
.card .hoverable:hover {
    box-shadow: 0 2px 5px 3px rgba(var(--main-color),0.30), 0 2px 10px 6px rgba(var(--main-color),0.22);
}

/*-----------LIKELY PROBLEMATIC-----------------*/

.card-header {
    background-color: inherit;
}

.card-body {
    /* background-color: inherit; */
}

/* Styling for selected freight option */
.freight-radio-checked {
    background: rgba(10, 144, 213, 0.1);
    border: 1px solid rgb(10, 144, 213)!important;
}

/* Quote buttons sizing */
.quote-btn-lg {
    width: 275px;
}
.quote-btn-sm {
    width: 200px;
}

/* Extra width classes */
.w-10 {
    width: 10%;
}
.w-30 {
    width: 30%;
}
.w-40 {
    width: 40%;
}
.w-60 {
    width: 60%;
}

/* ------------------------- Login page -------------------------*/
.bg {
    position: absolute;
    opacity: 0.4;
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login.card {
    margin-top: 10%;
    z-index: 2;
    width: 500px;
}
.RSlogo {
    height: 25px;
}
/* ------------------------- Login page end -------------------------*/


/* ------------------------- Freight calculator pages -------------------------*/
/* Freight company select */
li .select-dropdown select {
    width: 180px;
    height: 30px;
    cursor: pointer;
}

/* Selected countries list */
.selectCountryAdd .mdb-select, .selectCountryRemove .mdb-select, .selected-country {
    width: 300px!important;
}
.add .selected-country {
    color: #60da65;
}
.rmv .selected-country {
    color: #ff3547;
}

/* Zone buttons */
.zones-group .active {
    background: rgba(var(--main-color))!important;
    color: white;
    transition: 0.5s;
}

.addZoneBtn {
    background: rgba(211, 211, 211, 0.3)!important;
    width: 60px;
    margin-left: -.375rem;
}

/* Data tables */
.wrapper-editor th {
    width: 180px!important;
    font-weight: bold!important;
}

#priceTable tbody tr :last-child, #zipsTable tbody tr {
    text-align: right;
}
/* ------------------------- Freight calculator pages end -------------------------*/

.rs-top-navbar{
    background-color: rgba(255, 255, 255, 1)
}

/* center container with CSS */
.grid {
  margin: 0 auto;
  width: 100%;
}

.grid-item {
  width: 256px;
  float: left;
}

.grid-item-1-5 {
  width: 399px;
  float: left;
}

.dropdown-content li>span {
	font-size: 12px!important;
	color: black!important;
}

.selectpicker:focus {
  outline: 4px solid rgba(191, 222, 255);
  border: 1px solid rgba(128, 189, 255)!important;
}

input.select-dropdown {
  font-size: 12px!important;
}

.addmoreprodbtn {
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white!important;
	background-color: #f3a001!important;
	font-size: 12px!important;
	 font-weight: bold; 
	/* margin-left: 36px; */
}

.addmoreprodbtn:hover {
	background-color: #ef7b18!important;
}

.checkoutOpdate {
	height: 30px;
	/* width: 140px; */
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.checkoutReset {
	height: 30px;
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.checkout-options-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

.checkout-options-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

.checkout-options-side-bar>.accordion>.card>.showmenow {
    background-color: #3f678b!important;
    margin-bottom: 1px!important;
}


.checkout-options-side-bar>.accordion>.card>.card-header:hover {
    background-color: #3f678b!important;
    margin-bottom: 1px!important;
}	

.checkout-options-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.checkout-options-side-bar>.accordion>.card>.showmenow >a>h5 {
    color: white!important;
}

.checkout-details-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

.checkout-details-side-bar>.accordion>.card>.card-header {
	background-color: #eeeeee !important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header:hover {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.showmenow {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.showmenow>a>h5 {
	color: white!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header:hover >a>h5 {
	color: white!important;
}

/* radio */
.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:before,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:before,
label.btn input[type="radio"].with-gap:checked + label:after {
	/* border: 2px solid rgba(0, 78, 140)!important; */
	border: 2px solid rgba(--tertiary-color)!important; 
}

.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:after {
	/* background-color: rgba(0, 78, 140)!important; */
	background-color: rgba(--tertiary-color)!important;
}

/* checkbox */

.form-check [type="checkbox"]:checked+label:before,
.form-check-inline [type="checkbox"]:checked+label:before {
  border-color: transparent rgba(0, 78, 140) rgba(0, 78, 140) transparent!important;
}

.accessories-text {
	width: 200px!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.materials-text {
	width: 200px!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.checkout-freight-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 180px;
	
	height: 600px;
	overflow: auto;
}

.checkout-freight-side-bar>.accordion>.card>.card-header {
	background-color: #eeeeee !important;
    margin-bottom: 1px!important;
}

.checkout-freight-side-bar>.accordion>.card>.card-header:hover {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-freight-side-bar>.accordion>.card>.showmenow {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-freight-side-bar>.accordion>.card>.showmenow>a>h5 {
	color: white!important;
}

.checkout-freight-side-bar>.accordion>.card>.card-header:hover >a>h5 {
	color: white!important;
}

.checkout-project-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 180px;
	
	height: 600px;
	overflow: auto;
}

.checkout-project-side-bar>.accordion>.card>.card-header {
	background-color: #eeeeee !important;
    margin-bottom: 1px!important;
}

.checkout-project-side-bar>.accordion>.card>.card-header:hover {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-project-side-bar>.accordion>.card>.showmenow {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-project-side-bar>.accordion>.card>.showmenow>a>h5 {
	color: white!important;
}

.checkout-project-side-bar>.accordion>.card>.card-header:hover >a>h5 {
	color: white!important;
}

.checkoutFreightCard-header {
	height: 1.5rem!important;
	background-color: #ffffff!important;
	border: none!important;
	font-size: 16px!important; 
	font-weight: bold; 
}

.checkoutFreightCard {
    /* width: 14rem; */
    /* height: 14rem; */
	border: 1px solid #cccccc!important;
	
}

/*
.checkoutFreightCard>.card {
     height: 12rem;
}
*/

.checkoutFreightCard:hover {
 	border: 3px solid #3f678b!important;
}

.checkoutFreightFooter {
	background-color: #ffffff!important;
	text-align: left!important;
	border: none!important;
}

.freightResultCard {
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
}

.accessorieFreightText {
	width: 300px!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.accessorieAjustment {
	padding-left: 36px!important;
}


.caseOptionOpdate {
	height: 30px;
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.caseOptionReset {
	height: 30px;
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.case-options-side-bar {
	/* position: -webkit-sticky; */
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

.case-options-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

.case-options-side-bar>.accordion>.card>.showmenow {
    background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.case-options-side-bar>.accordion>.card>.card-header:hover {
    background-color: #3f678b!important;
    margin-bottom: 1px!important;
}	

.case-options-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.case-options-side-bar>.accordion>.card>.showmenow >a>h5 {
    color: white!important;
}

.caseDetailOpdate {
	height: 30px;
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.case-details-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

.case-details-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

.case-details-side-bar>.accordion>.card>.showmenow {
    background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.case-details-side-bar>.accordion>.card>.card-header:hover {
    background-color: #3f678b!important;
    margin-bottom: 1px!important;
}	

.case-details-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.case-details-side-bar>.accordion>.card>.showmenow >a>h5 {
    color: white!important;
}

.caseordercard {
	border: 1px solid #cccccc!important;
}

.caseordercard:hover {
	border: 3px solid #3f678b!important;
}

.caseordercard.activeCard {
	border: 3px solid #3f678b!important;
}

.ordercard-head-text {
	font-size: 16px;
	font-weight: bold;
}

.dealercasetext {
	/* width: 200px!important; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mydelete-button, .mycopy-button {
	height: 24px; 
	width: 80px; 
	background-color: #000000;	
}

.mydelete-button:hover, .mycopy-button:hover {
	background-color: #2f2f2f!important;
}


.myAccessorieCard {
    width: 16rem;
    /* height: 20rem; */
    transition: box-shadow 0.5s;
	border: 1px solid #cccccc!important;
}

.myAccessorieCard:hover {
	/* border: 3px solid #3f678b!important; */
	border: 3px solid #f3a001!important;
}


.accessorie-options-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

.accessorie-options-side-bar>.accordion>.card>.card-header>a>h5>span>i {
    color: white!important;
    background-color: rgba(var(--main-color))!important;
}

.accessorie-options-side-bar>.accordion>.card>.showmenow>a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: #3f678b!important;
    background-color: white!important;
}


.accessorie-options-side-bar>.accordion>.card>.card-header:hover >a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: #3f678b!important;
    background-color: white!important;
}


/* Overrides the customer color class */
.accessorie-options-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

/* changes color on card-header */
.accessorie-options-side-bar>.accordion>.card>.showmenow {
    background-color: rgba(var(--tertiary-color))!important;
	/* background-color: #3f678b!important; */
    margin-bottom: 1px!important;
}

/* Skifter farve på teksten på card-header */
.accessorie-options-side-bar>.accordion>.card>.showmenow>a>h5 {
    color: white!important;
}

/* Skifter farve på card-header, når musen hover over. */
.accessorie-options-side-bar>.accordion>.card>.card-header:hover {
    background-color: rgba(var(--tertiary-color))!important;
	/* background-color: #3f678b!important; */
    margin-bottom: 1px!important;
}

.accessorie-options-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.accessorie-details-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

/* Overrides the customer color class */
.accessorie-details-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

/* changes color on card-header */
.accessorie-details-side-bar>.accordion>.card>.showmenow {
    background-color: rgba(var(--tertiary-color))!important;
	/* background-color: #3f678b!important; */
    margin-bottom: 1px!important;
}

/* Skifter farve på teksten på card-header */
.accessorie-details-side-bar>.accordion>.card>.showmenow>a>h5 {
    color: white!important;
}

/* Skifter farve på card-header, når musen hover over. */
.accessorie-details-side-bar>.accordion>.card>.card-header:hover {
    background-color: rgba(var(--tertiary-color))!important;
	/* background-color: #3f678b!important; */
    margin-bottom: 1px!important;
}

.accessorie-details-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.createNewOffer {
	background-color: #000000!important;
	cursor: pointer;
}

.createNewOffer:hover {
	background-color: #2f2f2f!important;
	cursor: pointer;
}

.checkout-solo-card {
	/* max-height: 12rem!important; */
	border: 1px solid #cccccc!important;
}

.checkout-solo-card.activeCard {
	border: 3px solid #3f678b!important;
}

.checkout-solo-card:hover {
	border: 3px solid #f3a001!important;
}

/*
.modal-backdrop {
	z-index: 500!important;
}
*/

.accessorie-card-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bm_logo {
	cursor: pointer;
}


.uploaded-file {
	text-decoration: underline;
	color: balck!important;
	/* font-size: 14px; */
	font-weight: bold;
	cursor: pointer;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.offer-document {
	text-decoration: underline;
	color: balck!important;
	/* font-size: 14px; */
	font-weight: bold;
	cursor: pointer;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nohitsfont {
	font-family: 'Droid Sans', sans-serif!important;
}

.myAugerCard {
    width: 16rem;
    /* height: 14rem; */
    transition: box-shadow 0.5s;
	border: 1px solid #cccccc!important;
}

.myAugerCard:hover {
	/* border: 3px solid #3f678b!important; */
	border: 3px solid #f3a001!important;
}

.myAugerCard.activeCard {
	border: 3px solid #3f678b!important;
}

.auger-options-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

.auger-options-side-bar>.accordion>.card>.card-header>a>h5>span>i {
    color: white!important;
    background-color: rgba(var(--main-color))!important;
}

.auger-options-side-bar>.accordion>.card>.showmenow>a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: #3f678b!important;
    background-color: white!important;
}

.auger-options-side-bar>.accordion>.card>.card-header:hover >a>h5>span>i {
    /* color: rgba(var(--main-color))!important; */
	color: #3f678b!important;
    background-color: white!important;
}

/* Overrides the customer color class */
.auger-options-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

/* changes color on card-header */
.auger-options-side-bar>.accordion>.card>.showmenow {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

/* Skifter farve på teksten på card-header */
.auger-options-side-bar>.accordion>.card>.showmenow>a>h5 {
    color: white!important;
}

/* Skifter farve på card-header, når musen hover over. */
.auger-options-side-bar>.accordion>.card>.card-header:hover {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.auger-options-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.auger-details-side-bar {
	position: -webkit-sticky;
	position: sticky;
	top: 200px;

	height: 750px;
	overflow: auto;
}

/* Overrides the customer color class */
.auger-details-side-bar>.accordion>.card>.card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

/* changes color on card-header */
.auger-details-side-bar>.accordion>.card>.showmenow {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

/* Skifter farve på teksten på card-header */
.auger-details-side-bar>.accordion>.card>.showmenow>a>h5 {
    color: white!important;
}

/* Skifter farve på card-header, når musen hover over. */
.auger-details-side-bar>.accordion>.card>.card-header:hover {
    /* background-color: rgba(var(--main-color))!important; */
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.auger-details-side-bar>.accordion>.card>.card-header:hover >a>h5 {
    color: white!important;
}

.no-offer-card {
	background-color: #eeeeee;
    height: 4rem;
	font-size: 16px!important; 
	color: red;
	/* text-transform: uppercase!important; */
	border: 1px solid black!important;
}

/* Changes color on configurator accordion product sidebar */
/*
.product-details-side-bar>.accordion>.card>.card-header[id="configHeading"] {
    background-color: rgba(var(--secondary-color))!important;
    margin-bottom: 1px!important;
}

.product-details-side-bar>.accordion>.card>.card-header[id="configHeading"]>a>h5 {
    color: white!important;
}

.product-details-side-bar>.accordion>.card>.card-header[id="configHeading"]:hover {
   background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.product-details-side-bar>.accordion>.card>.showmenow.card-header[id="configHeading"] {
   background-color: #3f678b!important;
    margin-bottom: 1px!important;
}
*/
/* -------------------------------------------------------- */


/* Changes color on configurator accordion checkout sidebar */
.checkout-details-side-bar>.accordion>.card>.card-header[id="checkoutDetails_08"] {
	background-color: rgba(var(--secondary-color))!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header[id="checkoutDetails_08"]>a>h5 {
	color: white!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header[id="checkoutDetails_08"]:hover {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.showmenow.card-header[id="checkoutDetails_08"] {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header[id="checkoutDetails_15"] {
	background-color: rgba(var(--secondary-color))!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header[id="checkoutDetails_15"]>a>h5 {
	color: white!important;
}

.checkout-details-side-bar>.accordion>.card>.card-header[id="checkoutDetails_15"]:hover {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.checkout-details-side-bar>.accordion>.card>.showmenow.card-header[id="checkoutDetails_15"] {
	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

/* -------------------------------------------------------- */

/* Changes color on configurator accordion auger sidebar */
.auger-details-side-bar>.accordion>.card>.card-header[id="augerDitailID_03"] {
    background-color: rgba(var(--secondary-color))!important;
    margin-bottom: 1px!important;
}

.auger-details-side-bar>.accordion>.card>.card-header[id="augerDitailID_03"]>a>h5 {
    color: white!important;
}

.auger-details-side-bar>.accordion>.card>.card-header[id="augerDitailID_03"]:hover {
 	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

.auger-details-side-bar>.accordion>.card>.showmenow.card-header[id="augerDitailID_03"] {
 	background-color: #3f678b!important;
    margin-bottom: 1px!important;
}

/* -------------------------------------------------------- */

/* grayout some items in dropdown                           */
#select-options-motor_torque_dropdown > li.disabled {
	background-color: #cccccc!important;
}

/* -------------------------------------------------------- */

.picker__input[readonly] {
	/* background-color: #cccccc!important; */
	background-color: #eeeeee!important;
}

/* grayout some items in price dropdown                    */
#priceDropdown > option:disabled {
	background-color: #cccccc!important;
}

.sendasofferbutton {
	cursor: pointer;
}

.acceptofferbutton {
	cursor: pointer;
	background-color: #ef7b18!important;
}

.acceptofferbutton:hover {
	background-color: #ef7b18!important;
}

.btn-primary.modal-btn-continue {
	background-color: rgba(var(--main-color));
}

.btn-danger.modal-btn-close {
	background-color: #666666!important;
}

.btn-warning.modal-btn-cancel {
	background-color: rgba(var(--secondary-color))!important;
}

.addToActiveOffer {
	cursor: pointer;
}

.showActiveOffer {
	cursor: pointer;
}

input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover { 
    cursor:pointer; 
}


.nav-newcase {
	/* background-color: #ef7b18!important; */
	background-color: rgba(var(--main-color))!important;
}

.nav-newcase:hover {
	/* background-color: #f3a001!important; */
	background-color: rgba(var(--tertiary-color))!important;
}

.nav-newcase.myactive {
	/* )background-color: #f3a001!important; */
	background-color: rgba(var(--tertiary-color))!important;
}


.flag-icon {
	cursor: pointer;
}

.my-side-menu {
	cursor: pointer;
}
.my-side-menu:hover {
	cursor: pointer;
	color: gray !important;
}

.btn-primary.modal-btn-valpass, .btn-primary.modal-btn-setlang {
	background-color: #3f678b!important;
}


.caseordercard-loadmore:hover {
	border: 3px solid #3f678b!important;
}

div#spinner_test_id {
    position: relative;
}

div#spinner_test_id img {
    position: absolute;
    top: 100px; 
    left: 350px; 
}

.ul-stripped {
	margin-bottom: 0;
	list-style-type: none;
	padding-left: 0;
}

.a-stripped {
    /* text-decoration: none; */
	color: black!important; 
	font-size: 12px !important; 
	
}

.a-stripped:hover {
    /* text-decoration: none; */
	color: #CEA941!important; 
	
}

.levelone-menuitem {
	background-color: white;
	color: black!important; 
	width: 100%!important;
}

.levelone-menuitem.highlightme {
	background-color:  #F0F0F0;
	color: #CEA941!important; 
	width: 100%!important;
}

.adv-configurator-btn {
	cursor: pointer;	
}

.configurator-iframe{
    border: unset;
    width: 100%;
    height: calc(100% - 79px);
    position: fixed;
}

#visualizationTab{
flex-wrap: nowrap;
}

.megamenu-step, .proceedmenu-step, .casemenu-step, .requestmenu-step,
.dashboardmenu-step, .aummenu-step, .fileuploadmenu-step, .priceManagementmenu-step {
    border-width: 0px;
    border-radius: 0px;
    min-width: var(--mega-menu-step-width);
    max-width: var(--mega-menu-step-width);
    top: 0px;
    left: var(--mega-menu-step-width);
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
    padding: 0px;
}

.cases-step{
    min-height: unset !important;    
}


.megamenu-row{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

.leaf-icon{
    display: flex;
    align-items: center;
    min-width: 40px;
    justify-content: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*Config modal*/
@media (min-width: 1800px) {
    .modal-xxl {
        max-width: 90%;
    }
}

/*TODO - create a custom style for full-screen under certain size*/
@media (max-width: 1800px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
        max-height: 100% !important;
    }
}

.configurator-body{
    display: flex;
	padding: 0rem;
}


/* NEW CHECKOUNT */

.grid-item--width4 { 
	width: 1020px!important; 
}

.card-img-top {
	width: 86%;
	height: 90%;
	object-fit: contain;
}

#sidebarNewCheckout > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#sidebarNewCheckout > .card > .card-header:hover {
	/* background-color: #3f678b !important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#sidebarNewCheckout > .card > .card-header[aria-expanded="true"]{
	/* background-color: #3f678b!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#sidebarNewCheckout > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#sidebarNewCheckout > .card > .card-header:hover>a>h5{
	color: white!important;
}

#sidebarNewCheckout .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#genericCheckoutSidebar {
    position: sticky;
    /* top: 212px; */
	top: 200px;
}

#genericCheckoutCardgrid {
	display: flex;
	flex-direction: column;
}

#genericCheckoutHeaderCard {
    position: sticky;
    top: 99px;
	/* width: 1028px; */
	z-index: 1;
	/* margin-left: -4px; 
    margin-right: -4px; */
}

.checkoutHeaderCard {
	background-color: rgba(var(--checkout-header-color));
	font-size: 14px!important; 
	text-transform: uppercase!important; 
}

#genericCheckoutFooterCard {
    position: fixed;
    bottom: -40px;
	/* width: 1028px; */
	z-index: 1;
	/* margin-left: -4px;
    margin-right: -4px; */
}

.checkoutFooterCard {
    background-color: rgba(var(--checkout-footer-color));
	font-size: 14px!important; 
	text-transform: uppercase!important; 
}

.numberInputCheckoutBtn {
    height: 30px!important;
    width: 30px!important;
    color: rgba(var(--main-color))!important;
    border-color: rgba(var(--main-color))!important;
}

.numberInputCheckout {
    height: 30px!important;
    width: 50px;
    text-align: center!important;
    border-color: rgba(var(--main-color))!important;
	border-left: 0px sold rgba(var(--main-color))!important;
	border-right: 0px sold rgba(var(--main-color))!important;
}

.numberInputCheckout-full-border {
    height: 30px!important;
    width: 50px;
    text-align: center!important;
    border-color: rgba(var(--main-color))!important;
	/* border-left: 0px sold rgba(var(--main-color))!important; */
	/* border-right: 0px sold rgba(var(--main-color))!important; */
}

.discountInputCheckoutBtn {
    height: 30px!important;
    width: 30px!important;
    color: rgba(var(--main-color))!important;
    border-color: rgba(var(--main-color))!important;
	border-left: 0px sold rgba(var(--main-color))!important;
	font-size: 14px!important; 
	font-weight: bolder!important;
}

.discountInputCheckout {
    height: 30px!important;
    width: 60px;
    text-align: right!important;
    border-color: rgba(var(--main-color))!important;
}

.generic-card-showme, .generic-checkout-card-showme {
	outline: 3px solid rgba(var(--tertiary-color)) !important;
}

.card-img-overlay {
	height: 0;
	opacity: 0;
}

/*
.card-img-overlay:hover {
	 opacity: 1;
}
*/

.genericProductCard.generic-card-showme > .card-img-overlay {
	opacity: 1;
	height: 100%;
}


.card-img-popover {
	/* width: 100%; */
	max-width: 100%;
	height: 400px;
	object-fit: cover;
}

.popover {
	max-width:1000px !important;
}


/*
.imageOnHover:hover {
    position:relative;
  	top: 0px;
    left: 0px;
    width:500px;
    height:500px;
    display:block;
    z-index:999;
}
*/

.genericProductCard {
    width: 16rem;
    /* height: 20rem; */
    transition: box-shadow 0.5s;
	border: 1px solid #cccccc!important;
}

.genericProductCard:hover {
	border: 3px solid rgba(var(--tertiary-color))!important;
}

.genericProductCard.generic-card-showme {
	outline: 3px solid rgba(var(--tertiary-color)) !important;
}

.productCardType1 {
    width: 16rem;
    /* height: 20rem; */
    transition: box-shadow 0.5s;
	border: 1px solid #cccccc!important;
    border-radius: 20px;
}

.productCardType1:hover {
	outline: 3px solid rgba(var(--tertiary-color))!important;
}

.productCardType1.card-img-overlay {
	height: 0;
	opacity: 0;
}

.productCardType1:hover > .card-img-overlay {
	opacity: 1;
	position: relative;
	top: -48px;
}


#sidebarNewProduct > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#sidebarNewProduct > .card > .card-header:hover {
	/* background-color: #3f678b !important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#sidebarNewProduct > .card > .card-header[aria-expanded="true"]{
	/* background-color: #3f678b!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#sidebarNewProduct > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#sidebarNewProduct > .card > .card-header:hover>a>h5{
	color: white!important;
}

#sidebarNewProduct .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#sidebarProjectOverview > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#sidebarProjectOverview > .card > .card-header:hover {
	/* background-color: #3f678b !important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#sidebarProjectOverview > .card > .card-header[aria-expanded="true"]{
	/* background-color: #3f678b!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#sidebarProjectOverview > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#sidebarProjectOverview > .card > .card-header:hover>a>h5{
	color: white!important;
}

.project-overview-card-header {
	height: 30px!important;
    /* background-color: #ffffff!important; */
	/* background-color: rgba(var(--tertiary-color)) !important; */
    background-color: rgba(var(--card-header-color));
	border-bottom: 1px solid rgba(0,0,0,.125);
	font-size: 16px!important; 
	font-weight: bold; 
}
/* .project-overview-card-header:hover{
    background-color: rgba(var(--card-header-highlight-color));
} */

.project-overview-card {
    margin: 0 5px 0 5px;
}

/*
.project-overview-card:hover {
	border: 3px solid #3f678b!important;
}
*/

.project-overview-card.activeCard {
	border: 3px solid #3f678b!important;
}


.project-overview-text {
	font-size: 14px;
	font-weight: bold;
}

/*
.project-overview-card:hover {
	border: 1px solid rgba(var(--tertiary-color)) !important;
}
*/

.project-overview-card-body{
    background-color: rgba(var(--card-body-color));
}

.project-overview-card.generic-card-showme > .project-overview-card-body
{
	background-color: rgba(var(--card-body-highlight-color));

}
.project-overview-card.generic-card-showme > .project-overview-card-header{
	background-color: rgba(var(--card-header-highlight-color));
}

/*
.project-overview-card > .project-overview-card-body {
	background-color: #FFF;
}
*/

.project-overview-card:hover > .project-overview-card-body{
	background-color: rgba(var(--card-body-highlight-color));

}
.project-overview-card:hover > .project-overview-card-header {
	background-color: rgba(var(--card-header-highlight-color));
}

.project-overview-card > .project-overview-card-header > div > .project-overview-card-buttons {
	opacity: 0;
}

.project-overview-card:hover > .project-overview-card-header > div > .project-overview-card-buttons {
	opacity: 1;
}

#genericProjectOverviewSidebar {
    position: sticky;
    /* top: 212px; */
	top: 200px;
}

#genericProjectOverviewHeaderCard {
    position: sticky;
    top: 99px;
	/* width: 836px; */
	z-index: 1;
	/* margin-left: 30px;
    margin-right: 30px; */
}

.projectOverviewHeaderCard {
	background-color: rgba(var(--case-overview-header-color));
	font-size: 14px!important; 
	text-transform: uppercase!important; 
}

#genericProjectOverviewFooterCard {
	position: fixed;
	bottom: -40px;
	/* width: 836px; */
	z-index: 1;
	/* margin-left: 30px;
    margin-right: 30px;*/ 
}

.projectOverviewFooterCard {
	background-color: rgba(var(--case-overview-footer-color));
	font-size: 14px!important; 
	text-transform: uppercase!important; 
}



.productCardType2 {
	border: 1px solid #cccccc!important;
	width: 399px;
    height: 400px
}

.productCardType2:hover {
	border: 3px solid rgb(--tertiary-color)!important;
}

/*
.productCardType2.generic-card-showme {
	border: 3px solid rgba(var(--tertiary-color)) !important;
}
*/


.productCardType2.card-img-overlay {
	height: 0;
	opacity: 0;
}

.productCardType2:hover > .card-img-overlay {
	opacity: 1;
	position: relative;
	top: -48px;
}

/*
.productCardType2.generic-card-showme > .card-img-overlay {
	opacity: 1;
	position: relative;
	top: -48px;
}
*/


/**** product card type 02 table styles ****/

.product-card-table {
	border: 1px solid #FFF;
	width: 100%;
    table-layout: fixed;
}

.product-card-table th {
	font-weight: bolder;
	/* border-bottom: 1px solid #cccccc; */
}

.product-card-table th:nth-child(1) {
	width: 25%;
}

.product-card-table td {
	font-size: 12px;
	font-weight: bolder;
	
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
    padding-top: 0.5em;
}

.product-card-table td:nth-child(1) {
	text-align: center;
    vertical-align: top;
}

/*******************************************/

div[id^=buttonsOnCheckoutCard_] {
	display: none;
}

.activeCard div[id^=buttonsOnCheckoutCard_] {
	display: block !important;
}

/*******************************************/

#genericDetailsAccordion > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#genericDetailsAccordion > .card > .card-header:hover {
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#genericDetailsAccordion .card .card-header[aria-expanded="true"] {
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#genericDetailsAccordion .card .card-header[aria-expanded="true"] >a>h5 { 
	color: white!important;
}

#genericDetailsAccordion > .card > .card-header:hover>a>h5{
	color: white!important;
}

#genericDetailsAccordion .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/***** modal close button. *****/
.btn.btn-primary.modal-close-button {
    width: 200px;
    height: 40px;
    padding: 0px;
    background-color: rgba(var(--regret-color)) !important;
    color: rgba(var(--regret-font-color)) !important;
    border: 2px solid rgba(var(--main-color));
    border-radius: 1.5rem;
    box-shadow: none;
}

.btn.btn-primary.modal-close-button:hover {
	background-color: rgba(var(--regret-highlight)) !important;
	color: rgba(var(--regret-font-color))!important;
}

.btn.btn-primary.modal-close-button:not(:disabled):not(:disabled):active {
	/* background-color: rgba(var(--tertiary-color)) !important; */
	background-color: rgba(var(--regret-highlight)) !important;
	color: white!important;
}

.overall-containter{
    background-color: rgba(var(--page-background-color));
}

.rs-top-navbar{
    background-color: rgba(var(--sticky-top-background-color));
}

#dealerDropdown{
    background-color: transparent;
}

.rs-product-navbar{
    padding: 0px;
}

.rs-navbar-btn{
    height: 100%;
    color: rgba(255, 255, 255, 1) !important;
    cursor: pointer;
}

.filter-overlay {
    width: 350px; /* Width should be the same as positive margin-left*/
    height: 100%;
    position: fixed; /* Stay in place */
    z-index: 2001; 
    top: 0; 
    left: 0; 
    background-color: white; 
    overflow-x: hidden; 
    box-shadow: 0.1rem 0rem 0.5rem rgb(0, 0, 0, 30%);
    margin-left: -350px; /* Should be the same as negative width*/
    transition: 0.2s;
}

.filter-block-products-overlay{
    position: fixed; /* Sit on top of the page content */
    width: 100%; 
    height: 100%; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0, 0, 0, 20%);
    z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
    transition: 0.2s;
}

.action-bar{
    background-color: rgba(255, 255, 255, 1);
    /* border-color: rgba(0, 0, 0, 1);
    border-width: 0 0 2px 0;
    border-style: solid; */
    display: flex!important;
    justify-content: space-between;
    min-height: 42px;
}

.action-bar-splitter{
    border-color: rgba(var(--main-color-washed));
    border-width: 0 0 0 1px;
    border-style: solid;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    min-height: calc(var(--image-icon-height) * 0.8);
    width: 0px;
}

.action-bar-image{
    height: var(--image-icon-height);
}

.action-bar-button{
    height: 32px;
    box-shadow: none !important;
    margin: 0px !important;
    padding: 0.25rem !important;
    justify-content: center;
    border-style: none;
    color: black !important;
    border-radius: .25rem!important;
    background-color: rgba(var(--page-background-color));
    font-weight: bolder;
    /* text-transform: uppercase; */
}

.action-bar-button:hover{
    color: white !important;
    background-color: rgba(var(--main-color)) !important;
    transition: 0.4s;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;
}

.action-bar-button.rs-active{
    color: white !important;
    background-color: rgba(var(--main-color)) !important;
    transition: 0.4s;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;

}

.action-bar-button:hover > img{
    transition: 0.4s;
    filter: invert(1) brightness(1000%);
}

.action-bar-button.rs-active > img{
    transition: 0.4s;
    filter: invert(1) brightness(1000%);
}

.action-new{
    position: sticky;
    bottom: 150px;
    z-index: 3;
    float: right;
    width: 100px;
    height: 100px;
    border-radius: 5rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    cursor: pointer;
    text-align: center;
    border-width: 0px;
}

.action-new:hover {
    background-color: rgba(var(--tertiary-color))!important;
}

.btn-filter-close{
    padding: 1rem;
    padding-bottom: 2rem;
}

.context-search{
    padding-right: 200px;

}

.context-search > input{
    width: 100%;
    border-radius: 10rem;
}

.down-shift{
    vertical-align: -0.5rem;
}

.cart-counter{
    background-color: rgba(var(--secondary-color));
    position: absolute;
    margin-left: var(--image-icon-height);
    margin-top: calc(var(--image-icon-height)*0.5);
}


/***** modal cancel button. *****/ 
.btn.btn-danger.modal-cancel-button {
	width: 100px;
    height: 40px;
    padding: 0px;
}

/***** modal create button. *****/
.btn.btn-primary.modal-create-button {
    width: 200px;
    height: 40px;
    padding: 0px;
    background-color: rgba(var(--main-color)) !important;
    color: rgba(var(--main-font-color)) !important;
    border: 2px solid rgba(var(--main-color));
    border-radius: 1.5rem;
    box-shadow:none;
}

.btn.btn-primary.modal-create-button:hover {
	background-color: rgba(var(--tertiary-color-highlight)) !important;
	color: rgba(var(--main-color))!important;
}

.btn.btn-primary.modal-create-button:not(:disabled):not(:disabled):active {
	background-color: rgba(var(--tertiary-color-highlight)) !important;
	color: white!important;
}

/***** modal create & add button. *****/ 
.btn.btn-primary.modal-create-add-button {
	width: 200px;
    height: 40px;
    padding: 0px;
	background-color: rgba(var(--tertiary-color)) !important;
	color: white!important;
}

.btn.btn-primary.modal-create-add-button:hover {
	background-color: rgba(96, 202, 223) !important;
	color: white!important;
}

.btn.btn-primary.modal-create-add-button:not(:disabled):not(:disabled):active {
	background-color: rgba(96, 202, 223) !important;
	color: white!important;
}

.generic-checkout-card-div {
    margin: 0 5px 0 5px;
}

.generic-checkout-card:hover {
	background-color: rgba(var(--card-body-highlight-color));
}

.generic-checkout-card-header {
	font-size: 16px !important;
	background-color: rgba(var(--card-header-color));
}

.generic-checkout-card-body{
    padding: 0 0 1rem 0;
}

.generic-checkout-card:hover>.generic-checkout-card-body{
	background-color: rgba(var(--card-body-highlight-color));
}

.generic-checkout-card:hover>.generic-checkout-card-header{
	background-color: rgba(var(--card-header-highlight-color));
}

.generic-checkout-card-div.generic-checkout-card-showme > .generic-checkout-card > .generic-checkout-card-body {
	background-color: rgba(var(--card-body-highlight-color));
}

.generic-checkout-card-div.generic-checkout-card-showme > .generic-checkout-card > .generic-checkout-card-header{
	background-color: rgba(var(--card-header-highlight-color));
}

.generic-checkout-card > .generic-checkout-card-header > div > .generic-checkout-card-buttons {
	opacity: 0;
}

.generic-checkout-card:hover > .generic-checkout-card-header > div > .generic-checkout-card-buttons {
	opacity: 1;
}

.generic-checkout-card > .generic-checkout-subscription-card-header > div > .generic-checkout-card-buttons {
	opacity: 0;
}

.generic-checkout-card:hover > .generic-checkout-subscription-card-header > div > .generic-checkout-card-buttons {
	opacity: 1;
}


/* subscription Modal Accordions */
#subscriptionModalAcc > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#subscriptionModalAcc > .card > .card-header:hover {
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#subscriptionModalAcc > .card > .card-header[aria-expanded="true"]{
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#subscriptionModalAcc > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#subscriptionModalAcc > .card > .card-header:hover>a>h5{
	color: white!important;
}

#subscriptionModalAcc .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.my-table-class {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
}

.my-table-input {
	max-width: 64px;
	width: 64px;
	text-align: center;
}

label[for^="checkboxId_"] {
	width: 150px;
}

.view-popover-class {
	border: 2px solid rgba(var(--tertiary-color));
	/* border: 2px solid #56C0D5; */
	/* width: 500px; */
	background-color: rgba(var(--card-body-highlight-color));
}

.view-popover-class img {
	/* min-height: 300px; */
	/* max-height: 300px; */
	min-width: 150px;
	max-width: 150px;
}

.view-popover-class img.popover-test {
    min-width: 300px;
}

.popover-body {
    padding: 0 !important;
}

.my-arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.my-arrow-plaseholder {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.arrow-up {
  transform: translatex(10px) rotate(-135deg);
  -webkit-transform: translatex(10px) rotate(-135deg);
}

.arrow-down {
  transform: translatex(10px) rotate(45deg);
  -webkit-transform: translatex(10px) rotate(45deg);
}

select#caseCurrencyDropdown_01 {
	direction:  rtl;
}

.subscription-card-extra {
	margin-bottom: 70px;
}

.generic-checkout-subscription-card-header {
	font-size: 16px !important;
	background-color: #31B482;
}

.checkout-subscription-footer-card {
    background-color: #31B482;
	font-size: 14px!important; 
	text-transform: uppercase!important; 
	bottom: 45px;
}

#freightModalSidebar > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#freightModalSidebar > .card > .card-header:hover {
	/* background-color: #3f678b !important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#freightModalSidebar > .card > .card-header[aria-expanded="true"]{
	/* background-color: #3f678b!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#freightModalSidebar > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#freightModalSidebar > .card > .card-header:hover>a>h5{
	color: white!important;
}

#freightModalSidebar .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Hide the "X" (clear) button for Firefox */
input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.case-search-div {
    /* width: 500px; */
	width: 30vw;
    position: relative;
}

.case-search-input {
    padding:5px 30px 5px 15px;
    width: 100%;
    border-radius: 8px;
    border: solid 1px lightgray;
	outline: none;
    color: #48438F;
    font-weight: bold;
    background-color: #FFF;
}

.search-clear-btn {
    position: relative;
    /*transform: translateY(-50%);*/
    cursor: pointer;
    font-size: 20px;
    color: rgb(var(--main-color));
    /*display: none;*/ /* Hidden initially */
}

.case-search-input::placeholder {
    color: #48438F;
}

.case-search-list {
    position: absolute;
    /* top: 68px; */
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: solid 1px rgba(var(--main-color));
    background-color: #E8E8E8;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    z-index: 2000;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.case-search-list li {
    /* color: rgb(var(--main-color)); */
    font-size: 12px;
    padding: 15px;
    /* width: calc(100% - 30px);*/
    font-weight: bold;
    cursor: pointer;
}
.case-search-list li:hover, .case-search-list li.active {
	background-color: rgba(var(--secondary-color-highlight));
    color: rgba(var(--secondary-font-color));
}

.product-group-item {
    background-color: rgba(var(--main-color));
    color: rgba(var(--main-font-color));
}

/* .product-group-item:hover {
	background-color: rgb(var(--secondary-color-highlight));
	background-color: rgb(var(--secondary-font-color));
} */

.product-member-item {
    background-color: rgba(var(--secondary-color)); 
} 
/*
.product-member-item:hover {
	background-color: rgb(var(--tertiary-color));
}*/
#search-input.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: unset;
}

#search-input{
    border-radius: var(--btn-border-radius);
    border: 1px solid rgba(var(--main-color));
}

#search-list:empty{
    border: unset;
}

#search-clear{
    color: rgb(var(--main-color));
}

/*** styles for new product cards ***/ 

.obsolete-pnc-number {
    text-decoration: Line-Through solid red 2px;;
}

.badge {
    height: 16px;
}

.text-style-label {
    color: rgb(73, 109, 185);
    white-space: nowrap;
}

.text-style-value {
	font-size: 14px!important;
    white-space: normal;
}

.pnc-viewer-container {
    margin: 16px;
    /* width: 100%; */
}

.pnc-viewer-card {
    border: 1px solid lightblue !important;
}

.pnc-viewer-card-header {
    background-color: lightblue;
    height: 24px;
}
.popover {
    margin-right:0;
    width: 30%;
    pointer-events: none;
}

.layoutmenu-step {
    border-width: 0px;
    border-radius: 0px;
    min-width: 100px;
    max-width: 100px;
    top: 0px;
    left: 100px;
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
    padding: 0px;
}

.extramenu-step {
    border-width: 0px;
    border-radius: 0px;
    min-width: 150px;
    max-width: 150px;
    top: 0px;
    left: 100px;
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
    padding: 0px;
}

.proGroupHeader {
    background-color: rgba(var(--sticky-top-background-color));
    height: 3rem;
    font-size: 14px !important;
    text-transform: capitalize !important;
    width: calc(100% - 33px);
}

.proGroupFooter {
	background-color: rgba(var(--sticky-top-background-color));
    height: 3rem;
	font-size: 14px!important; 
	/* text-transform: uppercase!important; */
	width: calc(100% - 33px);
}

.productCardListType:hover {
	outline: 3px solid rgba(var(--tertiary-color))!important;
}

.productCardListType.card-img-overlay {
	height: 0;
	opacity: 0;
}

.productCardListType:hover > .card-img-overlay {
	opacity: 1;
	position: relative;
	top: -48px;
}

#extraMenuDropdownNav.dropdown-toggle::after {
	border: none;
}

.product-grid-item {
	width: calc(80vw - 10px);
	float: left;
	/*
	position: relative!important;
	left: 0px!important;
	*/
}

#genericProductHeaderCard {
    position: sticky;
    top: 99px;
	z-index: 1;
	background-color: rgba(144, 238, 144, 0);
}

/*
.tab-content {
	background-color: lightblue;
}
*/

.generic-product-grid-card {
	background-color: rgba(144, 238, 144, 0);
} 

#product_table_id tbody tr td {
    padding: 0 !important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}


.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 4;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

/* to fix Highlight of search input field. */
.form-control:focus{
  border-color: lightgray;
  box-shadow: none;
}

.number-of-dropdown {
	border-radius: 0;
	border-color: lightgray;
	min-width: 50px;
}

.sort-after-dropdown {
	border-radius: 0;
	border-color: lightgray;
	min-width: 150px;
}


#productDataModalAccordions > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#productDataModalAccordions > .card > .card-header:hover {
	/* background-color: #3f678b !important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#productDataModalAccordions > .card > .card-header[aria-expanded="true"]{
	/* background-color: #3f678b!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#productDataModalAccordions > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#productDataModalAccordions > .card > .card-header:hover>a>h5{
	color: white!important;
}

#productDataModalAccordions .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('http://localhost:8080/images_test/play_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}


#caseModalAccordions > .card > .card-header {
	background-color: #e9e8e8 !important;
    margin-bottom: 1px!important;
}

#caseModalAccordions > .card > .card-header:hover {
	/* background-color: #3f678b !important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#caseModalAccordions > .card > .card-header[aria-expanded="true"]{
	/* background-color: #3f678b!important; */
	background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px!important;
}

#caseModalAccordions > .card > .card-header[aria-expanded="true"]>a>h5{
	color: white!important;
}

#caseModalAccordions > .card > .card-header:hover>a>h5{
	color: white!important;
}

#caseModalAccordions .card .card-header[aria-expanded="true"] .my-rotate-icon {  
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#caseProductInfo table {
    border-style: solid;
    border-collapse: collapse;
	width: 100%;
}

#caseProductInfo th, #caseProductInfo td  {
    padding: 4px;
}

#caseProductInfo thead {
    text-align: start;
    vertical-align: top;
}

.header-row {
    background-color: #00000026;
    border-bottom: 2px solid black;
}

.footer-row {
    background-color: lightgray;
    border-top: 1px solid black;
}

.row-color00 {
    /* background-color:  #92D050; */
    border-top: 1px solid black;
}

.row-color01 {
    background-color:  #f6f8fc;
    border: 0px solid #f6f8fc;
    vertical-align: top;
}

.row-color02 {
    /* background-color: #AEABAB; */
    border: 0px solid white;
}

.col-center {
    text-align: center;
}

.col-right {
    text-align: right;
}

.overview-modal-width {
    width: 60%  !important;
}

.badge-erp-number {
    color: #fff !important;
    background-color: #91b88b !important;
}

.badge-main{
    background-color: rgba(var(--main-color));
    color: rgba(var(--main-font-color));
}

.badge-secondary{
    background-color: rgba(var(--secondary-color))!important;
    color: rgba(var(--secondary-font-color));
}

.badge-tertiary{
    background-color: rgba(var(--tertiary-color))!important;
    color: rgba(var(--tertiary-font-color));
}

#genericRequestsOverviewHeaderCard {
    position: sticky;
    top: 99px;
	z-index: 1;
}

#genericRequestsOverviewFooterCard {
	position: fixed;
	bottom: -40px;
	z-index: 1;
}

.requestOverviewFooterCard {
	background-color: rgba(var(--case-overview-footer-color));
	font-size: 14px!important; 
	text-transform: uppercase!important; 
}

.request-overview-card-header {
	height: 30px!important;
    background-color: rgba(var(--card-header-color));
	border-bottom: 1px solid rgba(0,0,0,.125);
	font-size: 16px!important; 
	font-weight: bold; 
}

.request-overview-card {
    margin: 0 5px 0 5px;
}

.request-overview-card.activeCard {
	border: 3px solid #3f678b!important;
}

.request-card-showme {
	outline: 3px solid rgba(var(--tertiary-color)) !important;
}

.request-overview-column-text {
    font-size: 14px;
    font-weight: bold;
	color: darkblue;
}

.request-overview-text {
    font-size: 14px;
    font-weight: bold;
}

.request-overview-card-body{
    background-color: rgba(var(--card-body-color));
}

.request-overview-card.request-card-showme > .request-overview-card-body {
	background-color: rgba(var(--card-body-highlight-color));
}

.request-overview-card.request-card-showme > .request-overview-card-header {
	background-color: rgba(var(--card-header-highlight-color));
}

.request-overview-card:hover > .request-overview-card-body {
	background-color: rgba(var(--card-body-highlight-color));
}

.request-overview-card:hover > .request-overview-card-header {
	background-color: rgba(var(--card-header-highlight-color));
}

.request-overview-card > .request-overview-card-header > div > .request-overview-card-buttons {
	opacity: 0;
}

.request-overview-card:hover > .request-overview-card-header > div > .request-overview-card-buttons {
	opacity: 1;
}

.file-icon {
    display: block;
    height: 150px;
    background-position: center;
    vertical-align: middle;
    background-image: url(../images_system/pdfIcon.png);
    background-repeat: no-repeat;
    background-size: 60px;
    width: 70%;
    margin: auto;
    background-color: #f6f6f6;
    border-radius: 5px;
}

.icon-download {
    background-image: url(../images_system/download.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center;
    vertical-align: top;
    margin-right: 5px;
}

.key-value-even {
    background-color: #eeeeee;
}

#productModalBigImage {
    width: 300px;
    object-fit: scale-down;
}

/* some style for the dashboard. */

#genericDashboardHeaderCard {
    position: sticky;
    top: 99px;
    z-index: 1;
    background-color: rgba(144, 238, 144, 0);
}

.grid-item-dashboard {
    width: 599px;
    max-height: 489px;
    float: left;
}

.chart-height-dashboard {
    height: 400px;
}

.dashboard-card-header {
    background-color: rgba(var(--tertiary-color), 0.2);
    overflow: hidden;
    width: 599px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*********************************/

/* END Google Sign in button to follow googles policy on style END */
.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    min-width: min-content;
}

    .gsi-material-button .gsi-material-button-icon {
        height: 20px;
        margin-right: 12px;
        min-width: 20px;
        width: 20px;
    }

    .gsi-material-button .gsi-material-button-content-wrapper {
        -webkit-align-items: center;
        align-items: center;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
        justify-content: space-between;
        position: relative;
        width: 100%;
    }

    .gsi-material-button .gsi-material-button-contents {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        font-family: 'Roboto', arial, sans-serif;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    .gsi-material-button .gsi-material-button-state {
        -webkit-transition: opacity .218s;
        transition: opacity .218s;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .gsi-material-button:disabled {
        cursor: default;
        background-color: #ffffff61;
        border-color: #1f1f1f1f;
    }

        .gsi-material-button:disabled .gsi-material-button-contents {
            opacity: 38%;
        }

        .gsi-material-button:disabled .gsi-material-button-icon {
            opacity: 38%;
        }

    .gsi-material-button:not(:disabled):active .gsi-material-button-state,
    .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
        background-color: #303030;
        opacity: 12%;
    }

    .gsi-material-button:not(:disabled):hover {
        -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    }

        .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
            background-color: #303030;
            opacity: 8%;
        }

/* END Google Sign in button to follow googles policy on style END */
.login-form {
    position: relative;
}

    .login-form input {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
        height: auto;
        padding: .6rem 0 .4rem 0;
        margin: 0 0 .5rem 0;
        background-color: transparent;
        border-radius: 0;
    }

    .login-form label {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1rem;
        color: #757575;
        cursor: text;
        -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*position:relative;*/
    }

    .login-form > input:focus ~ label, .login-form > input:not(:placeholder-shown) ~ label, .login-form > input:autofill ~ label {
        transform: translateY(-14px) scale(0.8);
    }

.page-splitter::before {
    width: 100%;
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    border: none;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 24px 0 0;
    padding: var(--spacing-3) 0 0 0;
}

.page-splitter::after {
    content: "";
    border-bottom: 1px solid #c2c8d0;
    border-bottom: 1px solid var(--border-default-color);
    flex: 1 0 auto;
    height: .5em;
    margin: 0;
}

.login-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.identity-card-container {
    min-height: 0;
    display: flex;
    padding: 200px;
    background-image: url('/images_system/loginpagebackground.png');
    justify-content: center;
    background-repeat: no-repeat;
    align-content: center;
    background-position: 50% 75%;
    flex-grow: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.identity-card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border: 0;
    width: 400px;
}

.login-button {
    width: 100%;
    height: 40px;
    padding: 0px;
    background-color: rgba(var(--tertiary-color)) !important;
    color: white;
    border-radius: var(--btn-border-radius);
    border:2px solid rgba(var(--main-color));
    align-content:center;
}

    .login-button:hover {
        background-color: rgba(var(--secondary-color-highlight)) !important;
        color: rgba(var(--secondary-font-color));
        transition: ease-in;
    }

.identity-manage-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 0 66%;
    padding-left: 1.25rem;
}

.identity-mangage-nav {
    display: flex;
    flex: 0 1 33%;
}

.identity-manage-body {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
}


.custTxtColor.compare-active{
    color: rgba(var(--tertiary-color)) !important;
}

.compare-card-active {
    outline: 3px dashed rgba(var(--tertiary-color)) !important;
}

.product-cards {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.product-card {
    text-align: center;
    width: 200px;
}

    .product-card img {
        max-width: 100%;
    }

.feature-group {
    font-weight: bold;
    display: block;
    background-color: white !important;
}

.checkmark {
    color: green;
}

.cross {
    color: red;
}

#addProduct {
    margin-top: 20px;
}

/**compare modal*/

.compare-container {
    overflow-x: auto;
    overflow-y: scroll;
    width: 100%;
}

.compare-table {
    display: flex;
    flex-direction: column;
    min-width: 100%;
}

#tableHeader, .table-row {
    display: flex;
    min-width: 100%;
}

.table-cell {
    flex: 1 0 150px;
    padding: 8px;
    /*border: 1px solid rgba(var(--main-color));*/
    display: flex;
    align-items: center;
    word-break: break-all;
}

    .table-cell:first-child,
    #tableHeader .table-cell:first-child {
        flex: 0 0 200px;
        min-width: 200px;
        max-width: 200px;
    }

#tableHeader .table-cell {
    font-weight: bold;
}

.table-cell span {
    display: block;
}

.custom-control {
    display: flex;
    align-items: center;
}

.custom-control-label {
    margin-left: 4px;
}

.table-cell i {
    cursor: pointer;
    margin-left: 10px;
}

#tableHeader {
    position: sticky;
    top: 0;
    z-index: 2;
    /*background-color: rgb(var(--secondary-color));*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

/*.table-row:nth-child(even) {
    background-color: rgb(230,230,230);
    width:100%;
}
.table-row:nth-child(odd) {
    background-color: white;
}*/

.first-cell {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: white;
    border-right: 1px solid rgb(210,210,210);
}

#tableHeader .table-cell:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: rgb(var(--secondary-color));
}

/*.table-row::after {
    content: '';
    flex: 999999;
}*/

.modal-content {
    border-radius: 20px !important;
}

/* ELS demo */

.badge-code-A {
    background-color: rgba(73, 177, 73, 1.0);
    color: white;
}

.badge-code-B {
    background-color: rgba(73, 177, 73, 0.75); 
    color: white;
}

.badge-code-C {
    background-color: rgba(73, 177, 73, 0.5);
    color: white;
}

.badge-code-D {
    background-color: rgba(73, 177, 73, 0.25);
    color: white;
}

.badge-code-O {
    background-color: rgba(255, 0, 0, 1.0);
    color: white;
}

/* multiselect dropdown */
.multiselect-dropdown {
    min-width: 300px;
    position: relative;
}

.multiselect-dropdown-header {
    background-color: #f8f8f8;
    /*border: 1px solid #e0e0e0;*/
    font-weight: bold;
    color: rgba(var(--mega-menu-font-highlight-color));
    /*border-radius: 20px;*/
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    overflow: hidden; /* Hides any overflowed content */
    text-overflow: ellipsis; /* Displays ellipsis (...) when text overflows */
    /* transition: border-bottom-right-radius 0.3s ease-out, border-bottom-left-radius 0.3s ease-out; */
}

.multiselect-dropdown-header-open {/*
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;*/
}

.multiselect-dropdown-content {
    max-height: 0;
    display:none;
     transition: max-height 0.3s ease-out; 
    background-color: white;
    z-index: 2;
    /*min-width: 300px;*/
    min-width: 100%;
}

.multiselect-dropdown-open {
    max-height: 100%;
    display: block;
}

.multiselect-dropdown-content-inner {
    padding: 10px 15px 0px 15px;
}

.multiselect-dropdown-content label {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    color: #555;
}

.open-filter-button:hover, .clear-search-btn:hover {
    background-color: rgb(var(--secondary-color-highlight));
}

.filter-checkbox {
    position: relative;
    padding-left: 25px;
}

    .filter-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    min-width: 18px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.filter-checkbox input:checked ~ .checkmark:after, .multiselect-dropdown-header input:checked ~ .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #4285f4;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter-checkbox input[partial=true] ~ .checkmark:after,
.multiselect-dropdown-header input[partial=true] ~ .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    left: 25%;
    top: 50%; /* Center the line vertically */
    width: 50%; /* Full width of the .checkmark element */
    height: 2px; /* Thickness of the line */
    background-color: #4285f4; /* Color of the line */
    transform: translateY(-50%); /* Vertically center the line */
}

.button-container {
    display: flex;
    flex: 1;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    width: 100%;
}

.btn-multiselect-select-all {
    background-color: rgba(var(--secondary-color));
    color: white;
    width: 100%;
    border-radius: 0px;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    box-shadow: unset !important;
}

    .btn-multiselect-select-all:hover {
        background-color: rgba(var(--tertiary-color));
    }

.btn-multiselect-close {
    background-color: rgba(var(--secondary-color));
    color: white;
    border-radius: 0px;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px !important;
    box-shadow: unset !important;
}

    .btn-multiselect-close:hover {
        background-color: #e0e0e0;
    }

.multiselect-active {
    background-color: rgba(var(--tertiary-color-highlight));
    color: rgba(var(--mega-menu-font-highlight-color));
}

#productFilterModalAccordions > .card > .card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px !important;
}

#productFilterModalAccordions > .card > .card-header:hover {
    /* background-color: #3f678b !important; */
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px !important;
}

#productFilterModalAccordions > .card > .card-header[aria-expanded="true"] {
    /* background-color: #3f678b!important; */
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px !important;
}

#productFilterModalAccordions > .card > .card-header[aria-expanded="true"] > a > h5 {
    color: white !important;
}

#productFilterModalAccordions > .card > .card-header:hover > a > h5 {
    color: white !important;
}

#productFilterModalAccordions .card .card-header[aria-expanded="true"] .my-rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.multiselect-dropdown-header.multiselect-dropdown-header-open > .my-rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filter-header-text{
    overflow: hidden;
    text-overflow: ellipsis;
}

#requestFilterModalAccordions > .card > .card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px !important;
}

    #requestFilterModalAccordions > .card > .card-header:hover {
        /* background-color: #3f678b !important; */
        background-color: rgba(var(--tertiary-color)) !important;
        margin-bottom: 1px !important;
    }

    #requestFilterModalAccordions > .card > .card-header[aria-expanded="true"] {
        /* background-color: #3f678b!important; */
        background-color: rgba(var(--tertiary-color)) !important;
        margin-bottom: 1px !important;
    }

        #requestFilterModalAccordions > .card > .card-header[aria-expanded="true"] > a > h5 {
            color: white !important;
        }

    #requestFilterModalAccordions > .card > .card-header:hover > a > h5 {
        color: white !important;
    }

#requestFilterModalAccordions .card .card-header[aria-expanded="true"] .my-rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* variant management dropdown on product page */
.my-dropdown-test .dropdown-submenu {
    position: relative;
}

.my-dropdown-test .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
}

.my-dropdown-test .dropdown-toggle::after {
    content: none;
}

.my-dropdown-test .dropdown-menu .dropdown-item:hover {
    background-color: rgba(var(--main-color)) !important;
    color: rgba(var(--main-font-color)) !important;
}

.my-dropdown-test .dropdown-menu .dropdown-item:hover i {
    color: rgba(var(--main-font-color)) !important;
}

.my-dropdown-test .dropdown-item {
    color: black !important;
    box-shadow: none !important;
}

/* set color for all sub items */
.my-dropdown-test *  {
    color: black !important;
}
/***********************************************/

#product_table_id > tbody tr:nth-child(odd):hover td,
#product_table_id > tbody tr:nth-child(odd):hover td i,
#product_table_id > tbody tr:nth-child(even):hover td,
#product_table_id > tbody tr:nth-child(even):hover td i {
    background-color: rgba(var(--secondary-color-highlight)) !important;
    color: rgba(var(--secondary-font-color)) !important;
}

#product_table_id_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th
{
    background-color: #ffffff !important;
    color: black !important;
}

#product_table_id > tbody tr:nth-child(even) > td {
    background-color: #ffffff !important;
    color: black !important;
}

#product_table_id > tbody tr:nth-child(odd) > td {
    background-color: #f5f5f5 !important;
    color: black !important;
}

#productModalPriceOverviewTable tr td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

#productModalPriceOverviewTable tr td > b {
    font-weight: bold !important;
}

.product_header_items:hover {
    background-color: rgba(var(--tertiary-color-highlight));
}

.request_header_items:hover {
    background-color: rgba(var(--tertiary-color-highlight));
}

#request_table_id tbody tr td {
    padding: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    vertical-align: middle;
}

#request_table_id > tbody tr:nth-child(odd):hover td,
#request_table_id > tbody tr:nth-child(odd):hover td i,
#request_table_id > tbody tr:nth-child(odd):hover > td > div.request-status,
#request_table_id > tbody tr:nth-child(even):hover td,
#request_table_id > tbody tr:nth-child(even):hover td i,
#request_table_id > tbody tr:nth-child(even):hover > td > div.request-status {
    background-color: rgba(var(--tertiary-color-highlight)) !important;
    color: black !important;
    opacity: 1 !important;
}

#request_table_id_wrapper > div.dt-layout-row.dt-layout-table > div > div > div.dt-scroll-head > div > table > thead > tr > th {
    background-color: #ffffff !important;
    color: black !important;
}

#request_table_id > tbody tr:nth-child(even) > td {
    background-color: #ffffff !important;
    color: black !important;
}

#request_table_id > tbody tr:nth-child(odd) > td {
    background-color: #f5f5f5 !important;
    color: black !important;
}

.popover:has(.request-status-popover) {
    max-width: 344px !important;
    min-width: 344px !important;
    pointer-events: all;
}

.request-status-popover {
    display: grid;
    grid-template-columns: 150px 150px;
}

.request-status-popover div {
    text-align: center;
    /* border-radius: 20px; */
    padding: 0px 10px;
    margin: 4px;
    cursor: pointer;
}
.popover-body {
    margin: 20px;
}

.popover-header {
    text-align: center;
    text-transform: uppercase;
}

#appoverviewNavbarContent .dropdown-item:hover,
#topMenuNavBar .dropdown-item:hover,
#navbarSupportedUserContent .dropdown-item:hover {
    background-color: rgba(var(--tertiary-color)) !important;
}

#accountTable_wrapper [type=search],
#userTable_wrapper [type=search] {
    border-radius: 20px;
    outline: none;
    padding-left: 10px;
}

.tertiary-highlight{
    background-color: rgba(var(--tertiary-color-highlight));
    color: rgba(var(--main-color));
}

.select2-results__option--highlighted {
    background-color: rgba(var(--secondary-color-highlight)) !important;
    color: rgba(var(--secondary-font-color)) !important;
}

.select2-results__option--selected {
    background-color: rgba(var(--secondary-color-highlight)) !important;
    color: rgba(var(--secondary-font-color)) !important;
}

.btn-primary {
    background-color: rgba(var(--main-color)) !important;
    color: rgba(var(--main-font-color)) !important;
}

.btn-secondary {
    background-color: rgba(var(--secondary-color)) !important;
    color: rgba(var(--secondary-font-color)) !important;
}

.btn-primary, .btn-secondary {
    border-radius: 1.5rem !important;
    border: 2px solid rgba(var(--main-color)) !important;
    height: 40px;
    padding: unset;
    width: unset;
    text-transform: capitalize;
}

.btn-primary:hover, .btn-secondary:hover {
    background-color: rgba(var(--secondary-color-highlight)) !important;
    color: rgba(var(--secondary-font-color)) !important;
}

.btn-primary:active, .btn-secondary:not([disabled]):not(.disabled):active {
    background-color: rgba(var(--secondary-color-highlight)) !important;
    color: rgba(var(--secondary-font-color)) !important;
}


#workflowAccordions > .card > .card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px !important;
}

#workflowAccordions > .card > .card-header:hover {
    background-color: rgba(var(--tertiary-color)) !important;
    color: rgba(var(--tertiary-font-color));
    margin-bottom: 1px !important;
}

#workflowAccordions > .card > .card-header[aria-expanded="true"] {
    /* background-color: #3f678b!important; */
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px !important;
}

#workflowAccordions > .card > .card-header[aria-expanded="true"] > a > h5 {
    color: white !important;
}

#workflowAccordions > .card > .card-header:hover > a > h5 {
    color: white !important;
}

#workflowAccordions .card .card-header[aria-expanded="true"] .my-rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.product-sort-menu-highlight,
.request-sort-menu-highlight,
.aum-select-menu-highlight,
.fileupload-main-menu-highlight,
.priceManagement-main-menu-highlight {
    background-color: rgba(var(--mega-menu-highlight-color));
}

#product_table_id > tbody tr > td.obsolete-red {
    background-color: #f5d4ca !important;
}

.modal.show .modal-dialog {
    min-width: 25%;
}

div.dt-processing > div:last-child > div {
    background-color: rgba(var(--main-color)) !important;
}

.request-counter-badge {
    background-color: rgba(var(--secondary-color));
    position: absolute;
    margin-left: 20px;
    margin-top: 5px;
}

#request_table_id > tbody tr > td.next-action-by-green {
    background-color: #a9f1a4 !important;
}

.a-custom-01 {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.req-dropdown-items:hover {
    background-color: rgba(var(--mega-menu-highlight-color)) !important;
    color: black !important;
    box-shadow: none !important;
    transition: none !important;
}

.req-dropdown-menu {
    margin-left: 90px;
}

#supportSubmitBtn:hover {
    background-color: rgba(var(--secondary-color-highlight)) !important;
    color: rgba(var(--secondary-font-color));
    transition: ease-in;
}

.btn, .btn:hover, .btn-secondary, .btn-secondary:hover{
    box-shadow: none;
}

.popover-copy-text {
    pointer-events: all !important;
}

#suportDataModalAccordions > .card > .card-header {
    background-color: #e9e8e8 !important;
    margin-bottom: 1px !important;
}

#suportDataModalAccordions > .card > .card-header:hover {
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px !important;
}

#suportDataModalAccordions > .card > .card-header[aria-expanded="true"] {
    background-color: rgba(var(--tertiary-color)) !important;
    margin-bottom: 1px !important;
}

#suportDataModalAccordions > .card > .card-header[aria-expanded="true"] > a > h5 {
    color: white !important;
}

#suportDataModalAccordions > .card > .card-header:hover > a > h5 {
    color: white !important;
}

#suportDataModalAccordions .card .card-header[aria-expanded="true"] .my-rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#productModalHistoryTable th {
    padding: 2px 6px 2px 6px;
    white-space: nowrap;
}

#productModalHistoryTable td {
    padding: 2px 6px 2px 6px;
    white-space: nowrap;
}

.copy-pnc-button {
    width: 100px;
    height: 30px;
    margin: 0;
    margin-left: 20px;
}

.select2-selection__choice:has(.select2-selection__choice__display:empty) {
    display: none;
}

#select2-multiselect-search-container > li:has(.select2-selection__choice__display:empty){
    display: none;
}