:root {
	/* master profile colors */
	/* Onitio-colors */
	

	/* Pixel Black*/
	--onitio-pixel-black:					#1b1c1e; /*rgb( 27,  28,  30)*/
	--onitio-pixel-black-solid-80:			#323335; /*rgb( 50,  51,  53)*/
	--onitio-pixel-black-solid-66:			#49494b; /*rgb( 73,  73,  75)*/
	--onitio-pixel-black-solid-50:			#767778; /*rgb(118, 119, 120)*/
	--onitio-pixel-black-solid-33:			#a4a4a5; /*rgb(164, 164, 165)*/
	--onitio-pixel-black-solid-20:			#d1d2d2; /*rgb(209, 210, 210)*/

	/* Nightsky Blue */
	--onitio-nightsky-blue:					#011278; /*rgb(  1,  18, 120)*/
	--onitio-nightsky-blue-solid-80:		#1b2a86; /*rgb( 27,  42, 134)*/
	--onitio-nightsky-blue-solid-66:		#344193; /*rgb( 52,  65, 147)*/
	--onitio-nightsky-blue-solid-50:		#6771ae; /*rgb(103, 113, 174)*/
	--onitio-nightsky-blue-solid-33:		#99a0c9; /*rgb(153, 160, 201)*/
	--onitio-nightsky-blue-solid-20:		#ccd0e4; /*rgb(204, 208, 228)*/

	--onitio-nightsky-blue-05: rgba(  1,  18, 120, .05);
	--onitio-nightsky-blue-10: rgba(  1,  18, 120, .10);
	--onitio-nightsky-blue-20: rgba(  1,  18, 120, .20);
	--onitio-nightsky-blue-25: rgba(  1,  18, 120, .25);
	--onitio-nightsky-blue-50: rgba(  1,  18, 120, .50);
	--onitio-nightsky-blue-75: rgba(  1,  18, 120, .75);
	--onitio-nightsky-blue-80: rgba(  1,  18, 120, .80);
	--onitio-nightsky-blue-90: rgba(  1,  18, 120, .90);

	/* Sparkling Red */
    --onitio-sparkling-red:					#fa344c; /*rgb(250,  52,  76)*/
	--onitio-sparkling-red-solid-80:		#fb495e; /*rgb(251,  73,  94)*/
	--onitio-sparkling-red-solid-66:		#fb5d70; /*rgb(251,  93, 112)*/
	--onitio-sparkling-red-solid-50:		#dc8594; /*rgb(252, 133, 148)*/
	--onitio-sparkling-red-solid-33:		#fdaeb7; /*rgb(253, 174, 183)*/
	--onitio-sparkling-red-solid-20:		#fed6db; /*rgb(254, 214, 219)*/

	--onitio-sparkling-red-05: rgba(250,  52,  76, .05);
	--onitio-sparkling-red-10: rgba(250,  52,  76, .10);
	--onitio-sparkling-red-20: rgba(250,  52,  76, .20);
	--onitio-sparkling-red-25: rgba(250,  52,  76, .25);
	--onitio-sparkling-red-50: rgba(250,  52,  76, .50);
	--onitio-sparkling-red-75: rgba(250,  52,  76, .75);
	--onitio-sparkling-red-80: rgba(250,  52,  76, .80);
	--onitio-sparkling-red-90: rgba(250,  52,  76, .90);

	/* Cyber Blue */
	--onitio-cyber-blue:					#08bdf4; /*rgb(  8, 189, 244)*/
	--onitio-cyber-blue-solid-80:			#21c4f5; /*rgb( 33, 196, 245)*/
	--onitio-cyber-blue-solid-66:			#39caf6; /*rgb( 57, 202, 246)*/
	--onitio-cyber-blue-solid-50:			#6bd7f8; /*rgb(107, 215, 248)*/
	--onitio-cyber-blue-solid-33:			#9ce5fb; /*rgb(156, 229, 251)*/
	--onitio-cyber-blue-solid-20:			#cef2fd; /*rgb(206, 242, 253)*/

	--onitio-cyber-blue-05: rgba(  8, 189, 244, .05);
	--onitio-cyber-blue-10: rgba(  8, 189, 244, .10);
	--onitio-cyber-blue-20: rgba(  8, 189, 244, .20);
	--onitio-cyber-blue-25: rgba(  8, 189, 244, .25);
	--onitio-cyber-blue-50: rgba(  8, 189, 244, .50);
	--onitio-cyber-blue-75: rgba(  8, 189, 244, .75);
	--onitio-cyber-blue-80: rgba(  8, 189, 244, .80);
	--onitio-cyber-blue-90: rgba(  8, 189, 244, .90);

	/* Code Green */
    --onitio-code-green:					#02aa20; /*rgb(  2, 170,  32)*/ 
	--onitio-code-green-solid-80:			#1cb337; /*rgb( 28, 179,  55)*/
	--onitio-code-green-solid-66:			#35bb4d; /*rgb( 53, 187,  77)*/
	--onitio-code-green-solid-50:			#67cc79; /*rgb(103, 204, 121)*/
	--onitio-code-green-solid-33:			#9adda6; /*rgb(154, 221, 166)*/
	--onitio-code-green-solid-20:			#cceed2; /*rgb(204, 238, 210)*/

	--onitio-code-green-05 : rgba(  2, 170,  32, .05);
	--onitio-code-green-10 : rgba(  2, 170,  32, .10);
	--onitio-code-green-20 : rgba(  2, 170,  32, .20);
	--onitio-code-green-25 : rgba(  2, 170,  32, .25);
	--onitio-code-green-50 : rgba(  2, 170,  32, .50);
	--onitio-code-green-75 : rgba(  2, 170,  32, .75);
	--onitio-code-green-80 : rgba(  2, 170,  32, .80);
	--onitio-code-green-90 : rgba(  2, 170,  32, .90);

	/* Flash Yellow */
	--onitio-flash-yellow:					#f9e707; /*rgb(249, 231,   7)*/
	--onitio-flash-yellow-solid-80:			#fae920; /*rgb(250, 233,  32)*/
	--onitio-flash-yellow-solid-66:			#faec39; /*rgb(250, 236,  57)*/
	--onitio-flash-yellow-solid-50:			#fbf16a; /*rgb(251, 241, 106)*/
	--onitio-flash-yellow-solid-33:			#fdf59c; /*rgb(253, 245, 156)*/
	--onitio-flash-yellow-solid-20:			#fefacd; /*rgb(254, 250, 205)*/

	--onitio-flash-yellow-05: rgba(249, 231,   7, .05);
	--onitio-flash-yellow-10: rgba(249, 231,   7, .10);
	--onitio-flash-yellow-20: rgba(249, 231,   7, .20);
	--onitio-flash-yellow-25: rgba(249, 231,   7, .25);
	--onitio-flash-yellow-50: rgba(249, 231,   7, .50);
	--onitio-flash-yellow-75: rgba(249, 231,   7, .75);
	--onitio-flash-yellow-80: rgba(249, 231,   7, .80);
	--onitio-flash-yellow-90: rgba(249, 231,   7, .90);

	/* END Onitio colors */


	--color-master-black: #000;
	
	/* Older InfoCare colors */
	
	--color-master-purple-dark: #141139; /* rgb(20,17,57) */
	--color-master-purple: #5746C5; /* rgb(87,70,197) */
	--color-master-purple-light: #9E9EFF; /* rgb(158,158,255) */

	--color-master-light-grey: #f5f5f5; /* rgb(250,250,250) */
	--color-master-white: #ffffff;
	--color-master-white-50: rgba(255,255,255,0.5);

	--color-master-purple-light-05: rgba(158,158,255,0.05);
	--color-master-purple-light-10: rgba(158,158,255,0.10);
	--color-master-purple-light-20: rgba(158,158,255,0.20);
	--color-master-purple-light-25: rgba(158,158,255,0.25);
	--color-master-purple-light-50: rgba(158,158,255,0.50);
	--color-master-purple-light-75: rgba(158,158,255,0.75);
	--color-master-purple-light-80: rgba(158,158,255,0.80);
	--color-master-purple-light-90: rgba(158,158,255,0.90);

	--color-master-purple-05: rgba(87,70,197,0.05);
	--color-master-purple-10: rgba(87,70,197,0.10);
	--color-master-purple-20: rgba(87,70,197,0.20);
	--color-master-purple-25: rgba(87,70,197,0.25);
	--color-master-purple-50: rgba(87,70,197,0.50);
	--color-master-purple-75: rgba(87,70,197,0.75);
	--color-master-purple-80: rgba(87,70,197,0.80);
	--color-master-purple-90: rgba(87,70,197,0.90);

	--color-master-purple-dark-05: rgba(20,17,57,0.05);
	--color-master-purple-dark-10: rgba(20,17,57,0.10);
	--color-master-purple-dark-20: rgba(20,17,57,0.20);
	--color-master-purple-dark-25: rgba(20,17,57,0.25);
	--color-master-purple-dark-50: rgba(20,17,57,0.50);
	--color-master-purple-dark-75: rgba(20,17,57,0.75);
	--color-master-purple-dark-80: rgba(20,17,57,0.80);
	--color-master-purple-dark-90: rgba(20,17,57,0.90);

	--color-link-normal: var(--onitio-nightsky-blue);
	--color-link-hover: var(--onitio-cyber-blue);
	--color-link-hover-bg: var(--color-master-white-50);
	--color-link-focus-bg: var(--color-master-purple-dark);
	--color-link-focus-fg: var(--color-master-white);

	--input-disabled-bgcolor: rgba(0,0,0,0.075);
}

.old-colors-used {
	--g01: #8bc832;
	--g02: #8bc842;
	--g03: #8dc63f;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.uk-grid {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox/*!important*/;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}

.uk-pagination li a.uk-active {
	/*background-color: #8dc63f;*/
	background-color: var(--color-link-normal);
	color: #fff;
}
.uk-pagination li {
	border: #CCC 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.uk-pagination>li>a {
	background: #fff;
	color: #000;
}


input.match-height,
input.grid-border-item{
	height: auto!important;
}

.uk-form-select select{
	height: 100%!important;
}
#logo{
		margin-top: 15px;
}

[data-uk-dropdown] > a{
	cursor: pointer!important;
}
div {
	overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.5px;
}

.uk-panel-box-primary {
	/*background-color: #515151;*/
	background-color: #626262;
}

.uk-panel-box-secondary {
	background-color: #dbdbdb;
}


.padding-bottom {
	padding-bottom: 15px;
	}

.uk-modal{
	position: fixed!important;
}
.uk-button{
	min-height: 30px;
	line-height: 30px;
}
.flex-button{
	line-height: 1.3;
}
.list-button {
	font-size: 0.9em!important;
	padding: 5px!important;
}
.list-button:hover, .list-button:focus {
	border-color:#8dc63f;
	background-color:#fff;
}
.uk-panel-box-primary h3 {
	color:#fff;
}

.float-right{
	float: right;
}
.float-left{
	float: left;
}

.uk-dropdown-shadow {
	-webkit-box-shadow: 0px 10px 15px rgba(0,0,0,.3)!important;
	-moz-box-shadow: 0px 10px 15px rgba(0,0,0,.3)!important;
	box-shadow: 0px 10px 15px rgba(0,0,0,.3)!important;
}

.uk-dropdown:hover {
	background-color: #fff;
}

/*Where is this used?*/
.uk-dropdown.search-dropdown {
	background: transparent;
	border: none;
}

.toggler-container .uk-panel-space {
	padding: 0px 30px;
}

[class*='uk-width-small'].uk-text-right{
		text-align: left!important;
}
.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"]{
	height: auto;
}
.uk-form select:disabled, .uk-form textarea:disabled, .uk-form input:not([type]):disabled, .uk-form input[type="text"]:disabled, .uk-form input[type="password"]:disabled, .uk-form input[type="datetime"]:disabled, .uk-form input[type="datetime-local"]:disabled, .uk-form input[type="date"]:disabled, .uk-form input[type="month"]:disabled, .uk-form input[type="time"]:disabled, .uk-form input[type="week"]:disabled, .uk-form input[type="number"]:disabled, .uk-form input[type="email"]:disabled, .uk-form input[type="url"]:disabled, .uk-form input[type="search"]:disabled, .uk-form input[type="tel"]:disabled, .uk-form input[type="color"]:disabled, .disabled {
	border-color: #ddd;
	/*background-color: #f5fbfe;*/
	background-color: #ebebeb;
	color: 	#2a2a2b;
}


#checkout-large[disabled], #checkout-small[disabled] {
	border-color: #ddd;
	/*background-color: #f5fbfe;*/
	background-color: #ebebeb !important;
	color: #2a2a2b;
}

.ic-alternate-disabled select:disabled, .ic-alternate-disabled textarea:disabled, .ic-alternate-disabled input:not([type]):disabled, .ic-alternate-disabled input[type="text"]:disabled, .ic-alternate-disabled input[type="password"]:disabled, .ic-alternate-disabled input[type="datetime"]:disabled, .ic-alternate-disabled input[type="datetime-local"]:disabled, .ic-alternate-disabled input[type="date"]:disabled, .ic-alternate-disabled input[type="month"]:disabled, .ic-alternate-disabled input[type="time"]:disabled, .ic-alternate-disabled input[type="week"]:disabled, .ic-alternate-disabled input[type="number"]:disabled, .ic-alternate-disabled input[type="email"]:disabled, .ic-alternate-disabled input[type="url"]:disabled, .ic-alternate-disabled input[type="search"]:disabled, ic-alternate-disabled input[type="tel"]:disabled, .ic-alternate-disabled input[type="color"]:disabled, .ic-alternate-disabled.disabled {
	border-color: #ddd;
	/*background-color: #f5fbfe;*/
	background-color: #fff;
	color: #2a2a2b;
}
.uk-panel-disabled, input:disabled {
	/*background-color: #f5fbfe;
	color: #999;*/
	border-color: #ddd;
	background-color: #ebebeb;
	color: #2a2a2b !important;
}

.green {
	/*color: #8bc832;*/
	color: var(--onitio-nightsky-blue);
}

a.green:hover, a.green:focus {
	/*color: #8bc842;*/
	color: var(--onitio-cyber-blue);
}

a.green:focus {
	box-shadow: 0 5px 5px 0 var(--onitio-cyber-blue); /*#8dc63f*/
}

.uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus {
	color: #4d4c4f;
}

.ic-cost-grid textarea {
	height: inherit !important;
}

.grid-item-height-small {
	min-height: 53px;
}

.grid-item-height-large {
	min-height: 102px;
}

.uk-hidden.grid-item-height {
	height: 0px;
}

.uk-text-success{
	color: var(--color-link-normal) !important;
}
/*
body {
	font-family: "FontAwesome", Helvetica, Arial, "Lucida Grande", sans-serif;
}

*/
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
	/*border-color: #DDD !important;*/
	border: 1px solid #DDD;
}

input::placeholder,
textarea::placeholder {
	font-style: italic;
	color: #909090;
}



input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus {
	border-color: var(--onitio-nightsky-blue) !important; /*#8bc832*/
	background: #fff !important;
	box-shadow: 0px 0px 8px var(--onitio-nightsky-blue); /*#8bc832;*/
	z-index: 1001;
	outline-color: var(--onitio-nightsky-blue); /*#8bc832*/
}

.uk-form-select:focus-within {
	box-shadow: 0px 0px 8px 1px var(--onitio-nightsky-blue) !important; /*#8bc832*/
}


/* replaced by ic-form-danger class - hkbuf */
/*input[type="text"]:invalid, input[type="datetime"]:invalid, input[type="datetime-local"]:invalid, input[type="email"]:invalid, input[type="number"]:invalid, input[type="tel"]:invalid, textarea:invalid {
	border-color: #fc0013 !important;
	box-shadow: 0px 0px 8px #fc0013 !important;
	z-index: 9999;
	outline-color: #fc0013;
	color: #fc0013;
}*/

.uk-grid-collapse.grid-border-row {
	/*margin-left: 1px!important;	 */
}

.grid-border-row {
	/*border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;*/
	border-top: 1px solid #95989A;
	border-left: 1px solid #95989A;
}

.grid-border-row-no-top {
	/*border-left: 1px solid #DDD;*/
	border-left: 1px solid #95989A;
}

.grid-border-row > .grid-border-item:not(.uk-panel-box-primary), .grid-border-row-no-top > .grid-border-item:not(.uk-panel-box-primary) {
	/*border: 1px solid #DDD;*/
	/*margin-left: -1px;
	margin-top: -1px;*/
	/*border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-color: #DDD !important;*/
	border-right: 1px solid #95989A;
	border-bottom: 1px solid #95989A;
	border-color: #95989A !important;
}

.grid-border-toggle {
	/*border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;*/
	border-right: 1px solid #95989A;
	border-bottom: 1px solid #95989A;
}

.oni-grid-border-left-top {
	border-top: 1px solid #95989A !important;
	border-right: none !important;
	border-bottom: none !important;
	border-left: 1px solid #95989A !important;
}

.oni-grid-border-right-bottom {
	border-top: none !important;
	border-right: 1px solid #95989A !important;
	border-bottom: 1px solid #95989A !important;
	border-left: none !important;
}

input.grid-border-item{
	border-left: none!important;
	border-top: none!important;
}

input, textarea, keygen, select, button {
	font-family:inherit!important;
	font-size:inherit!important;
}

textarea{
	resize:none;
}

.mouse-hover {
	cursor: pointer;

}

img#profilbilde {
	max-width: 150px;
	max-height: 150px;
}

#vedlegg input {
	padding: 5px;
}

*+.uk-table {
	margin-top: 0px!important;
}

/*
.uk-button {
	line-height:1.2em;
	}
.uk-button.uk-button-success, .uk-button.change-date {
	line-height:35px;
	}*/

#save_button {
	min-height:30px!important;
	line-height: 30px!important;
}

#logon-form-dropdown-div{
	width: 350px;
}

#logon-form-dropdown-username{
	width:315px;
}
#logon-form-dropdown-password {
	width:315px;
}
.uk-margin-small-top {
	margin-top: 10px !important;
}


.uk-table thead th {
	background-color: #515151;
	color: #fff;
}

.uk-table td {
	border: 1px solid #ddd;
	min-width: 8em;
}
table.uk-table {
	font-size: 0.9em;
}

.uk-title{
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	padding: 1em 0;
	text-align: center;
}
.uk-search-field.uk-width-1-1{
	width: 100%;
}
.uk-block-white{
	background-color: #FFF;
}

.uk-panel-space-small{
	padding: 15px!important;
}
.uk-panel-space-tiny{
	padding: 15px 5px;
}
.uk-panel-space-5px {
	padding: 5px 5px!important;
}

.uk-panel-space-amount {
	padding: 15px 10px;
	text-align: right;
}
.uk-panel-box-primary .uk-navbar{
	background: none;
	color: #FFF;
}
.uk-panel-box-primary .uk-search:before{
	color: rgba(255,255,255,.5);
}
.uk-nav-dropdown>li>a:hover, .uk-nav-dropdown>li>a:focus{
	background: none;
	text-decoration: underline;
}

.uk-dropdown {
	background: #fff;
	border: 1px solid #ddd;
}

.uk-dropdown-bottom {
	margin-top: 0px;
}

.uk-dropdown-shadow{
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.uk-dropdown-width-1-1{
	width: 100%!important;
}
.uk-dropdown-large{
	width: 300px;
	min-width: 100%;
}
.uk-dropdown-xlarge {
	width: 500px;
	min-width: 100%;
	background: #fff;
	border: 1px solid #ddd;
}
.uk-dropdown-white{
	background-color: #FFF;
}

ul.uk-list {
	margin-bottom:0px;
	}

.uk-comment-list > li{
	padding: 15px;
	transition: background linear 200ms;
}
.uk-comment-list > li:hover{
	background: #f5f5f5;
}
.uk-comment-list a{
	color: #686868;
}
.uk-comment-list > li > .comment-preview {
	padding-top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.uk-dropdown > .uk-comment-list{
	margin-left: -15px;
	margin-right: -15px;
}
.attachment-dropdown > a,
.attachment-dropdown > a:focus,
.attachment-dropdown > a:hover{
	text-decoration: none;
}
.attachment-dropdown .uk-icon-angle-double-down{

	vertical-align: bottom;
}

/*Where is this used?*/
.uk-breadcrumb > li > a {
	color: #2A2A2B;
}

#top-content .uk-bg-icon > .uk-icon,
#top-content .uk-button{
	min-height: 40px;
	line-height: 40px;
}
#top-section .uk-button{
	/*width: 100%;	 */
}
#top-section .uk-panel-space-small{
	padding: 0;
}
#top-section .uk-display-inline-block{
	display: block!important;
}
/*.uk-button{
	border: #CCC 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}*/
.inherit-parent-min-height{
	min-height: inherit;
}
.notification-button .uk-badge{
	position: absolute;
	top: -5px;
	right: -5px;
}
.uk-flex-large{
	display: block!important;
}
.uk-bg-icon{
	position: relative;
	padding-left: 40px;
}

.uk-bg-icon > .uk-icon {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	background: #8dc63f;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	line-height: 30px;
	padding: 0 10px;
}

.uk-icon-button:focus{
	box-shadow: 0 0 0 1px rgba(0,0,0,0.25);
}

.uk-icon-button-large {
	font-size: 24px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.uk-navbar-toggle-large{
	font-size: 24px;

}

/*header .uk-navbar,
header .uk-navbar .uk-icon-button{
	background-color: #FFF;
}*/
.uk-navbar,
.uk-navbar .uk-icon-button {
	background: #FFF;
}
header .uk-navbar{
	padding-top: 15px;
	padding-bottom: 15px;
}

#main-nav .uk-nav > li{
	display: inline-block;

}
#main-nav .uk-nav > li > a:after{
	content: "\f0da";
	font-family: FontAwesome;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	padding-left: 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#main-nav .uk-nav > li.uk-active > a:after{
		content: "\f0d7";
		color: #ff503f;
}
/*
.uk-nav:not(.uk-nav-offcanvas) > li.uk-active:before{
	margin-left: 15px;
	content: "";
	height: 3px;
	width: 20px;
	clear: both;
	display: inline-block;
	background-color: #d3483c;
}
	*/
.styled-title:before{
	content: "";
	margin-left: 0;
	width: 20px;
	margin-bottom: 10px;
	height: 3px;
	background-color: #d3483c;
	display: block;
}
.styled-title{
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
}
#main-nav .uk-nav > li > a {
	color: var(--onitio-nightsky-blue); /*#8bc832*/
	font-weight: 500;
	font-size: 18px;
}
#toolbar .uk-nav a:hover{
	text-decoration: underline;
}
#toolbar > .uk-navbar {
	padding: 10px 0;
	background: #fff;
}
#toolbar .uk-nav .uk-active > a {
	color: var(--onitio-cyber-blue); /*#8dc63f;*/
}
#toolbar .uk-nav:not(.uk-nav-offcanvas) > li.uk-active:before{
 display: none;
}
#toolbar .uk-navbar-flip .uk-navbar-nav > li{
	padding-right: 10px;
}
/*#toolbar .uk-navbar .uk-icon,
#toolbar .uk-navbar a{
	color: #747474;
}*/
#toolbar .uk-navbar .uk-icon {
	color: #363636;
}
#toolbar .uk-subnav{
	margin: 0px;
}
#toolbar .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
	background-color: transparent;
}

.uk-subnav {
	color: #2a2a2b;
}

.uk-subnav > * > :hover, .uk-subnav > * > :focus {
	color: var(--color-link-hover); /*#8bc832;*/
	/*background-color: var(--color-link-hover-bg);*/
}
#toolbar .uk-subnav > li.uk-open > a > .uk-icon-caret-right,
#toolbar .uk-subnav > li > a > .uk-icon-caret-down{
	display: none;
}
#toolbar .uk-subnav>*{
	margin-top: 0;
}
#toolbar .uk-button-success {
	color: #FFF !important;
	/*border: #8dc63f 1px solid;
	background-color: #8dc63f!important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	background-color: #626262 !important;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all linear 150ms;
	-moz-transition: all linear 150ms;
	transition: all linear 150ms;
}
#toolbar .uk-button-success:hover,
#toolbar .uk-button-success:focus {
	border: #8dc63f 1px solid !important;
	color: #8dc63f !important;
	background: #FFF !important;
}
/*#toolbar .uk-navbar-nav > li > a{
	background-color: #fff;
}*/
#content .uk-search{
	width: 100%;
}
#toolbar .uk-subnav> li.uk-open > a > .uk-icon-caret-down{
	display: inline-block;
}
#toolbar .uk-navbar-nav > li > a {
	min-height: 40px;
	line-height: 40px;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #DDD;*/
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #363636;
}


#toolbar .uk-navbar-nav>li .searchform input[type="text"]{
	height: 40px;
	line-height: 40px;
}
#toolbar .uk-navbar-nav>li .searchform input[type="text"]{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.searchform {
	position: absolute;
}

#toolbar-left-nav {
	/*margin-left: -10px;*/
	margin-left: -0.175em;
}

.uk-button {
	/*border: #8bc832 1px solid;*/
	border: var(--color-link-normal) 1px solid;
	border-radius: 30px;
	/*color: #79B522;*/
	color: var(--color-link-normal);
}

.uk-button.uk-button-success {
	color: #fff !important;
	background-color: var(--onitio-nightsky-blue);
}

.uk-button.uk-button-success:hover{
	background-color: var(--onitio-cyber-blue);
}

.uk-button.uk-button-success:active {
	background-color: var(--color-master-purple-dark);
}

.uk-button.uk-button-success:focus{
	box-shadow: 0 0 0 1px var(--onitio-nightsky-blue);
}



	.uk-button-primary, .uk-button:hover, .uk-button:active {
		background-color: var(--color-link-normal); /*#8dc63f;*/
		color: #fff;
	}

.uk-button:focus {
	/*background-color: #fff;*/
	background-color: var(--color-link-focus-bg);
	color: var(--color-link-focus-fg); /*#8bc832;*/
}


.uk-button-secondary {
/*    background-color: #626262;
	color: #fff !important;
	border: 1px solid #626262;*/

	background-color: var(--onitio-nightsky-blue);
	color: #fff !important;
	border: 1px solid var(--onitio-nightsky-blue);
}

.uk-button-secondary:hover, .uk-button-secondary:focus {
	background-color: #fff;
	color: #626262 !important;
}

.uk-button-red {
	border: 1px solid #fc0013;
	color: #fc0013;
}

.uk-button-red:hover, .uk-button-red:focus {
	background-color: #fc0013;
	color: #fff;
}


.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}


.uk-block {
		padding-top: 25px!important;
		padding-bottom: 25px!important;
	}

.page-title {
	font-size:18px;
	line-height:24px;
	margin-bottom:0!important;
}

.uk-text-normal{
	font-weight: normal;
}
.border-grid > * > .uk-panel-space-small{
		padding: 0 15px;
}

.border-grid > *:not(.toggler-container){
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
}

/*.tittel-border{
	border: 1px solid #ddd;
	margin-top: -1px;
	margin-left: -1px;
}*/

.border-right {
	border-right:1px solid #ddd!important;
	border-top:0px;
	}

.auto-resize-textarea {
	/*border: none!important;*/
	overflow-y:hidden;

}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
	/*	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:none;*/
	/*border: 1px solid #DDD;*/
	border-bottom: 1px solid #95989A;
	border-left: 1px solid #95989A;
	border-right: 1px solid #95989A;
	border-top: none;
	border: 1px solid #95989A;
}
/*.grid-border-form input:not([type="checkbox"]),
.grid-border-form select{
	border-top: none!important;
	border-right: none!important;
}
.grid-border-form input.border{
	border-top: 1px solid #DDD!important;
	border-right: 1px solid #DDD!important;
}
.felt-tittel > .uk-grid > input{
	border-top: none!important;
}*/

.uk-form .grid-border-no-top {
	border-top: 0 !important;
}

.uk-form .grid-border-no-left {
	border-left: 0 !important;
}


.uk-form-danger {
	border: 1px solid!important;
}

/*textarea.uk-form-danger{
	border:none !important;
}

input[type=checkbox].uk-form-danger + span{
	color:red;
}*/

.grid-border-all{
	border: 1px solid #ddd;
}

.border-white{
	border-color: #FFF;
}
.grid-border > *:not(.no-border){
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #ddd;
}

/*.grid-border > .uk-panel-box-secondary{
	border-top: none;
	border-left: none;
	border-right: none;
}*/
.grid-border + .grid-border > *{
	border-top: none;
}

.project-row-item{
	display: none;
}

.border-grid > *:not(.toggle-section) {
	/*border-bottom: 1px solid #eaeaea;
	border-right:  1px solid #eaeaea;
	border-left:  1px solid #eaeaea;*/
	border-bottom: 1px solid #95989A;
	border-right: 1px solid #95989A;
	border-left: 1px solid #95989A;
}
.border-grid > *:nth-child(2){
	border-right: none;
}
.border-grid{
	/*border-top: 1px solid #eaeaea;*/
}

.border-grid > *:first-child {
	/*border-left: 1px solid #eaeaea;*/
	border-left: 1px solid #95989A;
}
.toggler-container {
	/*overflow:hidden;*/
	overflow: hidden;
}
/** Datepicker **/
.datepicker-container{
	position: absolute;
	z-index: 102;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.ui-datepicker-next.ui-state-hover,
.ui-datepicker-prev.ui-state-hover{
	background: none;
	border: none;
}
.ui-datepicker-calendar thead{
	background-color: #9e9e9e;
	color: #FFF;
}

textarea.uk-width-small-1-1 {
height: auto!important;
}


/* mobilmeny - offcanvas */
.uk-offcanvas ul.uk-nav-sub li {
	padding: 5px 15px;
}
.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
	content: "\f106"!important;
}

.uk-nav-parent-icon>.uk-parent>a:after {
	content: "\f107"!important;
}

/*Redundant, use "green" class instead?*/
#oppdrag a {
	color: var(--onitio-nightsky-blue); /*#8bc832*/
}

.uk-block-primary {
	background: #F5F5F5 !important;
}

/*Where is this used?*/
.area-height {
	min-height: 100px;
}

.edit-delivery {
	z-index: 1010;
	margin-top: -302px !important;
	margin-left: -100px !important;
}

.uk-position-right {
	right: 0;
	position: absolute;
}

.uk-position-left {
	left: 0;
	position: absolute;
}

.no-wrap {
	white-space: nowrap;
}

.problem-textarea-min-height {
	min-height: 71px;
}

.ic-display-block-large {
	display: inline;
}

.ic-cost-width-timespan {
	max-width: 48% !important;
	width: 48%;
}

.ic-buttons-wrap{
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-end;
	width: 100%;
}

.ic-buttons-wrap > .uk-button,
.ic-buttons-wrap > .uk-icon-button{
	flex: 1 1 auto;
}

.ic-buttons-wrap > *:last-child{
	flex: 0 0 auto;
	margin-left:1rem;
}

.ic-topnav-logolink {
	display: inline-block;
	width: 200px;
	height: auto;
	transition: all 0.25s ease-in-out;
	text-decoration:none;
	color: var(--color-master-black);
}

.ic-topnav-logolink:hover {
	color: var(--color-master-black);
}

.ic-topnav-logolink {
	fill: currentColor;
}





/* Experimental transitioning to InfoCare purple profile color */
/*
	.ic-topnav-logolink:hover {
		text-decoration: none;
		color: var(--color-master-purple);
	}

.uk-subnav.uk-subnav-line {
	background-color: rgba(0,0,0,0.05);
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	border-radius: 0.125em;
}

	.uk-subnav.uk-subnav-line > li {
		flex: 0 0 auto;
		margin: 0.25em;
		width: auto;
		display: inline-flex;
	}

		.uk-subnav.uk-subnav-line > li:before {
			flex: 0 0 auto;
			content: '|';
			margin: auto 0.25em auto -0.5em;
			border: none;
			color: #ccc;
			height: 1.5em;
			vertical-align: unset;
		}

		.uk-subnav.uk-subnav-line > li:first-child:before {
			content: '';
		}

		.uk-subnav.uk-subnav-line > li > a {
			flex: 1 1 auto;
			padding: 0.25em;
			color: var(--color-master-purple-dark);
		}

			.uk-subnav.uk-subnav-line > li > a:hover {
				color: var(--color-master-purple-light);
				text-decoration: underline;
			}

.uk-panel-box-primary {
	background-color: var(--color-master-purple-dark);
}*/
/* END Experimental*/


@media(min-width: 480px){

	[class*='uk-width-small'].uk-text-right{
	text-align: right!important;
	}
}

@media(max-width: 480px){

	#oppdrag-endre {
		padding: 10px 5px;
	}
	.uk-hidden-mini {
		visibility: hidden !important;
	}
	.reduce-font-size-mini {
		font-size: 0.85em;
	}
	.ic-cost-width-timespan {
		max-width: 46.5% !important;
		width: 46.5%;
	}
}


@media(min-width:768px) {
	.uk-autocomplete > .grid-border-item.uk-width-medium-3-10 {
		width: 100%;
	}

	#problem-description {
		display: inherit !important;
	}

	#top-section .uk-display-inline-block {
		display: inline-block !important;
	}

	#top-section .uk-panel-space-small {
		padding: 15px;
	}

	.border-grid > *:nth-child(3) {
		border-right: none;
	}

	.uk-title {
		overflow: hidden;
	}

	.uk-title:before,
	.uk-title:after {
		content: '';
		width: 100%;
		/*border-bottom: 2px #a2a2a2 solid;*/
		/*border-bottom: 2px #8bc832 solid;*/
		border-bottom: 2px var(--onitio-nightsky-blue) solid;
		display: inline-block;
		vertical-align: middle;
	}

	.uk-title:before {
		margin-left: -100%;
		margin-right: 1em;
	}

	.uk-title:after {
		margin-right: -100%;
		margin-left: 1em;
	}


	#oppdragstype #ikon {
		text-align: right;
	}

	.edit-delivery {
		margin-top: -40px !important;
		margin-left: -100px !important;
	}
}

@media(min-width:768px) and (max-width:959px) {
	#oppdragsnummer {
		text-align:center;
	}
	.ic-cost-width-timespan {
		max-width: 48.9% !important;
		width: 48.9%;
	}

	.problem-textarea-min-height {
		min-height: 91px;
	}
}

@media(min-width:960px) and (max-width:1439px) {
	.uk-hidden-large {
		display: none;
	}

	.ic-display-block-large {
		display: block;
	}

	.ic-cost-width-timespan {
		max-width: 45% !important;
		width: 45%;
	}
}

@media(max-width: 959px) {

	.headersection {
		margin-bottom:15px;
		border-bottom:1px solid #eaeaea ;
	}


	div#oppdragstype h3 {
		font-size: 1.2em;
	}
	div#oppdragstype h2 {
		font-size: 1.4em;
	}

	.border-grid-top {
		/*border-top: 1px solid #eaeaea;*/
		border-top: 1px solid #95989A;
	}

	/*.uk-block-primary {
		background: #fff!important;
	}*/

	.ic-topnav-logolink {
		width: 160px;
	}

	#mobilenav.uk-navbar {
		padding-top: 0.75em;
	}

	#mobilenav.uk-navbar {
		padding-top: 0.75em;
	}
}

@media(min-width: 960px) {
	#logo.uk-flex-middle {
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		min-height: 110px;
		height: 80px;
	}

	#logo {
		margin-top: 0;
	}


	.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
		height: 30px;
	}

	.project-row-item {
		display: block;
	}

		.project-row-item.uk-flex {
			display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
			display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
			display: -ms-flexbox; /* TWEENER - IE 10 */
			display: -webkit-flex; /* NEW - Chrome */
			display: flex;
		}

	[class*='uk-width-large']:not(.uk-width-1-1) + [class*='uk-width-large']:not(.uk-width-1-1) > .grid-border {
		border-left: none;
	}

	.border-grid > *:nth-child(4) {
		border-right: none;
	}

	.uk-search-field.uk-width-1-1 {
		width: 120px;
	}

	#content .uk-search-field.uk-width-1-1 {
		width: 100%;
	}

	.uk-bg-icon-big {
		padding-left: 35px;
	}

	.uk-bg-icon-big > .uk-icon {
		left: -10px;
		top: -5px;
		bottom: 0px;
		line-height: 40px;
		width: 40px;
		height: 40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
		-moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
		box-shadow: 0 1px 0 rgba(0,0,0,.25);
	}

	.uk-alert-success {
		border: 1px solid var(--onitio-cyber-blue-10);
		background-color: var(--onitio-cyber-blue-05);
		color: var(--onitio-nightsky-blue);
	}

	.uk-alert {
		padding: 5px;
	}

	#top-content i.uk-icon {
		min-width: 32px;
	}

	#top-content .uk-bg-icon > .uk-icon,
	#top-content .uk-button {
		line-height: 30px;
		min-height: 30px;
	}

	#top-content .uk-bg-icon-big > .uk-icon {
		line-height: 40px;
		min-height: 40px;
	}

	.uk-flex-large {
		display: flex !important;
	}


}


@media(max-width: 767px) {
	#oppdragstype #oppdrag, #oppdragstype #ikon {
		text-align: center !important;
	}
	.tittel-border {
		border-right: 1px solid #ddd;
	}
	img#logo {
		max-width: 200px;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 15px;
	}
	#top-section-info.uk-grid {
		/*
		margin-left: 0px;
		padding-right: 25px;
		padding-bottom: 25px;

		border: 1px solid #ddd;
		box-shadow: 10px 10px 5px rgba(0,0,0,.3);
		*/
	}
	.ic-cost-grid .ic-cost-label {
		display: block;
	}
	.grid-item-bottom {
		border-bottom: none !important;
	}
	.problem-textarea-min-height {
		min-height: 111px;
	}
}


@media(min-width: 1440px) {

	.uk-width-xlarge-auto {
		width: auto !important;
	}

	.uk-grid > * {
		padding-left: 25px;
	}

	.uk-grid-collapse > * {
		padding-left: 0;
	}

	.uk-hidden-large {
		display: none;
	}

	.uk-hidden-xlarge {
		display: none;
	}

	.uk-grid + .uk-grid:not(.uk-remove-margin-top),
	.uk-grid-margin,
	.uk-grid > * > .uk-panel + .uk-panel {
		margin-top: 25px;
	}

	.uk-grid-collapse + .uk-grid-collapse,
	.uk-grid-collapse > .uk-grid-margin,
	.uk-grid-collapse > * > .uk-panel + .uk-panel {
		margin-top: 0 !important;
	}


	.uk-grid {
		margin-left: -25px;
	}

	.uk-grid-collapse {
		margin-left: 0;
	}

	.grid-border-item.uk-form-select.uk-active.uk-width-small-1-1.uk-width-medium-3-10.uk-panel-space-small i.uk-icon-caret-down, .grid-border-item.uk-form-select.uk-active.uk-width-small-1-1.uk-panel-space-small i.uk-icon-caret-down {
		width: auto !important;
	}

	.ic-cost-width-timespan {
		max-width: 46.8% !important;
		width: 46.8%;
	}
}

@media(max-width: 1439px){

	.uk-visible-xlarge{
		display: none;
	}
}

.selection-list .uk-active > a{
	color: #8dc63f;
}

.selection-list-extra-padding {
	padding-left : 3px;
}

div.signature-container {
	position: relative;
	padding-top: 3px !important;
	padding-bottom: 2px !important;
	background-color: #ebebeb;
}

.appear-enabled:not(.uk-form-danger){
	background-color: #FFF !important;
	color: #4d4c4f !important;
}

.appear-disabled {
	background-color: #ebebeb;
	pointer-events: none;
}

.appear-inactive {
	color: #939393;
}

input[data-readonly=true]{
	pointer-events: none;
}

/* Time picker fix. Div with class AutoComplete inserted messes up input style.*/
.uk-autocomplete{
	width:100%;
	height:inherit;
}
.edit-delivery .uk-autocomplete > input{
	height: 30px !important;
}
.uk-autocomplete > input{
	height: 51px !important;
	line-height: 20px !important;
}
/* End time picker fix.*/

/* Bool switch*/
.onoffswitch {
	position: relative; width: 90px; margin-left:15px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	/*display: none !important;*/
	position: absolute;
	opacity:0;
	z-index:0;
}

.onoffswitch-checkbox:focus + label{
	box-shadow: 0 0 1px 1px #666;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #626262;
	border-radius: 20px;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.1s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
	.onoffswitch-inner:before {
		content: "Yes";
		padding-left: 10px;
		background-color: #8bc832; /*keep it green, more natural in a on/off button than purple */
		color: #FFFFFF;
	}
	.onoffswitch-inner:after {
		content: "No";
		padding-right: 10px;
		background-color: #FFFFFF;
		color: #626262;
		text-align: right;
	}
.onoffswitch-switch {
	display: block;
	width: 30px;
	height: 30px;
	margin: 2px;
	background: #626262;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	border: 1px solid #626262;
	border-radius: 20px;
	transition: all 0.1s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.selected-item {
	left: -15px;
	top: 8px;
	position: absolute;
}
.select-list{
	position: relative;
}

.ic-margin-top {
	margin-top : 15px !important;
}
input.grid-border-item.ic-remove-border-top {
	border-top: none !important;
}

.ic-remove-border {
	border: none !important;
}

.ic-remove-border-top {
	border-top: none !important;
}


.ic-remove-border-bottom {
	border-bottom: none !important;
}

.ic-remove-border-left {
	border-left: none !important;
}

.ic-remove-border-right {
	border-right: none !important;
}



.ic-add-border-left {
	border-left: 1px solid #95989A !important;
}
.ic-add-border-left-light {
	border-left: 1px solid #ddd !important;
}
input.grid-border-item.ic-add-border-left {
	border-left: 1px solid #95989A !important;
}

.ic-add-border-right {
	border-right: 1px solid #95989A !important;
}
.ic-add-border-right-light {
	border-right: 1px solid #ddd !important;
}

.ic-add-border-bottom {
	border-bottom: 1px solid #95989A !important;
}

.ic-add-border-bottom-light {
	border-bottom: 1px solid #ddd !important;
}

.ic-add-border-top {
	border-top: 1px solid #95989A !important;
}

.ic-add-border-top-light {
	border-top: 1px solid #ddd !important;
}
p.ic-margin-top {
	margin-top: 5px !important;
}

.uk-grid-margin.ic-margin-top {
	margin-top: 5px !important;
}

.ic-remove-padding-left {
	padding-left: 0px !important;
}

/*
.ic-form-danger:not(:focus):not(:valid) {
	border-color: #fc0013 !important;
	box-shadow: 0px 0px 8px #fc0013 !important;

	outline-color: #fc0013;
	color: #fc0013;
}

.ic-form-danger:not(:focus) {
	border-color: #fc0013 !important;
	box-shadow: 0px 0px 8px #fc0013 !important;

	outline-color: #fc0013;
	color: #fc0013;
}
*/

.ic-form-danger {
	border-color: #fc0013 !important;
	box-shadow: 0px 0px 8px #fc0013 !important;
	outline-color: #fc0013;
	z-index: 1002;
	transition: all 0.3s cubic-bezier(0.2,0.1,0.2,1);
}
.ic-required-label {
	color :rgba(255, 80, 63, 1)
}

/* End bool switch */


/* fieldlabels (for costlines) */
.uk-grid .field-row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	flex: 0 0 auto;
	max-width: 100%;
	height: 100%;
}

.uk-grid .labeled-input-wrap {
	flex: 1 1 auto;
	position: relative;
	height: 100%;
	display: flex;
}

	.uk-grid .labeled-input-wrap > label {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		text-align: right;
		padding: 0.25rem 0.5rem 0 0.5rem;
		line-height: 1;
		font-size: 0.9rem;
		color: #999;
		z-index:1;
		white-space: nowrap;
	}

	.uk-grid .labeled-input-wrap > input[type="text"] {
		flex: 1 1 auto;
		width: 100%;
		height: 100%;
	}

	.uk-grid .labeled-input-wrap > input[type="text"]:focus{
		background: transparent !important;
	}

@media screen and (max-width: 360px) {
	.uk-grid .labeled-input-wrap > label{
		padding:0.25rem 0;
		font-size: 0.85rem;
		text-align: center;
	}

	.uk-grid .labeled-input-wrap > input[type="text"]{
		padding: 0 3px;
	}
}


/* misc styles */
.ic-link-menu{
	display: inline-block;
	position: relative;
}

.ic-link-menu.ic-icon-left{
	padding-left:1.5rem;
}

.ic-link-menu.ic-icon-left > .uk-icon{
	position: absolute;
	left:0;
	top: 4px;
}

.ic-assignee-column-content {
	overflow: hidden;
	text-align: center;
	font-size: 80%;
	padding: 10px 0px;
}

	.ic-assignee-column-content a {
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		overflow-wrap: normal;
		max-width: 125px;
		/*line-height: 2em;*/
		margin: 0px;
	}

	.ic-assignee-column-content p {
		/*line-height: 2em;*/
		margin: 2px;
	}

	.oni-uk-dropdown-width-2{
		width: 500px;
	}

/* end misc styles */



/* Survey styles */

.ic-survey{
	height: 100%;
}

.ic-survey-body{
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}

.survey-content {
	padding-bottom: 3rem;
}

.survey-outer-wrap{
	flex: 1 1 auto;
}

.field-format-hint {
	display: inline-block;
	flex: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0.25rem;
	background: rgba(0,0,0,0.05);
	border-radius: 0.5rem 0 0 0.5rem;
	font-size: 0.7rem;
	z-index: 1003;
	transition: all 0.3s cubic-bezier(.2,.1,.2,1);
}

.field-badge {
	display: inline-block;
	flex: none;
	position: absolute;
	top: 0;
	left: 0;
	width:auto;
	height: auto;
	line-height: 1;
	padding: 0.125rem;
	font-size: 0.6rem;
	z-index: 1003;
	transition: all 0.3s cubic-bezier(.2,.1,.2,1);
}

.field-label-indicator-wrap{
	flex: none;
	display: inline-flex;
	justify-content: flex-end;
	position:absolute;
	top:0;
	right:0;
	line-height:1;
	padding:0.125rem 0;
}

.field-label-indicator{
	flex: 0 0 auto;
	padding: 0.25rem;
	font-size: 0.6rem;
	background: rgba(0,0,0,0.05);
	margin-left: 0.125rem;
	border-radius: 0.25rem;
	border: 1px solid rgba(0,0,0,0.1);
}

.field-grouped-heading{
	position: relative;
	display: inline-block;
	/*margin-top: 0.5rem;*/
	padding: 0.25rem 2rem 0 0.5rem;
	/*background: rgba(0,0,0,0.1);*/
	background: #eee;
	/*border-radius: 0 0.5rem 0 0;*/
	width: 100%;
}

.field-grouped-toggle{
	position:absolute;
	right:0.25rem;
	bottom:0.25rem;
	width: 1.25rem;
	height: 1.25rem;
}

	.field-group-wrap .field-grouped-toggle:before {
		content: '^';
	}

	.field-group-wrap.closed .field-grouped-toggle:before{
		content: 'v';
	}

.field-group-wrap{
	border-bottom: 5px solid #888;
}

	.field-group-wrap > .group-container {
		transition: all 0.5s cubic-bezier(0.2,0.1,0.2,1);
	}

	.field-group-wrap.closed > .group-container {
		overflow: hidden;
		height: 0;
	}

	.field-group-wrap .group-container .uk-panel-box-secondary{
		background: #eee;
	}

	.survey-general-error {
		font-size: 1rem;
		font-weight: bold;
	}

.toggle-closed{
	display: none;
}

.ic-form-danger + .field-format-hint {
	/*background: red;
	color: #fff;*/
	font-weight: bold;
}

.ic-text-lead {
	font:inherit;
	margin:0;
	padding:0;
}

.ec-dropdown-list{
	margin-left: -0.5em;
}

.ec-dropdown-list .item{
	/*border: 1px dashed rgba(0,0,0,0.2);*/
}

.ec-dropdown-list .item .item-wrap{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	/*padding-left: 0.5em;*/
}

.ec-dropdown-list .item .item-wrap > input[type="cehckbox"] {
	flex: 0 0 auto;
/*    position: absolute;
	left: 0;
	top:0;*/
}

.ec-dropdown-list .item .item-wrap > .value {
	flex: 1 1 auto;
}

.ec-selected-values-list {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.ec-selected-values-list.flex-row{
	flex-flow: row wrap;
}

.ec-selected-value-item {
	flex: 1 1 auto;
	/*display: inline-block;*/
	padding: 0.25em;
	width: 100%;
	margin: 0.125em;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.03);
	border-radius: 0.5em;
}

.ec-selected-values-list.flex-row > .ec-selected-value-item {
	flex: 0 0 auto;
	width: auto;
}

.ec-contact-dropdown-list{
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.25em;
}

.ec-contact-dropdown-list > .item{
	flex: 1 1 auto;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items:baseline;
	gap:0.5em;
	border-bottom: 1px solid rgba(0,0,0,0.075);
	padding: 0.25em 0;
}

.ec-contact-dropdown-list > .item:first-child{
	border-top: 1px solid rgba(0,0,0,0.075);
}

.ec-contact-dropdown-list > .item > .item-element{
	flex: 0 0 auto;
	border-left: 1px solid rgba(0,0,0,0.075);
}

.ec-contact-dropdown-list > .item > .item-element a > .uk-icon{
	text-decoration: none;
	margin-right: 0.25em;
}

.oni-country-label,
.ec-contact-dropdown-list > .item > .item-element .oni-country-label {
	display: inline-block;
	font-weight: 600;
	min-width: 2em;
}

.ec-contact-dropdown-list > .item > .item-element.tel{
	width: 40%;
	border-left: 0 none;
}

.ec-contact-mobile-item{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
}

.ec-contact-mobile-item > .oni-country-label{
	color: #fff;
	min-width: 2.25em;
	padding: 0.25em 0;
}

.ec-contact-mobile-item > .item-links{
	display: flex;
	flex-flow: column nowrap;
}

.ec-contact-mobile-item > .item-links a{
	padding: 0.25em 0;
}


@media screen and (max-width: 560px) {
	.field-format-hint{
		top:auto;
		bottom: 0;
	}

	.field-grouped-heading{
		width:100% !important;
	}
}

	/* End Survey styles */

/* Timesheet styles */

	.ects-daylabel {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: stretch;
		width: 100%;
	}

	.ects-weekday{
		flex: 0 0 auto;
		width: auto;
		min-width: 80px;
	}
	.ects-dtg{
		flex:0 0 auto;
		width: auto;
	}

	.ects-line-actions{
		flex: 1 1 auto;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: stretch;
	}

	.ects-line-action{
		line-height:1;
		color: #444;
		font-weight: normal;
		text-decoration: none;
		background: rgba(255,255,255,0.5);
		box-shadow: 0 0 0 1px;
		vertical-align: middle;
		padding: 0.25em 0.5em;
		border-radius: 0.75rem;
		margin-right:0.25em;
	}

	.ects-line-action:last-child{
		margin-right:0;
	}

	.ects-line-action:hover{
		text-decoration: none;
	}

	.ects-line-action > .txt{

	}

	.ects-line-action .uk-icon{
		font-size: 1.25rem;
		line-height:1;
		padding-top: 2px;
	}

	.ects-select-wrap{
		padding:0.25em !important;
	}

	.ects-select{
		position:relative;
		display: block;
		padding: 0 0 0 1rem;
		position: relative;
		min-height: 1.5rem;
		height:100%;
	}

	.ects-select > i{
		position: absolute;
		left: 0.25em;
		top: 50%;
		transform: translateY(-50%);
		opacity: 1;
		font-size: 0.9em;
	}

	.ects-select > .ects-selected{
		display: flex;
		flex-flow: row wrap;
		justify-content:flex-start;
		align-items: center;
		height: 100%;
		width: 100%;
		padding: 0.25em 0.75em;
	}

	 .ects-label-cell .label {
		position:relative;
		display: flex;

	}

	.ects-label-cell .label > .ects-required {
		font-size: 1.5em;
		font-weight: 600;
		padding: 0.2em 0.25em;
	}

	.ects-select > select {
		padding: 1rem;
		line-height: 1.5;
	}

	.ects-select > select > option{
		padding: 1rem;
		line-height: 1.5;
		margin: 0.5em;
	}

	.ects-is-in-approve{
		color: var(--onitio-nightsky-blue);
	}

	.ects-label-status-inprogress,
	.ects-label-status-approve,
	.ects-label-status-finished {
		padding: 0.25em 1em;
		border: 1px solid rgba(0,0,0,0.2);
		border-radius: 1em;
		background-color: rgba(0,0,0,0.05);
		color: black;
	}

	.ects-label-status-inprogress{
		background-color: rgba(0, 255, 0, 0.05);
		color: darkgreen;
		border-color: rgba(0,255,0,0.1);
	}

	.ects-label-status-approve{
		background-color: var(--onitio-nightsky-blue-05);
		color: var(--onitio-nightsky-blue);
		border-color: var(--onitio-nightsky-blue-10);
	}

	.ects-label-status-finished {
		background-color: rgba(0,0,0,0.05);
		color: #666;
		border-color: rgba(0,0,0,0.1);
	}

	.ects-sheetlink{
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items:center;
		border: 1px solid transparent;
		text-decoration: none;
		transition: all 0.2s ease-in-out;
		min-width: 60px;
		width: 100%;
	}

	.ects-sheetlink:hover{
		background-color: var(--onitio-nightsky-blue-05);
	}

	.ects-sheetlink > .ects-label-weeknumber,
	.ects-sheetlink > .ects-label-year{
		text-align:center;
		display: inline-block;
		padding: 0.25em 0;
	}

	.ects-sheetlink > .ects-label-weeknumber{
		flex: 1 1 auto;
		font-weight: 600;
		padding: 0.25em;
	}

	.ects-sheetlink > .ects-label-year{
		flex: 1 1 auto;
		width: 100%;
	}



	.ec-disabled{
		background-color: var(--input-disabled-bgcolor);
	}


	.ec-disabled .ects-select > .ects-selected {
		opacity: 0.3;
	}

	.ects-placeholder{
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 2em;
		opacity: 0.5;
	}

	button[disabled]{
		border: 1px dashed #999;
	}

	button[disabled]:hover{
		background: inherit;
		background-color: #f5f5f5;
		color: #ccc;
		cursor: not-allowed;
	}



/* End Timesheet styles */