@charset "UTF-8";
/* CSS Document 		*/
/* NIM UI ELEMENTS 		*/

/* Never allow scrolling on the main window */
html {
	overflow:hidden;
	-webkit-font-smoothing:subpixel-antialiased;
}

body {
	padding:0;
	margin:0;
	width:100%;
	height:100%; 
	font-family:'latolight', sans-serif;
	letter-spacing:.08em;
	font-size:12px;
	overflow:hidden;
	word-wrap:break-word;
}

body.nim {
	min-width: 1280px;
	background-color: #3d3d3d;
}

textarea {
	resize:none;
	font-size:14px;
}

input, textarea{
	font-family: verdana !important;
}

[contenteditable] {
	-webkit-user-select:text;
	user-select:text;
}
		
a.checkbox {
	text-decoration:none;
	padding-top:5px;
	vertical-align:middle;
}

a.checkbox.disabled {
	opacity:0.25;
	cursor:default;
}

a.checkbox.disabled .k-icon {
	opacity:1;
}

a.checkbox .k-icon {
	border-radius:4px;
	display:inline-block;
	margin:-4px 7px 0 0;
}

a.checkbox:hover .k-icon {
	opacity:1;
}

a.checkbox.checked .k-icon:before {
    content: "\e118";
}

.nim_alertIcon {
	display:block;
	float:right;
	clear:both;
	width:20px;
	height:20px;
	border-radius:18px;
	font-family:latoregular, monospace;
	font-size:1.26em;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	margin:10px 15px;
	padding: 2px 1px 0 2px;
	cursor:pointer;
}

.nim_logoutIcon {
	background-image:url('/_img/logout2-icon-16.png');
}

.nim_wordwrap { 
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.nim_code {
	margin:0 2px;
	padding:2px 5px;
	font-family:monospace;
	font-size:0.8em;
	vertical-align:middle;
	white-space:pre;
}

.dialogBg {
	opacity: .5;
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.dialogWin {
	opacity: 1;
	z-index: 9999;
	width: 500px;
	height: 354px;
	position: fixed;
	top: 50%;
	margin-top: -160px;
	left: 50%;
	margin-left: -250px;
	border-radius: 12px 12px 8px 8px;
	overflow: hidden;
	font-family: latoregular;
}

.dialogWinTitle {
	height:32px;
	padding:12px 0 0 12px;
	font-size: 1.5em;
	border-radius: 8px 8px 0 0;
}

.dialogContent {
	position: relative;
	width: auto;
}

.dialogMsg {
	font-size: 1.5em;
	line-height: 1.25;
	padding: 12px;
}

.dialogNoteTitle {
	font-size: 1.5em;
	line-height: 1.25;
	padding: 0 0 0 12px;
}

.dialogTextbox {
	height: 138px;
	font-size: 1.5em;
	line-height: 1.25;
	width: 758px;
	margin-top:0px;
	margin-left: 12px;
	padding: 8px;
}

.dialogButtons {
	font-size: 1.5em;
	line-height: 1.25;
	overflow: hidden;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.dialogButtons .k-button {
	min-width: 100px;
	font-family: latoregular;
	font-size:17px;
}

.dialogButtons span {
	display:inline-block;
	padding: 8px 6px 8px 0;
	float:right;
}

/* Timecard task selection in top bar dropdown, timecards list view, and timecards scheduler view */
.nim_timecardTask_selection {
	position:relative;
}

.nim_timecardTask_selection .nim_timecardTask_display {
	float:left;
	width:auto;
	max-width:90%;
	max-width:calc(100% - 55px);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.nim_timecardTask_selection.nim_taskExists .nim_timecardTask_display {
	display:block;
	margin:0;
}

.nim_timecardTask_selection .nim_taskButtonGroup {
	position:absolute;
	width:50px;
	right:10px;
	/*margin-top:-11px;
	top:50%;*/
	bottom:3px;
}

.nim_timecardTask_selection button.nim_selectTask,
#nim_timecards button.nim_selectTask {
	display:block;
	margin-bottom:2px;
	text-transform:uppercase;
	width:268px;
	clear:both;
	position:relative;
	z-index:1;
}

.nim_timecardTask_selection > button.nim_selectTask .k-icon {
	position:absolute;
	top:5px;
	right:5px;
}

.nim_timecardTask_selection .nim_taskButtonGroup button {
	display:none;
}

.nim_timecardTask_selection.nim_taskExists button.nim_selectTask {
	display:none;
}

.nim_timecardTask_selection.nim_taskExists .nim_taskButtonGroup button {
	display:block;
	float:right;
	width:32px;
	height:28px;
	margin:-3px 0 0;
	padding:0;
}

.nim_timecardTask_selection.nim_taskExists .nim_taskButtonGroup button.nim_removeTask {
	margin-left:4px;
}

.nim_timecardTask_selection.nim_taskExists .nim_taskButtonGroup button .k-icon {
	margin-top:-2px;
	opacity:0.7;
}


/* Note replies not fully implemented; hide these buttons so replies aren't possible */
#nim_main_content .nim_expandReplyLink {
	display:none;
}

.nim_reply_button {
	display:none;
}

/* Main */



#panelbar-images > .k-item > .k-link > .k-image {
	margin-top: 2px;
	margin-left: -5px;
}



#nim_main_header {
	position:relative;
	z-index:15;
}

.nim_header_button_grp {
	float:right;
	width:360px;	/* 280px */
	min-width:360px;
}

.nim_header_button {
	float:right;
	padding:8px 3px 0 4px;
	width:32px;
}

#nim_main_header .k-button {
	border: none;
	opacity: 50%;
}
#nim_main_header .k-button:hover {
	opacity: 100%
}


#nim_header_instance_name {
	float:left; 
	margin: 10px 0 0 7px;
	color: #5d5d5d;
	font-family: latoregular;
	font-size:18px;
}

#nim_header_title {
	float:left;
	margin:10px 4px 0 7px;
	font-family: latoregular;
	font-size:18px;
	max-width: -moz-calc(100% - 534px);
	max-width: -webkit-calc(100% - 534px);
	max-width:calc(100% - 534px);
	height:1em;
}


/* NOTES */
#nim_notes_popup {
	position:absolute;
	right:20px;
	width:720px;
	height: 500px;
	display:none;
	z-index:1002;
	overflow: hidden;
}
#nim_notes_popup_header {
	height: 24px;
	padding:4px;
	line-height:2.1em;
}
#nim_notes_popup_container {
	overflow: hidden;
	height: 476px;
	position: relative;
}
#nim_notes_popup_content {
	/*padding:4px;*/
	/*line-height:2.1em;*/
}
#nim_notes_popup_container .nim_notes_popup_isRead {
	width:16px;
	height:16px;
	border-radius:16px;
}
#nim_notes_popup_container .nim_notes_popup_isRead:hover{
	cursor: pointer;
}

#nim_notes_popup_container .nim_notes_isAddressed{
	width:20px;
	height:20px;
	border-radius:24px;
	font-size: 2em;
	padding: 2px;
}
#nim_notes_popup_container .nim_notes_isAddressed:hover{
	cursor: pointer;
}
#nim_notes_popup_container .nim_notes_isAddressed_check{
	font-size: .9em;
	padding: 0 0 0 2px;
}
#nim_notes_popup_container .nim_notes_isAddressed_isChecked{
	background: url('/_img/check_icon_16.png') no-repeat center center;
	width: 18px;
	height: 22px;
	display: block;
}

#nim_notes_popup_container .nim_notes_popup_reply img{
	opacity: .25;
}
#nim_notes_popup_container .nim_notes_popup_reply img:hover{
	opacity: 1.0;
	cursor: pointer;
}
#nim_notes_popup_container .nim_notes_popup_goto img{
	opacity: .25;
}
#nim_notes_popup_container .nim_notes_popup_goto img:hover{
	opacity: 1.0;
	cursor: pointer;
}
#nim_notes_popup_container .nim_notes_popup_reply_input{
	clear:both;
	padding: 16px 0 28px 48px;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_cancel{
	float:right;
	padding: 4px 62px 0 0;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_cancel:hover{
	cursor:pointer;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_cancel img{
	opacity: .25;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_cancel img:hover{
	opacity: 1;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_save{
	float:right;
	padding: 4px 8px 0 0;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_save:hover{
	cursor:pointer;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_save img{
	opacity: .25;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_save img:hover{
	opacity: 1;
}
#nim_notes_popup_container .nim_notes_popup_reply_input_complete{
	padding: 18px 0 18px 93px;
	width: 626px;
	font-size: 1.5em;
	line-height: 1.5em;
}

.nim_noteButtons.nim_hidden {
	display:none;
}

#nim_timecards {
	display:none;
	position:fixed;
	right:-411px;
	top:40px;
	bottom:0;
	z-index:10003;
	padding:0 2px 2px 0;
}

#nim_topMenuTimecardHeader {
	height:29px;
	text-align:center;
	text-transform:uppercase;
	font-family:latoregular, sans-serif;
	font-size:18px;
	padding-top:8px;
	position:relative;
}

#nim_topMenuCalendar {
	position:relative;
	width:411px;
	overflow:hidden;
	z-index:2;  /* Needs to be higher than the z-index of "#nim_topMenuTimecardInfo" */
}

/* TIMECARDS */
#nim_timecards .nim_calendar {
	/* font-size:16px; */
	width:411px;
	height:267px;
	position:relative;
}

/* #nim_timecards .nim_calendar.k-calendar td {
	border-radius:0;
	box-shadow:none;
	outline:none;
	position:relative;
} */

#nim_timecards .k-calendar .k-calendar-view {
	width:100%;
	height:229px;
	padding:0;
}

#nim_timecards .k-calendar .k-calendar-thead {
	font-family: latoregular;
}

/* #nim_timecards .k-calendar-monthview .k-content tbody tr {
	height:auto;
} */

#nim_timecards .k-calendar .k-month .k-link {
	height:auto;
}

#nim_timecards .k-calendar .k-content.k-month,
#nim_timecards .k-calendar .k-content.k-year,
#nim_timecards .k-calendar .k-content.k-decade,
#nim_timecards .k-calendar .k-content.k-century {
	width: 412px;
	height:225px;
}

/* #nim_timecards .k-calendar .k-month th {
	height:auto;
} */

/* #nim_timecards .k-calendar .k-content .k-link {
	border:none;
	width:auto;
	height:auto;
	line-height:24px;
	padding:25px 5px;
	text-align:center;
} */

#nim_timecards .k-calendar .k-content.k-century .k-link {
	padding:13px 5px;
}

#nim_timecards .k-calendar .k-content.k-month .k-link {
	line-height:1.8333em;
	/* padding:0; */
	/* text-align:right; */
}



#nim_timecards .nim_calendar.k-calendar .k-content .k-link .nim_date {
	/* padding:0 17px; */
	/* position:absolute; */
	/* top:0; */
	/* right:0; */
	/* bottom:0; */
	/* left:0; */
	width: 48px;
}


#nim_topMenuTimecardInfo {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	z-index:1;  /* Needs to be lower than the z-index of "#nim_topMenuCalendar" */
}

#nim_topMenuTimecardInfo .nim_timecardDayViewInfoWrapper .nim_timecardInfo {
	position:absolute;
	top:0;
	bottom:0;
	left:411px;
	width:411px;
}

.nim_timecardInfoContainer .k-datepicker .k-input-inner {
	font-family: latoregular !important;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .075em;
}

#nim_main_content_wrapper {
	position:absolute;
	top:40px;
	left:160px;
	right:0;
	bottom:0;
	overflow:hidden;
	transition:left .2s linear;
}

/* MAIN CONTENT */
	.nim_menuHidden #nim_main_content_wrapper {
		left:0;
	}

	#nim_main_content_wrapper.loading {
	}

	#nim_main_content {
		min-width: 1120px;
		height:100%;
		overflow:hidden;
		position:relative;
	}

	#nim_main_content_wrapper.loading #nim_main_content,
	#nim_main_content_wrapper.loading #nim_main_content * {
		visibility:hidden !important;
	}

	/* 1280 total win width */
	#nim_main_content.large {
		min-width:1120px !important;
	}

	#nim_main_content.large1280 {
		min-width:1120px !important;
	}

	#nim_main_content.min-width {
		min-width:1120px;
	}

	#nim_main_content.auto-height {
		height:auto;
	}

/* CROSS-TAB FILTER AREAS */
	.nim_filterAreaList h3 {
		margin: 14px 0;
		font-family: 'latoregular', sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		font-weight: 100;
	}

	.nim_filterArea a.k-button:not(.k-calendar a.k-button) {
		margin: 8px 0;
		font-size: 14px;
		padding: 5px 33px 3px 16px;
	}

	.nim_filterArea a.k-button.nim_filterAreaReset {
		margin:10px 0 0 10px;
		padding: 5px 16px 5px 16px;
	}


/* TOOLBARS */
	.nim_viewToggleButton {
		height: 26px;
		font-size: 12px;
		font-family: latoregular;
	}

/* NIM MAIN MENU */
	#nim_main_menu_panel {
		position:absolute;
		top:39px;
		left:0;
		bottom:0;
		width:160px;
		overflow-x: hidden;
		overflow-y:auto;
		z-index:3;
		transition:left .2s linear;
	}

	.nim_menuHidden #nim_main_menu_panel {
		left:-160px;
	}

	#nim_main_menu.nim_no_job .nim_job_menu_link {
		display:none;
	}

	#nim_main_menu .k-image {
		float: right !important;
	}

	#nim_main_menu,
	#nim_main_menu_job {
		-webkit-user-select: none; /* Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
	}

	#nim_main_menu_panel #nim_main_menu .k-panelbar-group .k-link {
		padding: 0px 4px 0 12px;
	}

	#nim_main_menu .k-panelbar-group .k-panelbar-item-text,
	#nim_main_menu_job .k-panelbar-group .k-panelbar-item-text {
		padding: 4px 0 4px 0;
	}

	#nim_main_menu .k-link,
	#nim_main_menu_job .k-link{
		font-family: latoregular;
		font-size: 15px;
		border: none;
		box-shadow: none;
		cursor: pointer;
		min-height: 30px;
		padding: 0 12px;
	}

	#nim_main_menu_job .k-link span {
		display:inline-block;
		line-height:1.2em;
		padding: 4px 0 4px 0;
		word-break:break-word;
	}

	#nim_main_menu .k-link .k-image,
	#nim_main_menu_job .k-link .k-image {
		float: none;
		margin-top: 0;
		position: absolute;
		right: 0;
	}

	#nim_main_menu li:first-child .k-image,
	#nim_main_menu_job li:first-child .k-image {
		right: 4px;
	}

	#nim_main_menu_job .k-link span.k-icon {
		padding:0;
	}



/* NOTIFICATIONS */
#nim_msgNotification {
	position:absolute;
	top:-20px;
	margin-left:50%;
	padding-bottom: 20px;
	left:-200px;
	height:auto;
	overflow:hidden;
	z-index:99999;
}

#nim_msgNotification .msg_header{
	width:424px;
	border-radius: 12px 12px 0 0;
	text-align: center;
	height: 16px;
	font-size: 1.25em;
	line-height: 20px;
	font-family:'latoregular', sans-serif;
	letter-spacing:.15em;
}

#nim_msgNotification .msg_body{
	width:400px;
	border-radius: 0 0 12px 12px;
	padding: 12px;
}

#nim_msgNotification .msg_note{
	white-space: pre;
}

#nim_timecards .nim_timecard_fullCol {
	overflow:hidden;
	width:calc(100% - 24px);
	margin:0 12px;
}

#nim_timecard_rtOtDt_topMenu {
	margin:0;
	padding:0;
}

#nim_timecard_rtOtDt_topMenu li {
	float:left;
	width:33.33%;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:2em;
}

#nim_timecards #nim_timecard_rtOtDt_topMenu li:nth-child(2) {
	text-align:center;
}

#nim_timecards #nim_timecard_rtOtDt_topMenu li:nth-child(3) {
	text-align:right;
}

#nim_timecards #nim_timecard_rtOtDt_topMenu li .k-numerictextbox {
	margin:0;
	width:50px;
}

#nim_timecard_rtOtDt_topMenu .k-numerictextbox,
#nim_timecard_rtOtDt_topMenu.nim_manual_ot #nim_ot_label_topMenu,
#nim_timecard_rtOtDt_topMenu.nim_manual_ot #nim_dt_label_topMenu {
	display:none;
}

#nim_timecard_rtOtDt_topMenu.nim_manual_ot .k-numerictextbox {
	display:inline-block;
}

/* VIDEO */
.video-preview {
	display: inline-block;
	position: relative;
	overflow: hidden;
	/* This is temporary width and height, these'll be overriden when the source img is loaded. */
	/* Set preview frame default here. */
	width:100%;
	height:100%;
	max-height:100%;
	max-width:100%;
	display:block;
	margin:auto;
}

.videoPreviewImageWrapper {
	position:relative;
	overflow:hidden;
	height:100%;
	margin:0 auto;
}

.videoPreviewImage {
	position:absolute;
	cursor:pointer;
}

.videoPreviewSlider {
	cursor:pointer;
	width:2px;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	opacity:0.6;
}

.nim_objectStatus {
	font-family:latoregular;
	padding: 6px 12px;
	text-align:center;
	border-radius:16px; 
	overflow: hidden;
	display: block;
	-webkit-user-select:none;
  	-moz-user-select:none;
  	-ms-user-select:none;
  		user-select:none;
}

.nim-job-keyword-container {
	display: inline-flex;
	margin: 0 0 0 6px;
}

.nim-job-keyword {
	font-family:latoregular;
	margin: 0 4px;
	padding: 6px 12px;
	float: left;
	text-align:center;
	border-radius:16px; 
	overflow: hidden;
	display: block;
	-webkit-user-select:none;
  	-moz-user-select:none;
  	-ms-user-select:none;
  		user-select:none;
}	


.nim_cursorPointer{
	cursor:pointer !important;
}

.nim_noTextSelect {
	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
		-ms-user-select:none;
			user-select:none;
}

.nim_break-word {
  word-wrap: break-word;
}

.nim_login_input {
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:2px;
}

.nim_show_popup {
	display:inline-block !important;
}


.nim_searchBox {
	width: 250px;
	height:26px;
	margin-top: 2px;
	padding: 0 0 0 12px;
	font-size: 14px;
	-webkit-appearance:textfield;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
			border-radius: 12px;
	-webkit-box-sizing:content-box;
			box-sizing:content-box;
}

.nim_resetGridFilters,
#nim_resetGridFilters {
	font-size: 14px;
	font-family: latoregular;
	letter-spacing: .05em;
	padding: 6px 4px;
	margin-top: 1px;
}

#nim_resetGridFilters.k-disabled,
.nim_resetGridFilters.k-disabled {
	display:none;
}


/* Schedule */
.k-scheduler-group-cell .nim_groupHeaderCell {
	font-family: latoregular;
	font-weight: normal;
}


@media only screen and (max-width: 1024px) {
	/* Customization of the small-browser-size version of pagers throughout NIM */
	/* .k-pager-numbers.k-state-expanded {
		z-index:1001;
	}

	.nim_topPager .k-pager-numbers.k-state-expanded {
		-webkit-transform: translatey(0%);
			-ms-transform: translatey(0%);
				transform: translatey(0%);
		-webkit-flex-direction:column;
			-ms-flex-direction:column;
				flex-direction:column;
	}

	.nim_topPager .k-pager-numbers.k-state-expanded .k-current-page {
		-webkit-transform: translatey(0%);
			-ms-transform: translatey(0%);
				transform: translatey(0%);
		margin:0;
	} */

	/* Customization of the small-browser-size version of scheduler and gantt view menus throughout NIM */
	.k-gantt .k-gantt-toolbar > ul.k-gantt-views,
	.k-scheduler .k-scheduler-toolbar > ul.k-scheduler-views {
		float:right;
		margin-top:-4px;
		border-radius:5px;
	}

	.k-gantt .k-gantt-toolbar > ul.k-gantt-views li,
	.k-scheduler .k-scheduler-toolbar > ul.k-scheduler-views li {
		border-radius:5px;
	}
}



/* Icons */

	/* Filter button span classes 
		Use:
			<button id="filterButton" class="k-button">
				<span class="nim-mi-filter"></span>
			</button>
	*/

	.nim-si-filter {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/filter-16.png');
		background-repeat:no-repeat;
  		background-size: 16px 16px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-si-filter:hover {
		opacity: 1;
		cursor: pointer;
	}
	.nim-mi-filter {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/filter-24.png');
		background-repeat:no-repeat;
  		background-size: 20px 20px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-mi-filter:hover {
		opacity: 1;
		cursor: pointer;
	}
	.nim-i-filter {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/filter-32.png');
		background-repeat:no-repeat;
  		background-size: 32px 32px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-i-filter:hover {
		opacity: 1;
		cursor: pointer;
	}
	.nim-li-filter {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/filter-64.png');
		background-repeat:no-repeat;
  		background-size: 64px 64px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-li-filter:hover {
		opacity: 1;
		cursor: pointer;
	}

	.nim-si-notice{
		background-image:url('/_img/notice-icon-16.png');
		display:block;
		width:14px;
		height:14px;
	}


	.nim-si-lock {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/lock-16.png');
		background-repeat:no-repeat;
  		background-size: 16px 16px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-si-lock:hover {
		opacity: 1;
	}
	.nim-mi-lock {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/lock-24.png');
		background-repeat:no-repeat;
  		background-size: 20px 20px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-mi-lock:hover {
		opacity: 1;
	}
	.nim-i-lock {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/lock-36.png');
		background-repeat:no-repeat;
  		background-size: 36px 36px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-i-lock:hover {
		opacity: 1;
	}
	.nim-li-lock {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/lock-64.png');
		background-repeat:no-repeat;
  		background-size: 64px 64px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-li-lock:hover {
		opacity: 1;
	}

	.nim-si-reset {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/reset-16.png');
		background-repeat:no-repeat;
  		background-size: 16px 16px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-si-reset:hover {
		opacity: 1;
	}
	.nim-mi-reset {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/reset-24.png');
		background-repeat:no-repeat;
  		background-size: 20px 20px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-mi-reset:hover {
		opacity: 1;
	}
	.nim-i-reset {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/reset-32.png');
		background-repeat:no-repeat;
  		background-size: 32px 32px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-i-reset:hover {
		opacity: 1;
	}
	.nim-li-reset {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/reset-64.png');
		background-repeat:no-repeat;
  		background-size: 64px 64px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-li-reset:hover {
		opacity: 1;
	}


	.nim-si-copy {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/copy-icon-16.png');
		background-repeat:no-repeat;
  		background-size: 16px 16px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-si-copy:hover {
		opacity: 1;
	}

	.nim-mi-copy {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url('/_img/copy-icon-24.png');
		background-repeat:no-repeat;
  		background-size: 20px 20px;
  		background-position: 50% 50%;
  		opacity: .75;
	}
	.nim-mi-copy:hover {
		opacity: 1;
	}

	.nim_copy_btn {
		background-image:url('/_img/copy-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-close{
		background-image:url('/_img/close-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-si-info{
		background-image:url('/_img/info-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-mi-info{
		background-image:url('/_img/info-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-i-info{
		background-image:url('/_img/info-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-li-info{
		background-image:url('/_img/info-icon-64.png');
		background-repeat: no-repeat;
	}

	.nim-si-play{
		background-image:url('/_img/play-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-mi-play{
		background-image:url('/_img/play-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-i-play{
		background-image:url('/_img/play-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-si-render{
		background-image:url('/_img/render-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-mi-render{
		background-image:url('/_img/render-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-i-render{
		background-image:url('/_img/render-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-i-download{
		background-image:url('/_img/download_32.png');
		background-repeat: no-repeat;
	}

	.nim-si-download{
		background-image:url('/_img/download_16.png');
		background-repeat: no-repeat;
	}

	.nim-i-pdf{
		background-image:url('/_img/pdf-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-pdf{
		background-image:url('/_img/pdf-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-pdf{
		background-image:url('/_img/pdf-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-eye{
		background-image:url('/_img/eye-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-eye{
		background-image:url('/_img/eye-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-eye{
		background-image:url('/_img/eye-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-home{
		background-image:url('/_img/home-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-home{
		background-image:url('/_img/home-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-home{
		background-image:url('/_img/home-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-si-list{
		background-image:url('/_img/list-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-fav{
		background-image:url('/_img/fav-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-fav{
		background-image:url('/_img/fav-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-fav{
		background-image:url('/_img/fav-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-bookmark{
		background-image:url('/_img/bookmark-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-bookmark{
		background-image:url('/_img/bookmark-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-bookmark{
		background-image:url('/_img/bookmark-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-mailIcon{
		background-image:url('/_img/mail-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-mailIcon{
		background-image:url('/_img/mail-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-mailIcon{
		background-image:url('/_img/mail-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim-i-noMail{
	}

	.nim-mi-noMail{
	}

	.nim-si-noMail{
	}

	
	.nim-i-hasMail:hover{
		opacity: 100% !important;
	}

	.nim-mi-hasMail{
		opacity: 75% !important;
		/*background-image:url('/_img/mailAlert-icon-24.png');*/
	}
	.nim-mi-hasMail:hover{
		opacity: 100% !important;
	}

	.nim-si-hasMail{
		opacity: 100% !important;
	}


	.nim-si-hasMail .k-icon {
		opacity:0.75;
	}
	.nim-si-hasMail:hover .k-icon {
		opacity:1;
	}

	.nim-i-import{
		background-image:url('/_img/import-icon-32.png');
		background-repeat: no-repeat;
	}

	.nim-mi-import{
		background-image:url('/_img/import-icon-24.png');
		background-repeat: no-repeat;
	}

	.nim-si-import{
		background-image:url('/_img/import-icon-16.png');
		background-repeat: no-repeat;
	}

	.nim_pdf_24 {
		background-image:url('/_img/pdf-icon-24.png');
		background-repeat: no-repeat;
		width:24px;
		height:24px;
	}

	.nim_excel_24 {
		background-image:url('/_img/excel-icon-24.png');
		background-repeat: no-repeat;
		width:24px;
		height:24px;
	}

	.nim_abid_24 {
	    background-image:url('/_img/abid-icon-24.png');
		background-repeat: no-repeat;
	    width:24px;
	    height:24px;
	}

	.nim_review_theater {
		background-image:url('/_img/review_theater_mode_icon.png');
		background-repeat: no-repeat;
		width:33px;
		height:24px;
	}

	.nim_review_details {
		background-image:url('/_img/review_details_mode_icon.png');
		background-repeat: no-repeat;
		width:33px;
		height:24px;
	}


	.nim-job-activity-status {
		max-width: 120px;
	}

	.nim-job-project-status {
		max-width: 120px;
	}

	.nim-task-status-type {
		max-width: 200px;
	}

	.nim-item-enabled {
		min-width: 28px;
		max-width: 100px;
	}


/* Single / Groups buttons */

	.nim_itemTypeButton {
		background-color:transparent !important;
		border:none;
		position:relative;
		width:30px;
		height:30px;
	}

	.nim_itemTypeButton span,
	.nim_itemTypeButton.nim_groups::before,
	.nim_itemTypeButton.nim_groups::after {
		background-color:#eee;
		border-radius:0;
		display:block;
		opacity:0.4;
		position:absolute;
		top:35%;
		left:35%;
		width:30%;
		height:30%;
		transition:opacity 0.2s;
	}

	.nim_itemTypeButton:hover span,
	.nim_itemTypeButton.nim_groups:hover::before,
	.nim_itemTypeButton.nim_groups:hover::after,
	.nim_itemTypeButton.on span,
	.nim_itemTypeButton.nim_groups.on::before,
	.nim_itemTypeButton.nim_groups.on::after {
		opacity:1;
	}

	.nim_itemTypeButton.nim_single span {
		top:30%;
		left:30%;
		width:40%;
		height:40%;
	}

	.nim_itemTypeButton.nim_groups span {
		top:55%;
	}

	.nim_itemTypeButton.nim_groups::before {
		content:'';
		top:15%;
		left:15%;
	}

	.nim_itemTypeButton.nim_groups::after {
		content:'';
		top:15%;
		left:55%;
	}


/* Draggable Items */
	.nim_draggable{
		list-style-type: none;
		padding:2px;
	}

	.nim_draggable .hidden {
		background-color:transparent;
		border-color:transparent;
		color:transparent;
		visibility:hidden;
	}

	.nim_drag_item {
		font-size: 14px;
		font-family: latoregular;
		margin: 0 2px 0 2px;
		clear: both;
		line-height: 2.1em;
		border: 1px solid #333;
		padding: 8px 4px;
		overflow: hidden;
		border-radius: 8px;
	}

	.nim_drag_handle {
		color:inherit;
		cursor:pointer;
		text-decoration:none;
		text-align:center;
		font-size:25px;
		font-family:'Times New Roman', serif;
		width:30px;
		height:23px;
		float:left;
		margin-right:5px;
	}

	.nim_drag_icon {
		float:left;
		margin: 0 12px 0 0;
		height: 24px;
	}

	.nim_drag_content {
		float:left;
		clear:none;
	}


/* Vertical ellipsis menus */

	.nim_ellipsisMenu {}

	.nim_ellipsisMenu.nim_hidden {
		display:none;
	}

	.nim_ellipsisMenu .nim_menuToggle {
		/*background:url('/_img/vertical-ellipsis.png') center center no-repeat;*/
		background:url('/_img/vertical-ellipsis_20.png') center center no-repeat;
		/*background:url('/_img/horizontal-ellipsis.png') center center no-repeat;*/
		position:absolute;
		top:14px;
		right:8px;
		/*font-size:3em;*/
		cursor:pointer;
		width:20px;
		height:20px;
		text-align:center;
		-webkit-user-select:none;
		-moz-user-select:none;
			-ms-user-select:none;
				user-select:none;
		opacity: 50%;
		-webkit-transition: opacity .2s;
		-moz-transition: opacity .2s;
			-o-transition: opacity .2s;
				transition: opacity .2s;
	}
	.nim_ellipsisMenu .nim_menuToggle:hover{
		opacity: 100%;
	}
	.nim_ellipsisMenu .nim_menuItems {
		display:none;
		position:absolute;
		top:5px;
		right:35px;
		z-index:100;
		border-radius:5px;
	}
	.nim_ellipsisMenu .nim_menuItems .k-button {
		display:block;
		background:none;
		border:none;
		padding:6px 12px;
		width:100%;
		text-align:left;
		outline:none;
		font-family:'latolight', sans-serif;
		font-size: 17px;
	}

	.nim_ellipsisMenu .nim_menuItems .k-button .k-icon {
		margin:0;
	}

/* Info panels */

	.nim_infoPanelContent {
		display:block;
		padding:0 0 12px 0;
		position:absolute;
		top:34px;
		bottom:0;
		width:412px;
	}

	.nim_infoPanelContent .edit-buttons {
		position:absolute;
		top:3px;
		right:10px;
	}

	.nim_infoPanelContent .edit-buttons .k-button {
		margin-bottom:1px;
	}

	.nim_infoPanelHeader {
		width: 100%;
		font-size: 14px;
	}

	.nim_infoPanelInfoBlock {
		display: block;
		width:412px;
		bottom:0;
		padding:0 0 0 0 !important;
		vertical-align:top;
	}

	.nim_infoPanelContentHeader {
		width:100%;
		height:32px;
		padding-top: 16px;
		padding-left: 0px;
		font-size: 14px;
	}

	.nim_infoPanelContentContainer {
		position:absolute;
		top:48px;
		left:0;
		bottom:0;
		width:412px;
		overflow:hidden;
	}

	.k-edit-item .nim_infoPanelContentContainer {
		bottom: 47px;
	}

	.nim_infoPanelDetails {
		display:none;
		float: left;
		position:absolute;
		top:36px;
		left:412px;
		bottom:0;
		width: -moz-calc(100% - 411px);
		width: -webkit-calc(100% - 411px);
		width: calc(100% - 411px);
	}

	.nim_infoPanelHeaderSubject {
		font-family: latoregular; 
		padding-top:8px; 
		text-align:center; 
		font-size:18px;
	}
	.nim_infoPanelHeaderTitle {
		display:inline-block;
		width:364px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: latoregular;
		font-size: 17px;
		padding-left: 10px;
	}
	.nim_infoPanelTitle {
		font-size:1.5em;
		text-align:left;
		padding:14px;
	}
	.nim_infoPanelRow {
		margin:0;
		padding:8px 20px;
		clear:both;
		line-height:2.1em;
		overflow:hidden;
	}
	.nim_infoPanelRow:first-child {
		border-top:none;
	}
	.nim_infoPanelRowGroupTitle {
		font-family: latoregular;
		font-size: 14px;
	}
	.nim_infoPanelRowButtons {
		margin:0;
		padding:8px 0;
		clear:both;
		line-height:2.1em;
		overflow:hidden;
	}
	.nim_infoPanelRowButtons .k-button {
		display:inline;
		width: 386px;
		font-size: 16px;
		margin: 2px 12px;
		height: 34px;
		font-family: latoregular;
	}
	.nim_infoPanelRowTitle {
		width:130px;
		float:left;
		font-family:'latoregular', sans-serif;
		font-size:0.95em;
		letter-spacing:0.05em;
	}
	.nim_infoPanelRowData {
		float:right;
		max-width:100%;
		word-wrap:break-word;
		font-size:1.2em;
		font-family: latoregular;
	}
	.nim_infoPanelRowData.right {
		text-align: right;
	}
	.nim_infoPanelRowData .k-widget,
	.nim_infoPanelRowData input {
		width:234px;
		/* margin-top:-4px; */
		padding: 0 0 0 6px;
		font-size: 14px;
	}
	.nim_infoPanelRowData .k-picker {
		width: 240px;
	}
	.nim_infoPanelRowData .k-timepicker {
		width: 238px;
	}
	.nim_infoPanelRowData .k-colorpicker .k-selected-color {
		width:100%;
	}
	.nim_infoPanelRowData textarea {
		width:224px;
		margin-top:-4px;
		padding:5px 7px;
		font-size:14px;
	}
	.nim_infoPanelRowData .k-multiselect {
		width:238px;
	}
	.nim_infoPanelRowData .k-numerictextbox {
		width: 240px;
	}
	.nim_infoPanelRowData .k-numerictextbox .k-input-inner {
		text-align: right;
	}
	.nim_infoPanelRowData .k-datepicker,
	.nim_infoPanelRowData .k-datetimepicker {
		width: 240px;
	}
	.nim_infoPanelSpacer {
		display:inline-block;
		width:360px;
		height:12px;
	}
	.nim_infoPanelFooter {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		z-index:1;
		height:47px;
	}
	.nim_infoPanelFooter button {
		font-size: 17px;
		font-family: latoregular;
		letter-spacing:0.08em;
		/* line-height:1.9em; */
		margin:8px 0 0 10px;
		padding: 6px;
		width: 45.8%;
	}

	.nim_infoPanel_close_btn {
		position:absolute;
		right:8px;
		top:4px;
	}
	.nim_infoPanel_close_btn .k-button{
		border: none;
	}

/* Settings Panels */
	.nim_settings_content {
		width:640px;
		border: none;
		margin:12px;
	}
	.nim_settingsBlock {
		display:block;
		border-radius: 12px;
		overflow: hidden;
	}
	.nim_settingsContentHeader {
		width:100%;
		height:45px;
		text-align:center;
	}

	.nim_settingsContentHeader_title {
		padding: 12px;
		font-family: latoregular;
		font-size: 18px;
		float:left;
	}
	.nim_settingsContentHeader .k-button {
		border: none;
		margin: 6px 0 0 0;
	}
	.nim_settingsContentContainer{
		display:inline-block;
		width: 100%;
	}
	.nim_settingsContent {
		display: inline-block;
		padding:0 0 12px 0;
	}
	.nim_settingsContentHalfRow {
		margin:4px 4px 4px 20px;
		width: 260px;
		min-width: 120px;
		line-height:2.1em;
		float:left;
	}
	.nim_settingsContentNotice {
		width: 22px;
		padding:4px 0 0 8px;
		float:right;
		cursor:pointer;
	}
	.nim_settingsBlock .nim_infoPanelRowTitle{
		width: 140px;
	}

/* Buttons */
	.nim_directionButton_e.hidden,
	.nim_directionButton_w.hidden {
		display: none;
	}

/* CSS LOADING MASK */

	.nim-loading {
		cursor: progress !important;
		-webkit-user-select:none !important;
		-khtml-user-select:none !important;
		-moz-user-select:none !important;
			-ms-user-select:none !important;
				user-select:none !important;
	}

	.nim-body-mask {
		display: none;
	}

	.nim-body-mask.loading {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2000;
		cursor: progress !important;
	}

/* CCS NIM SPINNER */

	.nim-spinner {
		position: relative;
		width: 42px;
		height: 42px;
		/*
		Need to set negative left and top margins equal
		to half of width and height to center the loader
		*/
		margin-left:-21px;
		margin-top:-21px;
		border-radius: 21px;
		top: 50%;
		left: 50%;
		animation: nim-spinner 1s linear 0s infinite;
		z-index: 1000;
	}

	@keyframes nim-spinner {
		0%, 33% {
			transform: rotate(0deg);
		}
		66%, 100% {
			transform: rotate(180deg);
		}
	}

	.nim-spinner-child-container {
		position: absolute;
		width: 36px;
		height: 36px;
		top: 3px;
		left: 3px;
		overflow: hidden;
	}

	.nim-spinner-child {
		position: absolute;
		width: 8px;
		height: 36px;
		top: 0px;
	}

	.nim-spinner-child.column_left {
		left: 0px;
		animation: nim-spinner-child-column_left 1s linear 0s infinite;
	}

	@keyframes nim-spinner-child-column_left {
		0%, 100% {
			transform: translate(0, 0);
		}
		33% ,66% {
			transform: translate(14px, 0);
		}
	}

	.nim-spinner-child.column_center {
		left: 14px;
		transform: rotate(-40deg);
		height: 40px;
		top: -2px;
		animation: nim-spinner-child-column_center 1s linear 0s infinite;
	}

	@keyframes nim-spinner-child-column_center {
		0%, 100% {
			transform: rotate(-40deg);
		}
		33% ,66% {
			transform: rotate(0deg);
		}
	}

	.nim-spinner-child.column_right {
		left: 28px;
		animation: nim-spinner-child-column_right 1s linear 0s infinite;
	}

	@keyframes nim-spinner-child-column_right {
		0%, 100% {
			transform: translate(0, 0);
		}
		33% ,66% {
			transform: translate(-14px, 0);
		}
	}


/* CCS NIM SKELETON */

	.nim-skeleton {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.nim-skeleton-frame-1 {
		position: absolute;
		height: 38px;
		top: 0px;
		left: 0px;
		right: 0px;
		animation: nim-skeleton-frame 2s linear 0s infinite;
	}

	.nim-skeleton-frame-2 {
		position: absolute;
		width: 156px;
		top: 40px;
		left: 0px;
		bottom: 0px;
		animation: nim-skeleton-frame 2.5s linear 0s infinite;
	}

	.nim-skeleton-frame-3 {
		position: absolute;
		top: 40px;
		left: 158px;
		right: 0px;
		bottom: 0px;
		animation: nim-skeleton-frame 3s linear 0s infinite;
	}

	@keyframes nim-skeleton-frame {
		0%, 100%{
			opacity:0;
		}
		50% {
			opacity:1;
		}
	}


/* NIM DOT INDICATORS */
.nim_dotIndicator {
	border-radius:8px;
	display:inline-block;
	margin:2px 3px 4px 0;
	width:15px;
	height:15px;
	vertical-align:middle;
	position:relative;
	z-index:1;
}

.nim_timecardDotIcon {
	border-radius:8px;
	display:inline-block;
	margin:2px 3px 4px 0;
	width:15px;
	height:15px;
	vertical-align:middle;
	position:relative;
	z-index:1;
}


/* NIM CONTACT ICONS */
.nim_contact_icon_company,
.nim_contact_icon_user {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: middle;
}

.nim_contact_icon_company.nim_contact_grid_icon,
.nim_contact_icon_user.nim_contact_grid_icon {
	width: 22px;
	height: 22px;
}

.nim_contact_icon_company {
	background-image: url('/_img/company_light.png');
}

.nim_contact_icon_user {
	background-image: url('/_img/user_light.png');
}


/* NIM CUSTOM FIELDS */
.nim-custom-field-link-url {
	margin-top: 8px;
}


/* NIM GRID CUSTOM CHECKBOX FILTERS */

.nim-filter-check-item {
	padding: 4px 8px;
}


/* NIM CONTACTS */

.nim_linked_contact_item > span:first-child {
	display: inline-block;
	margin: 0 8px 0 0;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.nim_linked_contact_item_detail {
	padding: 0 0 0 0;
}

#nim_contact_links_multiselect-list .k-list-item-text,
#nim_jobContacts_infoPanel-list .k-list-item-text,
#nim_jobContacts-list .k-list-item-text,
#nim_bidContacts-list .k-list-item-text {
	display: flex;
}


#nim_contact_links_multiselect-list .k-list-item-text > span,
#nim_contact_links_multiselect_taglist .k-chip-label > span,
#nim_jobContacts_infoPanel-list .k-list-item-text > span,
#nim_jobContacts_infoPanel_taglist .k-chip-label > span,
#nim_jobContacts-list .k-list-item-text > span,
#nim_jobContacts_taglist .k-chip-label > span,
#nim_bidContacts-list .k-list-item-text > span,
#nim_bidContacts_taglist .k-chip-label > span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

#nim_contact_links_multiselect-list .k-list-item-text > span:first-child,
#nim_contact_links_multiselect_taglist .k-chip-label > span:first-child,
#nim_jobContacts_infoPanel-list .k-list-item-text > span:first-child,
#nim_jobContacts_infoPanel_taglist .k-chip-label > span:first-child,
#nim_jobContacts-list .k-list-item-text > span:first-child,
#nim_jobContacts_taglist .k-chip-label > span:first-child,
#nim_bidContacts-list .k-list-item-text > span:first-child,
#nim_bidContacts_taglist .k-chip-label > span:first-child {
	display: inline-block;
	margin: 0 8px 0 0;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
}

#nim_contactDetails .nim_contactDetailsItem,
.nim_contactDetailsItem.hint {
	display: flex;
	line-height:1.6em;
	color:#c8c8c8;
	font-size:1.2em;
	font-family: latoregular;
	padding:10px 50px 10px 20px;
	position:relative;
	border: 1px solid transparent;
	border-radius: 8px;
}

.nim_contactDetailsItem.hint .nim_delete {
	display: none;
}

.nim_editMode #nim_contactDetails .nim_contactDetailsItem:hover {
	cursor: pointer;
}

#nim_contactDetails .nim_contactDetailsItem .nim_delete {
	background-color:transparent;
	border:none;
	outline:none;
	position:absolute;
	top:8px;
	right:12px;
}


/* NIM CUSTOM EXPAND/COLLAPSE ARROWS */
.nim-i-arrow-n,
.nim-i-arrow-e,
.nim-i-arrow-s,
.nim-i-arrow-w {
	display:block;
	border:8px solid transparent;
	width:0;
	height:0;
}

.nim-i-arrow-n {
	border-top-width:0;
	border-bottom-color:#eee;
	border-bottom-width:13px;
	margin:1px 0 2px;
}

.nim-i-arrow-e {
	border-right-width:0;
	border-left-color:#eee;
	border-left-width:13px;
	margin:0 1px 0 2px;
}

.nim-i-arrow-s {
	border-bottom-width:0;
	border-top-color:#eee;
	border-top-width:13px;
	margin:2px 0 1px;
}

.nim-i-arrow-w {
	border-left-width:0;
	border-right-color:#eee;
	border-right-width:13px;
	margin:0 2px 0 1px;
}

.nim_bg_color_8 .nim-i-arrow-n {
	border-bottom-color:#7dd0fa;
}

.nim_bg_color_8 .nim-i-arrow-s {
	border-top-color:#7dd0fa;
}

.nim_bg_color_8 .nim-i-arrow-e {
	border-left-color:#7dd0fa;
}

.nim_bg_color_8 .nim-i-arrow-w {
	border-right-color:#7dd0fa;
}


/* Progress bar */

#nim_header_progress_bars {
	float:left;
	display:flex;
	flex-direction:column;
	height:100%;
}

#nim_header_progress_bars .nim_progressBarContainer {
	display:flex;
	align-items:center;
	margin:17px 30px 0;
	opacity:1;
	transition:opacity 2s;
}

#nim_header_progress_bars .nim_progressBarContainer.nim_removing {
	opacity:0;
}

#nim_header_progress_bars .nim_progressBarLabel {
	font-family: latoregular;
	font-size:16px;
	margin-right:10px;
}

#nim_header_progress_bars .nim_progressBarWrapper {
	position:relative;
	width:200px;
	height:12px;
	margin-right:10px;
}

#nim_header_progress_bars .nim_progressBar {
	height:100%;
	transition:width 0.2s;
}


/* Filter Panel */

.nim_filterPanelControls {
	display:flex;
	gap:15px;
	float:right;
	margin:1px 10px;
}

.nim_filterPanelControls > .k-dropdownlist {
	font-family: latoregular;
	width:220px;
	height:26px;
}

.nim_filterPanelButton {
	background-color:transparent;
	border:none;
	outline:none;
}

#nim_schedule_header #nim_filterPanelControls .nim_filterPanelButton {
	background-color: #222;
}

.nim_filterPanelButton.nim_filtering,
#nim_schedule_header #nim_filterPanelControls .nim_filterPanelButton.nim_filtering {
	background-color:#43586c;
}

.nim_filterPanelContainer {
	position:absolute;
	top:40px;
	right:20px;
	z-index:1002;
	overflow:hidden;
	width:650px;
	height:0;
	font-family: latoregular;
	transition:border-width 0.1s, height 0.2s;
}

.nim_filterPanelContainer.on {
	border-width:2px;
	height:480px;
}

.nim_filterPanelContainer .nim_tabMenu {
	border:none;
	margin:0;
	padding:0;
	overflow:hidden;
	min-width:650px;
	width:100%;
}

.nim_filterPanelContainer .nim_tabMenu li {
	list-style-type:none;
	margin:0;
	float:left;
	clear:none;
}
.nim_filterPanelContainer .nim_tabMenu li a {
	display:block;
	font-size:20px;
	text-decoration:none;
	text-transform:uppercase;
	padding:6px 15px;
}
.nim_filterPanelContainer .nim_tabMenu li.on a {
	background-color:#576878;
	color:#ccc;
}

.nim_filterPanelContainer .nim_filterButtons {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	display:flex;
	justify-content:space-evenly;
	gap:14px;
	background-color:#354656;
	padding:5px 7px;
}

.nim_filterPanelContainer .nim_filterButtons > .k-button {
	flex-grow:1;
	font-size:18px;
	padding:8px;
	text-transform:uppercase;
}

.nim_filterPanelContainer .nim_filterButtons > .k-button.nim_disabled {
	background-color:#555;
	color:#bbb;
	cursor:default;
	opacity:0.5;
}

.nim_filterPanelContainer .nim_filterSection {
	margin-bottom:25px;
}

.nim_filterPanelContainer .nim_filterHeader {
	margin:0 -33px 20px;
	padding:12px 33px;
	font-size:18px;
}

.nim_filterPanelContainer .nim_filterRow {
	line-height:36px;
	overflow:hidden;
}

.nim_filterPanelContainer .nim_filterRow.nim_hidden {
	display:none;
}

.nim_filterPanelContainer .nim_filterRow .nim_filterLabel {
	float:left;
	font-size:14px;
	width:175px;
}

.nim_filterPanelContainer .nim_filterRow .nim_filterValue {
	float:left;
}

.nim_filterPanelContainer .nim_filterRow .nim_filterValue .k-dropdownlist,
.nim_filterPanelContainer .nim_filterRow .nim_filterValue .k-multiselect {
	margin-top:-1px;
	width:408px;
}


.nim_filterPanelContainer .nim_filterPanelSection {
	display:none;
	position:absolute;
	top:34px;
	left:0;
	right:0;
	bottom:49px;
}

.nim_filterPanelContainer .nim_filterPanelSection.on {
	display:block;
}

.nim_filterPanelContents,
.nim_filterPanelShareContents {
	padding:0 33px;
}

.nim_filterPanel .k-filter {
	width:100%;
}

.nim_filterPanel .k-filter .k-filter-container {
	margin-bottom:10px;
}

.nim_filterPanel .k-filter .k-filter-toolbar {
	display:block;
}

.nim_filterPanel .k-filter .k-toolbar {
	flex-wrap:nowrap;
	gap:8px;
	padding:7px;
}

.nim_filterPanel .k-filter .k-toolbar > .k-filter-field {
	flex-grow:0;
}

.nim_filterPanel .k-filter .k-toolbar > .k-filter-operator {
	flex-grow:0;
	min-width:160px;
}

.nim_filterPanel .k-filter .k-toolbar > .k-filter-value {
	flex-grow:1;
	flex-shrink:1;
}

.nim_filterPanel .k-filter .k-toolbar > .k-filter-value .nim_dropdownValueContainer,
.nim_filterPanel .k-filter .k-toolbar > .k-filter-value .nim_textValueContainer {
	width:100%;
}

.nim_filterPanel .k-filter .k-toolbar > .k-filter-value .nim_dropdownValueContainer,
.nim_filterPanel .k-filter .k-toolbar.nim_textOperator > .k-filter-value .nim_textValueContainer {
	display:block;
}

.nim_filterPanel .k-filter .k-toolbar.nim_textOperator > .k-filter-value .nim_dropdownValueContainer,
.nim_filterPanel .k-filter .k-toolbar > .k-filter-value .nim_textValueContainer {
	display:none;
}

.nim_filterPanel .k-filter .k-toolbar .k-picker,
.nim_filterPanel .k-filter .k-toolbar .k-input {
	width:100%;
	font-size:14px;
}

.nim_filterPanel .k-filter .k-toolbar .k-input.k-textbox {
	border: none;
	height: 27px;
}

.nim_filterPanel .k-filter .k-toolbar .k-textbox .k-input-inner {
	width:100px;
}

.nim_filterPanelShareContents .nim_filterRow {
	padding: 0px 0 6px 0;
}

.nim_filterPanelShareExplainer {
	margin-top:20px;
	font-size: 14px;
}