.innerhtml-flex .x-innerhtml {
	flex: 1;
}

.circular {
    border-radius: 50%;
}

.small-image {
    width: 35px;
    height: 35px;
}

.whiteIcon {
	color: #fff !important;
}

.tool-pen {
	background-image: url(/resources/images/pen.png);
    background-repeat: no-repeat;
    background-position: center;	
}

.white-tool-pen {
	background-image: url(/resources/images/whitepen.png);
    background-repeat: no-repeat;
    background-position: center;	
}

.tool-droplist {
	background-image: url(/resources/images/downarrow.png);
    background-repeat: no-repeat;
    background-position: center;	
}

#notes-dataview .divider {
	border-top: 1px solid #e9e9e9;
	margin-left: 10px;
	margin-right: 10px;
}

.notes-container {
    background-color: white;
}

.notes-container .header {
	font: normal 14px/18.2px "Source Sans 3 Pro Semibold";
    margin-bottom: 11px;
    margin-top: 36px;
    letter-spacing: 0.59px;
}

.notes-container .notes {
	border: 1px solid #CCCCCC;
	padding: 10px;/*26px 25px 22px 25px;*/
	font: normal 14px/16px "Source Sans 3 Pro Regular";
    letter-spacing: 0.59px;
}

.notes-container-selected {
	.notes {
	   background-color: var(--selected-background-color);
	}
}
    
.x-messageboxheader > .x-body-el {
	padding: 0 12px !important;
}


.x-mask.x-has-message .x-mask-inner {
    padding-bottom: 2em;
}

.x-mask .x-mask-inner {
	background-color: white !important;
}

.info-badge .x-badge-el {
	z-index: 4 !important;
	right: 0 !important;
	background-color: var(--base-color) !important;
	color: var(--base-foreground-color) !important;
}

.bold {
	font-weight: bold !important;
}

.white-button .x-font-icon {
	color: white !important;
}

.x-checkcell-body-el {
	padding: 4px 0 4px 0 !important;
}

.x-field > .x-label-el {
	padding: 4px 5px 4px 0 !important;
	/*font: bold 14px/16px Roboto, sans-serif !important;*/
}

.crm-underline {
	text-decoration: underline !important;	
}

.crm-checkbox-radiobutton .x-label-el {
	font-weight: normal !important;	
}

.crm-checkbox-radiobutton.crm-noflex .x-body-wrap-el {
	flex: none !important;
}

.x-field:not(.x-field-solo).x-layout-auto-item,
.x-field:not(.x-field-solo).x-layout-vbox-item {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.search-result {
	font-size: 13px !important;	
}

.right-align.x-displayfield .x-body-el {
    align-items: flex-end !important;	
}

.custom-input-field.x-field .x-body-el {
    border: 2px solid #0d457a;
    border-radius: 3px;
}

.custom-input-field.x-field .x-input-el {
	padding: 4px;
	font-size: 18px !important;
	font-weight: bold !important;
}

#crm-search-combined.x-field .x-input-el {
	font-size: 18px !important;
	font-weight: bold !important;
}

.custom-input-field.x-field > .x-body-wrap-el {
    background-color: white !important;
}

.custom-input-field .x-underline-el {
	display: none !important;
}

.readonly-input-field .x-underline-el {
	display: none !important;
}

.readonly-input-field .x-body-el {
	border: none !important;	
}

.readonly-input-field.x-field > .x-label-el {
	color: #333333 !important;
	font: normal 14px/16px "Source Sans 3 Pro Semibold" !important;
    letter-spacing: 0.59px;
}

.readonly-input-field.x-textfield .x-input-el {
	font: normal 14px/16px "Source Sans 3 Pro Regular" !important;	
    letter-spacing: 0.59px;
}

.red-btn {
	color: #FF4040 !important;
}

.crmtag .x-chipview input.x-input-el {
	text-transform: uppercase;
}
.crmindustry .x-chipview input.x-input-el {
    order: 0 !important;
    padding-right: 2px !important;
}

.crmtag .x-chipview .x-chipview-body-el {
    flex-wrap: nowrap !important;
    padding: 0 !important;
}

.crmindustry .x-chipview .x-chipview-body-el {
    overflow-x: hidden !important;
    padding: 0 !important;
   	border: none;
}

.crmtag .x-chipview {
    background-color: transparent !important;
    min-height: 20px !important;
    margin-top: 0px !important;
}

.crmindustry .x-chipview {
    min-height: auto !important;
    margin-top: 0 !important;
    background-color: transparent !important;
}

.crmtag .x-chip {
	margin: 0;
	height: 20px !important;
}

.crmtag .x-chip .x-icon-el {
	height: 20px !important;
}

.crmtag .x-chip .x-text-el {
	line-height: 20px !important;
}

.crmtag .x-chip .x-close-el  {
	margin-right: 0 !important;
}

.crmindustry .x-chip {
	margin: 2px 0 0 0;
    height: inherit !important;
    font-size: 16px;
}

.x-form-trigger-refresh .x-icon-el:before {
    content: 'refresh' !important;
}

.crmindustry .x-chipview input.x-input-el.crmindustry-hide {
	min-width: 1px !important;
	width: 1px !important;
	flex: none !important;
}

.crmindustry .x-chip.x-closable .x-close-el {
	color: white !important;
	background-color: red !important;
}

.crmindustry .x-chip .x-text-el {
    line-height: inherit !important;
}

.crm-front-loading-mask {
	opacity: 1 !important;
    background-color: transparent !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.crm-loading-mask {
	opacity: 1 !important;
    background-color: transparent !important;
}

.crm-front-loading-mask .crm-loader,
.crm-loading-mask .crm-loader {
	display: block;
	width: 50px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgb(0, 0, 0);
	--_m: 
	  conic-gradient(#0000 10%,#000),
	  linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
	        mask: var(--_m);
	-webkit-mask-composite: source-out;
	        mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {
	to {
		transform: rotate(1turn)
	}
}

.negative {
	color: red !important;
}

.x-displayfield.bold .x-input-el {
	font-weight: bold !important;
}

.remark {
	border: 1px solid #0d457a !important;
	border-radius: 10px !important;
	
}

#customer-card-card-panel .x-panelheader {
	background-color: #f3f6fa !important;
}

#customer-card-card-panel .closeBtn {
	color: #666666 !important;
}

#systemsettings-tabs .x-tabbar {
	background-color: #fafafa;	
}

#systemsettings-tabs .x-layout-card-item,
#customer-card-card-panel .x-layout-card-item {
	background-color: white !important;	
}

#customer-card-card-panel .x-field > .x-label-el {
	font-size: 16px !important;
}

#customer-card-card-panel .x-field .x-input-el {
	font-size: 16px !important;
	padding: 0px 0px;
}

#customer-search-card .x-field > .x-label-el {
	color: #333333 !important;
    padding: 4px 5px 8px 0 !important;
    font-size: 18px !important;
}

#customer-search-card .x-selectfield .x-chipview {
    min-height: auto !important;
    margin-top: 0 !important;
    background-color: transparent !important;
}

#customer-search-card .x-selectfield .x-chipview .x-chipview-body-el {
	border: none;
}

#customer-search-card .x-chip {
    margin: 0;
    height: inherit !important;
}

#customer-search-card .x-chip .x-text-el {
    line-height: inherit !important;
}

.custom-link-button {
    background: none;
    border: none;
    cursor: pointer;
    color: #0d457a !important;
    font: normal 16px/18.2px "Source Sans 3 Pro Regular" !important;
    letter-spacing: 0.67px;
}

.custom-link-button.x-button .x-inner-el,
.custom-link-button.x-button.x-has-text .x-inner-el {
    padding: 0;
}

.custom-link-button .x-text-el {
    text-decoration: underline;
}

.search-button {
	background-color: #0d457a;
}

.search-button .x-text-el {
	color: white !important;
}

.search-buttons .x-text-el {
	font-size: 18px !important;
	line-height: 18px !important;
}

.main-big-menu-button .x-inner-el {
	padding: 0 !important;
}

.big-menu-button {
	background-image: url('/resources/images/menu.svg') !important;
	width: 26px !important;
	height: 29px !important;
}

.big-menu-button-blue {
	background-image: url('/resources/images/menu-blue.svg') !important;
	width: 26px !important;
	height: 29px !important;
}

.closebtn {
	background-image: url('/resources/images/close.png') !important;
}

.no-padding-menu-btn.x-button .x-inner-el,
.no-padding-menu-btn.x-button.x-has-text .x-inner-el {
	padding: 0px 4px 0px 0px !important;
}

.no-padding-btn.x-button .x-inner-el,
.no-padding-btn.x-button.x-has-text .x-inner-el {
	padding: 0 !important;
}

#licensee-grid .x-gridcolumn > .x-header-el,
#import-error-grid .x-gridcolumn > .x-header-el,
#contacts-grid-readonly .x-gridcolumn > .x-header-el,
#contacts-grid .x-gridcolumn > .x-header-el,
#invoice-grid-readonly .x-gridcolumn > .x-header-el,
#invoice-grid  .x-gridcolumn > .x-header-el,
#customer-search-grid .x-gridcolumn > .x-header-el {
    background-color: #0d457a;
    color: white;
}

#import-error-grid .x-gridcolumn > .x-header-el {
	border: none;
}

#licensee-grid .x-headercontainer,
#import-error-grid .x-headercontainer,
#contacts-grid-readonly .x-headercontainer,
#contacts-grid .x-headercontainer,
#invoice-grid-readonly .x-headercontainer,
#invoice-grid .x-headercontainer,
#customer-search-grid .x-headercontainer {
    background-color: #0d457a;	
}

#contacts-grid-readonly .x-gridcolumn > .x-header-el,
#contacts-grid .x-gridcolumn > .x-header-el,
#invoice-grid-readonly .x-gridcolumn > .x-header-el,
#invoice-grid .x-gridcolumn > .x-header-el,
#customer-search-grid .x-gridcolumn > .x-header-el,
#customer-search-grid .x-headercontainer {
	font-size: 18px !important;
	font-weight: bold !important;	
}
	
.hr-line hr {
	border-top: 1px solid #cccccc;
	box-shadow: none;	
	margin: 0;
}

.no-underline .x-field-input {
    border-bottom: none !important;
}

.smallicon.x-button.x-hovered .x-inner-el {
	background-color: transparent !important;	
}

.smallicon.x-button .x-icon-el {
	width: 11px;	
}

.smallicon.x-button .x-icon-el:before {
	font-size: 11px;
}

#customer-search-grid .x-listitem {
	background-color:#EFEFEF;
}

#contacts-grid-readonly .x-listitem .x-gridcell,
#contacts-grid .x-listitem .x-gridcell,
#invoice-grid-readonly .x-listitem .x-gridcell,
#invoice-grid .x-listitem .x-gridcell,
#customer-search-grid .x-listitem .x-gridcell {
	font-size: 15px !important;	
}

#customer-search-grid .x-listitem.x-odd {
    background-color: white;
}

.x-listitem.x-odd.x-selected.x-hovered,
.x-listitem.x-selected.x-hovered,
.x-listitem.x-odd.x-selected,
.x-listitem.x-selected {
	background-color: #D7D7D7 !important;
}

.x-listitem.x-odd.x-hovered,
.x-listitem.x-hovered {
	background-color: var(--hovered-background-color) !important;
}

#licensee-grid .x-gridcolumn.x-sorted .x-sort-icon-el,
#contacts-grid-readonly .x-gridcolumn.x-sorted .x-sort-icon-el,
#contacts-grid .x-gridcolumn.x-sorted .x-sort-icon-el,
#invoice-grid-readonly .x-gridcolumn.x-sorted .x-sort-icon-el,
#invoice-grid .x-gridcolumn.x-sorted .x-sort-icon-el,
#customer-search-grid .x-gridcolumn.x-sorted .x-sort-icon-el {
	color: white;
}

.x-docked-top .x-has-badge .x-badge-el {
	top: 0 !important;
}

#crm-twin-search-btn {
	background-color: #F58702 !important;
	color: white;
	border: none !important;
	font: normal 14px/21px "Source Sans 3 Pro Regular" !important;
	letter-spacing: 0.5px !important;
}

#crm-twin-search-btn.x-button.x-disabled {
	color: rgba(0, 0, 0, 0.26);
}

.crm-page-title {
    font: 22px / 24px "Source Sans 3 Pro Regular" !important;
    letter-spacing: 1.01px !important;
    padding-left: 5px;
}

#crm-search-fieldset-advanced.hr-line {
	border-top: 1px solid #0d457a;
	margin-top: 10px;
}

.x-tab .x-badge-el {
	background-color: #0d457a !important;
	color: white !important;
}

.x-form-eye-trigger .x-icon-el::before {
    content: "\f06e" !important;
    font-family: FontAwesome;
}

.x-grid-filterbar .x-cleartrigger .x-icon-el:before {
	font-size: 13px;
}

.x-grid-filterbar .x-trigger .x-icon-el {
	width: 15px
}

.x-grid-filterbar .x-expandtrigger .x-trigger .x-icon-el:before {
	font-size: 15px;
}

#import-table .x-label-el {
	padding-left: 8px !important;
}

#crm-licensee-report-orgno.x-textfield.x-disabled .x-input-wrap-el,
#crm-orgno_clear.x-textfield.x-disabled .x-input-wrap-el {
	color: var(--color) !important;
}

#crm-licensee-report-orgno.x-field.x-disabled > .x-label-el,
#crm-orgno_clear.x-field.x-disabled > .x-label-el {
	color: #111 !important;
}
	
.x-tabbar .x-tab .x-inner-el {
	font-size: 18px !important;
	line-height: 20px !important;
}

.wrap-cell .x-gridcell-body-el {
    white-space: normal;
    word-break: break-word;
}

.no-arrow.x-textfield .x-before-input-el, 
.no-arrow.x-textfield .x-after-input-el {
	display: none !important;
}

.file-disabled-button {
	background-color: grey !important; /* Färgen på bakgrunden när knappen är disabled */
    color: lightgrey !important; /* Textfärgen när knappen är disabled */
    border-color: grey !important; /* Om du har en border på knappen */	
}

.crm-filefield ::placeholder {
	color: black !important;
}

.crm-filefield.filefield-link ::placeholder {
	color: blue !important;
	font-weight: bold !important;
}

.crm-filefield .empty-filefield-cursor {
	cursor: pointer;
}

.crm-fieldset-title .x-form-fieldset-title {
	font: bold 16px/18px 'Source Sans 3 Pro Regular' !important;
}

.crm-system-fieldset-title {
	font: bold 16px/18px 'Source Sans 3 Pro Regular' !important;
	color: var(--base-color);
}

.white-color.x-button .x-inner-el .x-icon-el,
.white-color.x-button .x-inner-el .x-arrow-el {
	color: white;
}

#crm-backward-btn.x-button .x-icon-el:before,
#crm-forward-btn.x-button .x-icon-el:before {
	font-size: 32px;
} 

.label-pen {
	position: relative;
}

.crm-hidden {
	display: none !important;	
}

.crm-change-hdr {
	font: bold 16px/18px 'Source Sans 3 Pro Regular' !important;
	color: var(--base-color);
}

.broadcast-textarea textarea {
    width: 280px !important; /* Sätt bredden på textarea */
    /*overflow: auto !important; /* Aktivera scrollning */
    flex: none !important;
}

#termsfiles-grid .x-gridcolumn > .x-header-el,
#termsfiles-grid .x-headercontainer {
	background-color: white !important;	
}

#termsfiles-grid,
#termsfiles-grid .x-listitem,
#termsfiles-grid .x-listitem.x-hovered,
#termsfiles-grid .x-listitem.x-selected {
	background-color: white !important;
}
#termsfiles-grid .x-listitem.x-selected {
	border: 1px solid blue !important;
}
#termsfiles-grid .x-listitem:last-child.x-selected .x-gridcell-body-el {
	padding-bottom: 3px !important;
}

.crm-focusable-dialog .x-button.x-focused {
    border-bottom: 2px solid rgb(13, 69, 122);
}

.x-keyboard-mode .x-button.x-focused.base-color .x-icon-el  {
	color: var(--base-color) !important;
}

.x-keyboard-mode .x-button.x-focused .x-inner-el {
	border: none !important;
	background-color: transparent !important;
	color: rgb(13, 69, 122) !important;
}

.x-field.x-required > .x-label-el:after {
    font-weight: normal !important;
    font-size: inherit !important;
    font-family: inherit !important;
}

.gridpicker .x-gridcell {
    height: 30px !important;
    line-height: 30px !important; /* centrerar texten vertikalt */
}

.gridpicker .x-gridcell.x-focused:after {
    border: none !important;
}

.gridpicker .x-gridcell-body-el {
	padding: 0px 6px 0px 6px !important;
}

.gridpicker .x-gridcell {
    font: normal 13px "Source Sans 3 Pro Regular" !important;
}

.gridpicker-combo .x-chipview .x-chipview-body-el {
	flex-wrap: nowrap !important;
	padding: 0 !important;
	align-items: center !important;
}

.gridpicker-combo .x-chipview {
    background-color: transparent !important;
}

.gridpicker-combo .x-chipview {
    min-height: 20px !important;
    margin-top: 0px !important;
}

.custom-input-field.x-field.gridpicker-combo .x-input-wrap-el {
	padding: 4px !important;
}

.custom-input-field.x-field.gridpicker-combo .x-input-el {
	padding: 0;
}

.gridpicker-combo .x-chip {
	margin: 0px 2px 0px 0px !important;
	height: 20px !important;
}

.gridpicker-combo .x-chip .x-body-el {
	border: none !important;
}

.gridpicker-combo .x-chip .x-icon-el {
	height: 20px !important;
}

.gridpicker-combo .x-chip .x-text-el {
	line-height: 20px !important;
}

.gridpicker-combo .x-chip .x-close-el  {
	margin-right: 0 !important;
}