body{
	background-color: var(--bb-color-white) !important;
	color: var(--bb-color-text-content);
}
.btn-bb-red{
    background-color: var(--bb-color-red);
    border-color: var(--bb-color-red);
	color: var(--bb-color-white);	
}
.btn-bb-red:hover, .btn-bb-red:active, .btn-bb-red:focus, .btn-bb-red:hover, .btn-bb-red:active, .btn-bb-red:focus{
    background-color: var(--bb-color-red-hover) !important;
    border-color: var(--bb-color-red-hover) !important;
	color: var(--bb-color-white) !important;	
}
.btn-bb-green{
	background-color: var(--bb-color-green);
	border-color: var(--bb-color-green);
	color: var(--bb-color-white);	
}
.btn-bb-green:hover, .btn-bb-green:active, .btn-bb-green:focus, .btn-bb-green:hover, .btn-bb-green:active, .btn-bb-green:focus{
	background-color: var(--bb-color-green-hover) !important;
	border-color: var(--bb-color-green-hover) !important;
	color: var(--bb-color-white) !important;	
}
.btn-bb-pink{
	background-color: var(--bb-color-comp-pink);
	border-color: var(--bb-color-comp-pink);
	color: var(--bb-color-text-content-light);	
}
.btn-bb-pink:hover, .btn-bb-pink:active, .btn-bb-pink:focus, .btn-bb-pink:hover, .btn-bb-pink:active, .btn-bb-pink:focus{
	background-color: var(--bb-color-comp-pink-light) !important;
	border-color: var(--bb-color-comp-pink-light) !important;
	color: var(--bb-color-text-content-light) !important;	
}
.btn-bb-grey{
	background-color: var(--bb-color-comp-grey-green);
	border-color: var(--bb-color-comp-grey-green);
}
.btn-bb-grey:hover, .btn-bb-grey:active, .btn-bb-grey:focus, .btn-bb-grey:hover, .btn-bb-grey:active, .btn-bb-grey:focus{
	background-color: var(--bb-color-comp-pistage) !important;
	border-color: var(--bb-color-comp-pistage) !important;
	color: var(--bb-color-black) !important;	
}
.page-item.active .page-link{
    background-color: var(--bb-color-comp-grey-green);
    border-color: var(--bb-color-comp-grey-green);
	color: var(--bb-color-text-content);
}
.page-item.previous .page-link, .page-item.next .page-link{
    background-color: var(--bb-color-comp-pistage);
    border-color: var(--bb-color-comp-pistage);
	color: var(--bb-color-text-content);
}


.general-link{
	color: #333;
    text-decoration: none;
}
.navbar-toggler{
	background-color: var(--bb-color-red);
}
.navbar-toggler-icon{
	background-color: var(--bb-color-red);
}

.dackaTabLink{
    color: #333;
    text-decoration: none;
}
.general-link:hover, .general-link:active, .general-link:focus, .dackaTabLink:hover, .dackaTabLink:active, .dackaTabLink:focus {
	color: #333;
    text-decoration: none;
}
.bg-petrol{
	background-color: #304442;
}
.bootbox-close-button{
	background-color: #304442;
	color: #FFFFFF;
	font-weight: bold;
}

.btn-bilbolaget-small:hover, .btn-bilbolaget-medium:hover, .btn-bilbolaget-black:hover {
	color: #FFFFFF;
	background-color: #659b76;
}


.btn-workorder-black{
    background-color: #304442;
    border-color: #304442;
	color: #FFFFFF;	
}
.btn-workorder-red{
    background-color: #D6001C;
    border-color: #D6001C;
	color: #FFFFFF;	
}
.btn-workorder-grey{
    background-color: lightgray;
    border-color: lightgray;
	color: #000000;	
}
.btn-workorder-yellow{
    background-color: rgb(255, 225, 0);
    border-color: rgb(255, 225, 0);
	color: #000000;	
}
.btn-workorder-green{
    background-color: green;
    border-color: green;
	color: #ffffff;	
}
/*
.btn-bilbolaget, .btn-primary{
    background-color: #f87c8a;
    border-color: #f87c8a;
	color: #FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	border-radius: 8px;
}
*/
.btn-bilbolaget-black, .bootbox-cancel{
	font-family: 'Monsal-gothic-medium',Arial, sans-serif;
	background-color: #588767;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 8px;
}

.btn-bilbolaget-medium{
	font-family: 'Monsal-gothic-medium',Arial, sans-serif;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 8px;	
}

.btn-bilbolaget-small{
	font-family: 'Monsal-gothic-medium',Arial, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 8px;	
}

.btn-bilbolaget-grey{
	background-color: #f5f5f5;
	color: #bababa;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 8px;
}
.btn-bilbolaget:active{
	transform: translateY(3px);
}
.btn-bilbolaget:hover, .btn-bilbolaget:active, .btn-bilbolaget:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #cb444b;
	outline: none !important;
	box-shadow: none;	
}
/*
.btn-bilbolaget-black:hover, .btn-bilbolaget-black:active, .btn-bilbolaget-black:focus {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #1a171b;
}
*/
.btn-bilbolaget-grey:hover, .btn-bilbolaget-grey:active, .btn-bilbolaget-grey:focus {
	text-decoration: none;
	color: #bababa;
	background-color: #f5f5f5;
}
.modal-title{
	color: #FFFFFF;
	font-weight: 600;
}
.bootbox>.modal-dialog>.modal-content>.modal-body{
    background-color: #304442;
    color: #FFFFFF;
}
.table-bilbolaget{
    background-color: #fff;
	border-color: #ccc;
}
.alert-message{
	font-weight: bold;
	color: #D6001C;
}
.error-message{
	display:none;
	color:darkred;
	font-weight:bold;
}
.main-workarea{
	background-color: #f3f3f3;
}
.nav-link.active{
	background-color: #f3f3f3 !important;
	border-color: #d6d6d6 #d6d6d6 #fff !important;
}
#dackaTabContent{
    background-color: #f3f3f3;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #f87c8a;
	background: #f87c8a;
	font-weight: normal;
	color: #ffffff;
	border: 1px solid #c5c5c5;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f87c8a;
	font-weight: normal;
	color: #454545;
}
.btn-dacka-select {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #ced4da;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
	--bs-btn-bg: #fff;
}
.asterix{
	font-weight:bold;
	color:#D6001C;	
}
.ui-widget-content{
	background-color: #f7cdcf;
	border-color: #f7cdcf;
	
}
.ui-slider-handle{
	background-color: #e16468;
	border-color: #e16468;
}
.ui-slider-range{
	background-color: #e16468;
}
.ui-slider-range-min{
	background-color: #e16468;
}
.ui-slider-range-max{
	background-color: #e16468;
}
.ui-widget.ui-widget-content{
	border:0;
}
.ui-slider {
    margin-left: 10px;
    margin-right: 20px;
}
.ui-slider .ui-slider-handle {
    width: 2em;
    height: 2em;
    margin-top: -0.3em;
	margin-left: -0.6em;
}
.ui-corner-all {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}