.blueprint{
	background-image: url('../../uploads/backgrounds/system/blueprint.jpg');
	background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center right; 
    background-attachment: fixed;
}

/* För Coloris 20251111 */
.clr-field {
  width:100%;
}
.clr-field button {

	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 50px !important;

}

.btn-group-xs > .btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.nobr {
	white-space: nowrap
	} 
.card.hover:hover{
	transform: scale(1.01);
	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 1015;
}
.customcolor1{
/*
	background-color: #9CB4B7;
	background-color: #3369ab;
*/
	background-color: #236192;
}
.customcolor2{
/* 	background-color: #6B646E; */
	background-color: #236192;
	
}
.customcolor3{
/*
	background-color: #434840;
	background-color: #223A59;
*/
	background-color: #236192;
}
.customcolor4{
/*
	background-color: #C3AB6B;
	background-color: #8F30A1;
*/
	background-color: #236192;
}
.customcolor5{
/*
	background-color: #9A917C;
	background-color: #031930;
*/
	background-color: #236192;
}
.customcolor6{
/* 	background-color: #4B2B28; */
	background-color: #236192;
}
.customcolor7{
/* 	background-color: #2E6D92; */
	background-color: #236192;
}

.rounded-pill {
    border-radius: var(--falcon-border-radius-pill) !important;
}
.badge-subtle-primary {
    color: var(--falcon-primary-text-emphasis);
    background-color: var(--falcon-primary-bg-subtle);
}
.badge-subtle-primary[href]:hover, .badge-subtle-primary[href]:focus {
    text-decoration: none;
    color: var(--falcon-primary-text-emphasis);
    background-color: var(--falcon-primary-bg-subtle);
}
.badge-subtle-secondary {
    color: var(--falcon-secondary-text-emphasis);
    background-color: var(--falcon-secondary-bg-subtle);
}
.badge-subtle-secondary[href]:hover, .badge-subtle-secondary[href]:focus {
    text-decoration: none;
    color: var(--falcon-secondary-text-emphasis);
    background-color: var(--falcon-secondary-bg-subtle);
}
.badge-subtle-success {
    color: var(--falcon-success-text-emphasis);
    background-color: var(--falcon-success-bg-subtle);
}
.badge-subtle-success[href]:hover, .badge-subtle-success[href]:focus {
    text-decoration: none;
    color: var(--falcon-success-text-emphasis);
    background-color: var(--falcon-success-bg-subtle);
}
.badge-subtle-info {
    color: var(--falcon-info-text-emphasis);
    background-color: var(--falcon-info-bg-subtle);
}
.badge-subtle-info[href]:hover, .badge-subtle-info[href]:focus {
    text-decoration: none;
    color: var(--falcon-info-text-emphasis);
    background-color: var(--falcon-info-bg-subtle);
}
.badge-subtle-warning {
    color: var(--falcon-warning-text-emphasis);
    background-color: var(--falcon-warning-bg-subtle);
}
.badge-subtle-warning[href]:hover, .badge-subtle-warning[href]:focus {
    text-decoration: none;
    color: var(--falcon-warning-text-emphasis);
    background-color: var(--falcon-warning-bg-subtle);
}
.badge-subtle-danger {
    color: var(--falcon-danger-text-emphasis);
    background-color: var(--falcon-danger-bg-subtle);
}
.badge-subtle-danger[href]:hover, .badge-subtle-danger[href]:focus {
    text-decoration: none;
    color: var(--falcon-danger-text-emphasis);
    background-color: var(--falcon-danger-bg-subtle);
}
.badge-subtle-light {
    color: var(--falcon-light-text-emphasis);
    background-color: var(--falcon-light-bg-subtle);
}
.badge-subtle-light[href]:hover, .badge-subtle-light[href]:focus {
    text-decoration: none;
    color: var(--falcon-light-text-emphasis);
    background-color: var(--falcon-light-bg-subtle);
}
.badge-subtle-dark {
    color: var(--falcon-dark-text-emphasis);
    background-color: var(--falcon-dark-bg-subtle);
}
.badge-subtle-dark[href]:hover, .badge-subtle-dark[href]:focus {
    text-decoration: none;
    color: var(--falcon-dark-text-emphasis);
    background-color: var(--falcon-dark-bg-subtle);
}
.highcharts-figure .chart-container {
    width: 100%;
    height: 200px;
/*     float: left; */
}



/* This selector targets the editable element (excluding comments). */
.ck-editor__editable_inline:not(.ck-comment__input *) {
    height: 260px;
    overflow-y: auto;
}