@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

:root {
	
    --color-button:#126CEE;
    --color-button-hover:#0d50b6;

    /* Color - Brand */
    --color-primary: #126CEE;
    --color-primary-darker: #0d50b6;
    --color-primary-light:#70a6f5;
    --color-primary-lighter:#b7d2fa;
    --color-secondary: #e6bc56;
    --color-secondary-darker: #a58b42;
    --color-secondary-light: #f0d799;
    --color-secondary-lighter: #f8ebcc;
	
	--color-zodiac-100: #0b1c34;
	
	
	/* Top menu icons */
    --config: url(/IMSGeneral_Th/img/icon_config_yellow_v2.svg);
    --help: url(/IMSGeneral_Th/img/icon_help_yellow_v2.svg);
    --profile: url(/IMSGeneral_Th/img/icon_profile_yellow_v2.svg);
    --vendorlogout: url(/IMSGeneral_Th/img/iconvendorlogoutyellow_v2.svg);
    --vendormessagebox: url(/IMSGeneral_Th/img/iconvendormessageboxyellow_v2.svg);
	
}

html {
  color: var(--color-zodiac-100);
  font-family: 'Montserrat', sans-serif;
}

.ContainerButton.ContainerButtonPrimary {
  color: var(--color-neutral-0);
}

.ContainerButton.ContainerButtonPrimary:hover {
  color: var(--color-neutral-0);
}

.PaginationIcon{
	background-color: var(--color-secondary);
}
.PaginationIcon:hover{
	background-color: var(--color-secondary-darker);
}

.background-appbanner { 
	background-color: var(--color-primary-lighter); 
}

.tag.background-neutral-0,
.tag.background-neutral-1,
.tag.background-neutral-2,
.tag.background-neutral-3,
.tag.background-neutral-4 {
  color: var(--color-neutral-9);
  background: var(--color-secondary);  
}

.toggle-button.toggle-button-checked {
  background-color: var(--color-primary-light);
}

.SearchBlockItemLabel {
	font-weight: var(--font-medium);
}

.tabs-header-item, .tabs-header-item:hover {
    font-weight: var(--font-medium);
}

.req-att {
    background: #fdc4c4 !important;
}

.toggle-button.toggle-button-disabled:after {
	background-color: var(--color-neutral-4);
}


/* Disbled 19/04/2023 --> wrong color */
/* .toggle-button.toggle-button-disabled {
	background-color: var(--color-primary-lighter) !important;
} */